diff options
| author | Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me> | 2024-11-14 15:22:50 +0100 |
|---|---|---|
| committer | Anhgelus Morhtuuzh <anhgelus.morhtuuzh@proton.me> | 2024-11-14 15:22:50 +0100 |
| commit | 2621bc5978fc7f6f24d2f0ba91715c01c62b43a9 (patch) | |
| tree | 25566b8d9013c33119c25019883440c39ab02d4a /scss/tag.scss | |
| parent | fce56f5088e27c0865d3a2d03936039e1a21059a (diff) | |
feat(tag): style on hover
Diffstat (limited to 'scss/tag.scss')
| -rw-r--r-- | scss/tag.scss | 17 |
1 files changed, 10 insertions, 7 deletions
diff --git a/scss/tag.scss b/scss/tag.scss index 02539fa..3b1376c 100644 --- a/scss/tag.scss +++ b/scss/tag.scss @@ -16,21 +16,18 @@ } } & p { - display: none; - @media only screen and (max-width: vars.$bp-little) { - display: block; - } + display: block; + margin-top: 0.5rem; } } .tag { cursor: pointer; + padding: 0.5rem; + border-radius: 16px; @media only screen and (max-width: vars.$bp-little) { cursor: auto; } - & h4:hover { - text-decoration: underline; - } &.active { & h4 { margin-bottom: 0.5rem; @@ -39,4 +36,10 @@ display: block; } } + &:hover { + background: var(--tag-hover); + & h4 { + font-weight: bold; + } + } } |