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 { &.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,

View File

@ -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;

View File

@ -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>