diff options
Diffstat (limited to 'css/navBar.scss')
| -rw-r--r-- | css/navBar.scss | 35 |
1 files changed, 23 insertions, 12 deletions
diff --git a/css/navBar.scss b/css/navBar.scss index 9c4338e..9eba669 100644 --- a/css/navBar.scss +++ b/css/navBar.scss @@ -12,8 +12,17 @@ section { display: flex; + flex: 1; gap: $gap; + &:first-of-type { + justify-content: start; + } + + &:last-of-type { + justify-content: end; + } + a { text-decoration-color: #00000000; transition: opacity $slideDuration, text-decoration-color 0.125s; @@ -31,20 +40,22 @@ pointer-events: none; } } - } - #hamburger { - aspect-ratio: 1; - background-color: var(--textColour); - cursor: pointer; - mask-image: url("/svg/hamburger.svg"); - mask-size: cover; - width: var(--hamburgerWidth); - } + #hamburger { + aspect-ratio: 1; + background-color: var(--textColour); + cursor: pointer; + mask-image: url("/svg/hamburger.svg"); + mask-size: cover; + width: var(--hamburgerWidth); + } - body[data-page = "achernar"] & { - section a, #hamburger { - mix-blend-mode: difference; + body[data-page = "achernar"] & { + a, div { + @media not (prefers-reduced-motion) { + mix-blend-mode: difference; + } + } } } } |