diff options
Diffstat (limited to 'css/header.scss')
| -rw-r--r-- | css/header.scss | 27 |
1 files changed, 16 insertions, 11 deletions
diff --git a/css/header.scss b/css/header.scss index 423d0f5..cd9d63b 100644 --- a/css/header.scss +++ b/css/header.scss @@ -3,23 +3,20 @@ --hamburgerHeight: 2rem; - align-items: center; background-color: var(--backgroundColour); background-size: cover; border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; - display: flex; - height: calc(100vh + 1rem); + height: fit-content; image-rendering: pixelated; - justify-content: center; overflow: hidden; - padding-bottom: 1rem; position: relative; + user-select: none; width: 100%; body[data-page = "achernar"] & { --backgroundColour: #007B34; - --textColour: #FFFFFF; + --textColour: white; @media not (prefers-reduced-motion) { background-image: url("/image/vertex.webp"); @@ -37,8 +34,8 @@ } body[data-page = "backspace"] & { - --backgroundColour: #FFFFFF; - --textColour: #000000; + --backgroundColour: #000000; + --textColour: #FFFFFF; } body[data-page = "benoit"] & { @@ -63,6 +60,13 @@ --textColour: #FFFFFF; } + body[data-page = "dux"] & { + --backgroundColour: #131313; + --textColour: #06fbb2; + + background-image: url("/image/duxBackground.webp"); + } + body[data-page = "eas"] & { --backgroundColour: #01CD93; --textColour: #00291B; @@ -87,8 +91,10 @@ --hamburgerHeight: 4rem; } - p, a, a:hover { - color: var(--textColour) + p, a { + @media not (prefers-reduced-motion) { + transition-timing-function: ease-in-out; + } } a { @@ -96,7 +102,6 @@ font-weight: bold; text-decoration: underline; text-decoration-color: #00000000; - user-select: none; @media not (prefers-reduced-motion) { transition: text-decoration-color 0.125s; |