fixes css for headlines and links

This commit is contained in:
Lars Hoogestraat 2022-08-03 14:56:51 +02:00
parent 9e89b11bca
commit 3ffa0334d8
5 changed files with 24 additions and 20 deletions

View File

@ -7,8 +7,8 @@
{{ range $key, $value := .Site.Taxonomies.categories }}
{{ $active := (eq $key $current.Title) }}
<li class="nav-item page-aside-nav__items">
<a class="link-button link-button--right{{if $active}} link-button--right-active{{end}}" href="{{ .Page.Permalink | relURL }}">{{ $key | humanize }} ({{ len $value }})</a>
<li class="nav-item page-aside-nav__items{{if $active}} link-button--right-active{{end}}">
<a class="link-button link-button--right" href="{{ .Page.Permalink | relURL }}">{{ $key | humanize }} ({{ len $value }})</a>
</li>
{{end}}
</ul>

View File

@ -1,3 +1,3 @@
<header class="page-header">
<h1>{{.Site.Title }}</h1>
<h1 class="page-header__headline">{{.Site.Title }}</h1>
</header>

View File

@ -6,8 +6,8 @@
{{ $active = or $active (eq .Name $current.Title) }}
{{ $active = or $active (eq .Identifier $current.Title) }}
{{ $active = or $active (and (eq .Name "Articles") (eq $current.Section "posts")) }}
<li class="nav-item page-nav--items">
<a class="link-button link-button--left{{if $active}} link-button--left-active{{end}}" href="{{ .URL | relLangURL }}">{{ .Name }}</a>
<li class="nav-item page-nav--items {{if $active}} link-button--left-active{{end}}">
<a class="link-button link-button--left" href="{{ .URL | relLangURL }}">{{ .Name }}</a>
</li>
{{ end }}
</ul>

View File

@ -19,7 +19,7 @@
--article-box-bg-color: #ffffff;
--link-text-color: #285e8e;
--link-visited-text-color: #c58af9;
--link-visited-text-color: #b94eff;
--code-text-color: #000000;
--code-bg-color: #ffffff;
}

View File

@ -46,38 +46,38 @@ body {
margin: 0;
}
.article__content h1,
.article__content h2,
.article__content h3,
.article__content h4,
.article__content h5,
.article__content h6 {
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--headline-text-color);
font-weight: 700;
margin: 0 0 0.8em 0;
}
.article__content h1 {
h1 {
font-size: 2em;
}
.article__content h2 {
h2 {
font-size: 1.6em;
}
.article__content h3 {
h3 {
font-size: 1.4em;
}
.article__content h4 {
h4 {
font-size: 1.2em;
}
.article__content h5 {
h5 {
font-size: 1.0em;
}
.article__content h6 {
h6 {
font-size: 0.8em;
}
@ -147,6 +147,9 @@ body {
color: var(--link-visited-text-color);
}
.article__content a:hover,
.article__content a:active,
.article__content a:focus,
.article-header a:hover,
.article-header a:active,
.article-header a:focus {
@ -217,7 +220,9 @@ body {
padding-left: 1em;
}
.page-header > h1 {
.page-header__headline {
margin: 0.5em 0;
padding: 0;
color: var(--header-text-color);
}
@ -275,7 +280,6 @@ body {
text-decoration: underline;
}
.page-footer--link:active,
.page-footer--link:hover,
.page-footer--link:active,
.page-footer--link-active {