diff options
| -rw-r--r-- | sass/include/_top.scss | 15 | ||||
| -rw-r--r-- | templates/page.html | 6 |
2 files changed, 10 insertions, 11 deletions
diff --git a/sass/include/_top.scss b/sass/include/_top.scss index e4ad6fe..7b9d026 100644 --- a/sass/include/_top.scss +++ b/sass/include/_top.scss @@ -1,25 +1,24 @@ .topout { - display: flex; position: sticky; bottom: 1px; padding: 20px; place-self: end; - margin-top: 101vh; + margin-top: 110vh; pointer-events: none; } -.topin { - margin-left: auto; - pointer-events: all; +.topleft { + margin-left: calc(100% - 80px); } .top { + pointer-events: all; padding: 9px; - font-weight:700; border-radius: 9px; + font-weight:700; color: var(--a1); background: var(--c2); } .top:hover { + text-decoration: none; color: var(--c2); background: var(--a1); - text-decoration: none; -} +}
\ No newline at end of file diff --git a/templates/page.html b/templates/page.html index 8283d31..cfea5ea 100644 --- a/templates/page.html +++ b/templates/page.html @@ -69,9 +69,9 @@ {%- if page.reading_time %} {%- if page.reading_time > 1 %} -<div class="topout"> -<div> </div><div class="topin"><a href="#" class="top">⋏</a></div> -</div> +<span class="topout"> +<span class="topleft"> </span><a href="#" class="top">⋏</a> +</span> {%- endif %} {%- endif %} |