add WIP pure-CSS scroll indicator

This commit is contained in:
Amolith 2023-08-11 12:06:32 -07:00
parent b4c9fc4836
commit af05e32db2
Signed by: Amolith
GPG Key ID: 8AE30347CE28D101
2 changed files with 19 additions and 0 deletions

View File

@ -1,3 +1,21 @@
/*
body {
background: linear-gradient(to right top, $button-border 50%, $button-background 50%);
background-size: 100% calc(100% - 100vh + #{5px});
background-repeat: no-repeat;
}
body:before {
content:'';
position: fixed;
top: 5px;
bottom: 0;
width: 100%;
z-index: -1;
background: $light;
}
*/
.title-wrapper { .title-wrapper {
max-width: 800px; max-width: 800px;
margin: 0 auto; margin: 0 auto;

View File

@ -1,3 +1,4 @@
<header class="scroller"></header>
<div class="title-wrapper"> <div class="title-wrapper">
<span class="title"><a href="{{ .Site.BaseURL }}">{{ $.Site.Title }}</a></span> <span class="title"><a href="{{ .Site.BaseURL }}">{{ $.Site.Title }}</a></span>
<span class="menu"> <span class="menu">