commit 1021d61504ef7f11930989b03f6d32892b33e4a3 parent f13216464eb93942eeabe683f646664b66d7c90f Author: Yohanes Bandung <bandungpenting@gmail.com> Date: Sat, 9 May 2020 02:28:14 +0700 styles: refactor anchor tag hover and more tweaks Diffstat:
| M | assets/content.scss | | | 6 | +++++- |
| M | assets/styles.scss | | | 17 | ++++++++++++++--- |
2 files changed, 19 insertions(+), 4 deletions(-)
diff --git a/assets/content.scss b/assets/content.scss @@ -130,6 +130,8 @@ } .notes { + margin-bottom: 2em; + & > div, & > p { margin: 0; margin-top: 0.7em; @@ -138,15 +140,17 @@ margin-top: 0.7em; } } + &__title { margin: 0; } + @media (min-width: 600px) { .listing > & { padding: 0 0.7em; } } - margin-bottom: 2em; + @media (max-width: 599px) { &__title { margin: 10px 0 0; diff --git a/assets/styles.scss b/assets/styles.scss @@ -33,7 +33,7 @@ hr { font-size: 15px; } body { - padding: 0 10px; + padding: 0 1em; margin: 0; } } @@ -57,6 +57,16 @@ h1 { a { text-decoration: none; + &:not(.button h2) { + &:hover { + outline-style: solid; + outline-width: 0.3em; + @include themify($themes) { + outline-color: themed('color-background-hover'); + background-color: themed('color-background-hover'); + } + } + } @include themify($themes) { color: themed('color-blue'); &:hover { @@ -72,12 +82,13 @@ a { } } &.button { - display: inline-block; + display: inline-block; padding: 0.3em 0.7em; } &.full-width { margin: 0; align-self: center; + width: 100%; @media (min-width: 600px) { width: calc(100% - 1.4em); } @@ -127,7 +138,7 @@ time { .header { margin-top: 1em; - @media (min-width: 599px) { + @media (min-width: 600px) { &__title:not(h1) { margin-top: 1.4em; }