diff options
Diffstat (limited to 'assets/css/components')
-rw-r--r-- | assets/css/components/_header.scss | 9 |
1 files changed, 4 insertions, 5 deletions
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss index 15fa5a1..56d09cd 100644 --- a/assets/css/components/_header.scss +++ b/assets/css/components/_header.scss | |||
@@ -15,6 +15,7 @@ | |||
15 | --height: 4rem, | 15 | --height: 4rem, |
16 | --icon: 1.5rem, | 16 | --icon: 1.5rem, |
17 | --pad-x: calc(.5 * (var(--header--dims--height) - var(--header--dims--icon))), | 17 | --pad-x: calc(.5 * (var(--header--dims--height) - var(--header--dims--icon))), |
18 | --gap: 2px, | ||
18 | ) | 19 | ) |
19 | )); | 20 | )); |
20 | 21 | ||
@@ -33,6 +34,8 @@ | |||
33 | @include component(namespace()) { | 34 | @include component(namespace()) { |
34 | display: flex; | 35 | display: flex; |
35 | height: prop(--dims --height); | 36 | height: prop(--dims --height); |
37 | padding: prop(--dims --gap); | ||
38 | gap: prop(--dims --gap); | ||
36 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); | 39 | filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); |
37 | 40 | ||
38 | @include element('item') { | 41 | @include element('item') { |
@@ -43,10 +46,6 @@ | |||
43 | line-height: prop(--dims --height); | 46 | line-height: prop(--dims --height); |
44 | text-decoration: none; | 47 | text-decoration: none; |
45 | 48 | ||
46 | @include next-twin-element { | ||
47 | margin-left: 2px; | ||
48 | } | ||
49 | |||
50 | &:hover, | 49 | &:hover, |
51 | &:focus { | 50 | &:focus { |
52 | border-left-color: prop(--colors --hover --bg); | 51 | border-left-color: prop(--colors --hover --bg); |
@@ -73,7 +72,7 @@ | |||
73 | 72 | ||
74 | @include media('>=lg') { | 73 | @include media('>=lg') { |
75 | position: sticky; | 74 | position: sticky; |
76 | top: 2px; | 75 | top: 0; |
77 | margin-bottom: calc(-.75 * #{prop(--dims --height)}); | 76 | margin-bottom: calc(-.75 * #{prop(--dims --height)}); |
78 | } | 77 | } |
79 | 78 | ||