more readable links

This commit is contained in:
Zoe 2022-04-15 21:07:54 +02:00
parent da6e8f7a4e
commit b8901b68d7
3 changed files with 8 additions and 2 deletions

View file

@ -46,9 +46,11 @@ a.footer-nav-item:hover {
&.light {
color: $light-bg-alt;
background-color: $light-bg;
border-color: $light-bg;
}
color: $dark-bg-alt;
background-color: $dark-bg;
border-color: $dark-bg;
transition: $trans-short;
}
@ -84,12 +86,14 @@ footer a {
.togglelabel.light::after {
background-color: $light-bg;
border-color: $light-bg;
color: $light-bg-alt;
transition: $transition-time;
}
.togglelabel::after {
background-color: $dark-bg;
border-color: $dark-bg;
color: $dark-bg-alt;
transition: $transition-time;
}
@ -197,6 +201,7 @@ a:hover {
color: $dark-bg;
background-color: $dark-ln;
transition: $trans-short;
border-color: $dark-ln;
}
.previous.light:hover,
@ -206,6 +211,7 @@ article.light a:hover {
color: $light-bg;
background-color: $light-ln;
transition: $trans-short;
border-color: $light-ln;
}
.light.hash-link:hover,

View file

@ -7,7 +7,7 @@ body {
}
footer {
height: $footer-height;
min-height: $footer-height;
position: sticky;
display: flex;
align-items: center;

View file

@ -13,7 +13,7 @@
<div id="postlist">
<h2 class="colorswitch posttitle">
<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>
{{ end }}
</div>