diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/glyph.scss | 6 | ||||
| -rw-r--r-- | css/header.scss | 9 | ||||
| -rw-r--r-- | css/navBar.scss | 6 | ||||
| -rw-r--r-- | css/page.scss | 7 | ||||
| -rw-r--r-- | css/sideMenu.scss | 4 |
5 files changed, 12 insertions, 20 deletions
diff --git a/css/glyph.scss b/css/glyph.scss index f819298..d2dbce9 100644 --- a/css/glyph.scss +++ b/css/glyph.scss @@ -31,9 +31,9 @@ background-image: url("/svg/glyph/ax.svg"); } -// body[data-page = "backspace"] & { -// background-image: url("/svg/glyph/backspace.svg"); -// } + body[data-page = "backspace"] & { + background-image: url("/svg/glyph/backspace.svg"); + } body[data-page = "benoit"] & { background-image: url("/svg/glyph/benoit.svg"); diff --git a/css/header.scss b/css/header.scss index cd9d63b..f30afb0 100644 --- a/css/header.scss +++ b/css/header.scss @@ -1,7 +1,6 @@ #header { - $slideDuration: 0.5s; - - --hamburgerHeight: 2rem; + $hamburgerHeight: 2rem; + $sideMenuToggleDuration: 0.5s; background-color: var(--backgroundColour); background-size: cover; @@ -87,10 +86,6 @@ --textColour: #A9E13D; } - @media (pointer: coarse) { - --hamburgerHeight: 4rem; - } - p, a { @media not (prefers-reduced-motion) { transition-timing-function: ease-in-out; diff --git a/css/navBar.scss b/css/navBar.scss index f3fd58c..b057673 100644 --- a/css/navBar.scss +++ b/css/navBar.scss @@ -1,7 +1,7 @@ #navBar { align-items: center; display: flex; - height: calc(2rem + var(--hamburgerHeight)); + height: calc(2rem + $hamburgerHeight); justify-content: space-between; padding: 1rem; position: absolute; @@ -46,7 +46,7 @@ } @media not (prefers-reduced-motion) { - transition: opacity $slideDuration, text-decoration-color 0.125s; + transition: opacity $sideMenuToggleDuration, text-decoration-color 0.125s; } @media (orientation: portrait) or (pointer: coarse) { @@ -64,7 +64,7 @@ aspect-ratio: 1; background-color: var(--textColour); cursor: pointer; - height: var(--hamburgerHeight); + height: $hamburgerHeight; mask-size: cover; z-index: 255; } diff --git a/css/page.scss b/css/page.scss index abe49e5..a087cab 100644 --- a/css/page.scss +++ b/css/page.scss @@ -56,11 +56,8 @@ } p.note { - background-color: var(--foregroundColour); - border-radius: 1rem; - font-weight: bold; - padding: 1rem; - text-align: center; + font-weight: bold; + text-align: center; &::before { content: "Note:\0020"; diff --git a/css/sideMenu.scss b/css/sideMenu.scss index 59c93a3..bf2a97a 100644 --- a/css/sideMenu.scss +++ b/css/sideMenu.scss @@ -9,7 +9,7 @@ min-height: calc(100vh + 1rem); padding: 1rem; padding-bottom: 2rem; - padding-top: calc(var(--hamburgerHeight) + 1rem); + padding-top: calc($hamburgerHeight + 1rem); position: relative; top: 0; width: 100%; @@ -20,7 +20,7 @@ } @media (pointer: fine) and (not (prefers-reduced-motion)) { - transition: left $slideDuration; + transition: left $sideMenuToggleDuration; transition-timing-function: ease-in-out; } |