diff options
author | Allen Guan <me@nella17.tw> | 2022-06-05 18:00:14 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-06-05 18:00:14 +0300 |
commit | 58b1e0706a5fb74d36bd1fae68cc276dac3e4fee (patch) | |
tree | 5b15678c9f3aa3c45017f41c0957e11651b816b1 | |
parent | 14bb05c8db6170305e636554d4b05ce4e74feb79 (diff) |
feat: add `general.scss` and change link hover style (#550)
-rw-r--r-- | assets/scss/general.scss | 31 | ||||
-rw-r--r-- | assets/scss/style.scss | 33 |
2 files changed, 32 insertions, 32 deletions
diff --git a/assets/scss/general.scss b/assets/scss/general.scss new file mode 100644 index 0000000..e12bb0e --- /dev/null +++ b/assets/scss/general.scss @@ -0,0 +1,31 @@ +a { + text-decoration: none; + color: var(--accent-color); + + &:hover { + color: var(--accent-color-darker); + } + + &.link { + box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset; + transition: all 0.3s ease; + + &:hover { + box-shadow: 0px calc(-1rem * var(--article-line-height)) 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset; + } + } +} + +.section-title { + text-transform: uppercase; + margin-top: 0; + margin-bottom: 10px; + display: block; + font-size: 1.6rem; + font-weight: bold; + color: var(--body-text-color); + + a { + color: var(--body-text-color); + } +} diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 43e95a5..e50d400 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -24,36 +24,5 @@ @import "partials/layout/404.scss"; @import "partials/layout/search.scss"; +@import "general.scss"; @import "custom.scss"; - -a { - text-decoration: none; - color: var(--accent-color); - - &:hover { - color: var(--accent-color-darker); - } - - &.link { - box-shadow: 0px -2px 0px rgba(var(--link-background-color), var(--link-background-opacity)) inset; - transition: all 0.3s ease; - - &:hover { - box-shadow: 0px -10px 0px rgba(var(--link-background-color), var(--link-background-opacity-hover)) inset; - } - } -} - -.section-title { - text-transform: uppercase; - margin-top: 0; - margin-bottom: 10px; - display: block; - font-size: 1.6rem; - font-weight: bold; - color: var(--body-text-color); - - a { - color: var(--body-text-color); - } -} |