fixes css for headlines and links
This commit is contained in:
parent
9e89b11bca
commit
3ffa0334d8
|
@ -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>
|
||||
|
|
|
@ -1,3 +1,3 @@
|
|||
<header class="page-header">
|
||||
<h1>{{.Site.Title }}</h1>
|
||||
<h1 class="page-header__headline">{{.Site.Title }}</h1>
|
||||
</header>
|
|
@ -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>
|
||||
|
|
|
@ -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;
|
||||
}
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in New Issue