more readable links
This commit is contained in:
parent
da6e8f7a4e
commit
b8901b68d7
|
@ -46,9 +46,11 @@ a.footer-nav-item:hover {
|
||||||
&.light {
|
&.light {
|
||||||
color: $light-bg-alt;
|
color: $light-bg-alt;
|
||||||
background-color: $light-bg;
|
background-color: $light-bg;
|
||||||
|
border-color: $light-bg;
|
||||||
}
|
}
|
||||||
color: $dark-bg-alt;
|
color: $dark-bg-alt;
|
||||||
background-color: $dark-bg;
|
background-color: $dark-bg;
|
||||||
|
border-color: $dark-bg;
|
||||||
transition: $trans-short;
|
transition: $trans-short;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -84,12 +86,14 @@ footer a {
|
||||||
|
|
||||||
.togglelabel.light::after {
|
.togglelabel.light::after {
|
||||||
background-color: $light-bg;
|
background-color: $light-bg;
|
||||||
|
border-color: $light-bg;
|
||||||
color: $light-bg-alt;
|
color: $light-bg-alt;
|
||||||
transition: $transition-time;
|
transition: $transition-time;
|
||||||
}
|
}
|
||||||
|
|
||||||
.togglelabel::after {
|
.togglelabel::after {
|
||||||
background-color: $dark-bg;
|
background-color: $dark-bg;
|
||||||
|
border-color: $dark-bg;
|
||||||
color: $dark-bg-alt;
|
color: $dark-bg-alt;
|
||||||
transition: $transition-time;
|
transition: $transition-time;
|
||||||
}
|
}
|
||||||
|
@ -197,6 +201,7 @@ a:hover {
|
||||||
color: $dark-bg;
|
color: $dark-bg;
|
||||||
background-color: $dark-ln;
|
background-color: $dark-ln;
|
||||||
transition: $trans-short;
|
transition: $trans-short;
|
||||||
|
border-color: $dark-ln;
|
||||||
}
|
}
|
||||||
|
|
||||||
.previous.light:hover,
|
.previous.light:hover,
|
||||||
|
@ -206,6 +211,7 @@ article.light a:hover {
|
||||||
color: $light-bg;
|
color: $light-bg;
|
||||||
background-color: $light-ln;
|
background-color: $light-ln;
|
||||||
transition: $trans-short;
|
transition: $trans-short;
|
||||||
|
border-color: $light-ln;
|
||||||
}
|
}
|
||||||
|
|
||||||
.light.hash-link:hover,
|
.light.hash-link:hover,
|
||||||
|
|
|
@ -7,7 +7,7 @@ body {
|
||||||
}
|
}
|
||||||
|
|
||||||
footer {
|
footer {
|
||||||
height: $footer-height;
|
min-height: $footer-height;
|
||||||
position: sticky;
|
position: sticky;
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
|
@ -13,7 +13,7 @@
|
||||||
<div id="postlist">
|
<div id="postlist">
|
||||||
<h2 class="colorswitch posttitle">
|
<h2 class="colorswitch posttitle">
|
||||||
<a class="colorswitch" href="{{.Permalink}}">{{.Title}}</h2><div class="postdescription">{{.Description}}</a><br>
|
<a class="colorswitch" href="{{.Permalink}}">{{.Title}}</h2><div class="postdescription">{{.Description}}</a><br>
|
||||||
<a class="postinfo" href="{{.Permalink}}">{{.WordCount}} words | read more...</a>
|
<a class="postinfo colorswitch" href="{{.Permalink}}">read more...</a>
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</div>
|
</div>
|
||||||
|
|
Loading…
Reference in New Issue