diff options
| author | Volpeon <git@volpeon.ink> | 2020-12-24 22:07:49 +0100 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2020-12-24 22:07:49 +0100 |
| commit | 94e30b971e93669810d8a4889d60340900ad60f3 (patch) | |
| tree | 8a3512a74042cd075a0409d873c1a3bf7cf768b5 /assets/css/components | |
| parent | Added header, improved SCSS structure, use metadata file instead of param, im... (diff) | |
| download | volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.tar.gz volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.tar.bz2 volpeon.ink-94e30b971e93669810d8a4889d60340900ad60f3.zip | |
Various improvements: CSS classes, favicon, design
Diffstat (limited to 'assets/css/components')
| -rw-r--r-- | assets/css/components/_nav.scss | 34 |
1 files changed, 28 insertions, 6 deletions
diff --git a/assets/css/components/_nav.scss b/assets/css/components/_nav.scss index 1fc24f9..d86a484 100644 --- a/assets/css/components/_nav.scss +++ b/assets/css/components/_nav.scss | |||
| @@ -1,14 +1,36 @@ | |||
| 1 | .c-nav { | 1 | .c-nav { |
| 2 | margin-bottom: $line-height * 2rem; | 2 | background-color: var(--nav-bg); |
| 3 | //border-bottom: 1px solid var(--bg-plus); | ||
| 3 | 4 | ||
| 4 | &::before { | 5 | &__items { |
| 5 | content: "//\\"; | 6 | display: flex; |
| 6 | color: var(--page-item-prefix-fg); | 7 | align-items: baseline; |
| 8 | } | ||
| 9 | |||
| 10 | &__logo { | ||
| 11 | display: inline-block; | ||
| 12 | color: var(--nav-logo-fg); | ||
| 13 | text-decoration: none; | ||
| 14 | |||
| 15 | &:link:hover { | ||
| 16 | background-color: transparent; | ||
| 17 | color: var(--nav-item-hover-fg); | ||
| 18 | font-weight: bold; | ||
| 19 | } | ||
| 7 | } | 20 | } |
| 8 | 21 | ||
| 9 | &__item { | 22 | &__item { |
| 10 | margin-left: 2ch; | 23 | display: inline-block; |
| 11 | color: var(--fg); | 24 | padding: 1rem 1ch calc(1rem - 2px); |
| 25 | margin: 0 -1ch 0 3ch; | ||
| 26 | color: var(--nav-item-idle-fg); | ||
| 12 | text-decoration: none; | 27 | text-decoration: none; |
| 28 | border-bottom: 2px solid transparent; | ||
| 29 | |||
| 30 | &:hover { | ||
| 31 | background-color: transparent; | ||
| 32 | color: var(--nav-item-hover-fg); | ||
| 33 | font-weight: bold; | ||
| 34 | } | ||
| 13 | } | 35 | } |
| 14 | } | 36 | } |