From 006d56f862e085cf0fc921782d11ea14eef872be Mon Sep 17 00:00:00 2001 From: zoe Date: Wed, 13 Apr 2022 19:19:58 +0200 Subject: [PATCH] clickable headers --- assets/scss/colors.scss | 38 +++++++++++++++++++----------------- assets/scss/layout.scss | 8 +------- assets/scss/style.scss | 1 + layouts/_default/single.html | 8 -------- 4 files changed, 22 insertions(+), 33 deletions(-) diff --git a/assets/scss/colors.scss b/assets/scss/colors.scss index e7d461b..bd10c0d 100644 --- a/assets/scss/colors.scss +++ b/assets/scss/colors.scss @@ -119,8 +119,8 @@ h2 a { background-color: $dark-accent1; color: $dark-bg; transition: $transition-time; - & a{ - background-color: transparent; + &.light { + color: $light-bg; } } h3, @@ -128,9 +128,6 @@ h3 a { background-color: $dark-accent2; color: $dark-bg; transition: $transition-time; - & a{ - background-color: transparent; - } } h3.light { @@ -156,7 +153,7 @@ h4 { h4.light, h5.light, -h6.light{ +h6.light { background-color: $light-accent3; color: $light-bg; transition: $transition-time; @@ -172,10 +169,10 @@ article.light a { background-color: transparent; color: $light-ln; transition: $transition-time; - &.hash-link{ + &.hash-link { color: $light-bg; } - &.hash-link:hover{ + &.hash-link:hover { background-color: transparent; color: $light-bg; } @@ -202,29 +199,34 @@ article.light a:hover { transition: $transition-time; } -h1, h2, h3, h4, h5, h6{ - &a{ - background-color: transparent; - color: $light-bg; - &:hover{ +h1, +h2, +h3, +h4, +h5, +h6 { + &a.light { background-color: transparent; - } + color: $light-bg; + &:hover { + background-color: transparent; + } } } -header.light{ +header.light { background-color: $light-bg; transition: $transition-time; } -header{ +header { transition: $transition-time; } -.posttitle a{ +.posttitle a { background-color: transparent; color: $dark-bg; - &:hover{ + &:hover { background-color: transparent; } } diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss index 617e828..a65f6aa 100644 --- a/assets/scss/layout.scss +++ b/assets/scss/layout.scss @@ -93,6 +93,7 @@ h4, h5, h6 { padding-right: 6%; + margin-right: 6%; padding-top: 12pt; padding-bottom: 12pt; justify-content: right; @@ -100,13 +101,6 @@ h6 { align-items: center; } -h1 {margin-right: 6%;} -h2 {margin-right: 12%;} -h3 {margin-right: 18%;} -h4 {margin-right: 24%;} -h5 {margin-right: 32%;} -h6 {margin-right: 38%;} - h2, h3, h4, diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 5ffc808..3d82cf1 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -4,6 +4,7 @@ $toggle-height: 24pt; * { border-width: 2pt; + transition: ease-in-out; } input[type="checkbox"] { diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 84eaccb..39e4d70 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -3,14 +3,6 @@

{{ .Title }}

-
- {{ with .PrevInSection }} - - {{ end }} - {{ with .NextInSection }} - - {{ end }} -
{{ .Content }}