diff --git a/index.html b/index.html index 5a5958a..9e2e025 100644 --- a/index.html +++ b/index.html @@ -464,6 +464,8 @@ + + diff --git a/pribehy/index.html b/pribehy/index.html index d4d92e8..7f0934c 100644 --- a/pribehy/index.html +++ b/pribehy/index.html @@ -123,6 +123,8 @@ + + diff --git a/sass/style.scss b/sass/style.scss index ba6a50c..38da682 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -927,6 +927,26 @@ footer { } } +.scrollback { + position: fixed; + bottom: 1.5rem; + right: 1.5rem; + display: block; + width: 4rem; + height: 4rem; + border-radius: 50%; + background: url("/static/img/scrollback.svg"), $col-bg; + background-position: center; + background-repeat: no-repeat; + background-size: 35% auto; + border: 3px solid $col-accent; + transition: transform .1s ease; + + &:hover { + transform: scale(1.2); + } +} + @media only screen and (min-width: $size-mobile) { h1 { diff --git a/static/img/scrollback.svg b/static/img/scrollback.svg new file mode 100644 index 0000000..ed6197f --- /dev/null +++ b/static/img/scrollback.svg @@ -0,0 +1 @@ + \ No newline at end of file