diff options
Diffstat (limited to 'css')
| -rw-r--r-- | css/banner.scss | 2 | ||||
| -rw-r--r-- | css/glyph.scss | 14 |
2 files changed, 8 insertions, 8 deletions
diff --git a/css/banner.scss b/css/banner.scss index e1256d2..04c0956 100644 --- a/css/banner.scss +++ b/css/banner.scss @@ -41,7 +41,7 @@ body[data-page = "benoit"] & { --textColour: #FFFFFF; - background-image: url("/svg/benoit-background.svg"); + background-image: url("/svg/benoitBackground.svg"); } body[data-page = "bowshock"] & { diff --git a/css/glyph.scss b/css/glyph.scss index 50297f0..9a91b28 100644 --- a/css/glyph.scss +++ b/css/glyph.scss @@ -10,14 +10,14 @@ $pixelWIdth: calc(100vmax / 256); @media not (prefers-reduced-motion) { - background-image: url("/image/achernarPixelated.webp"); - height: floor(calc($pixelWIdth * 42)); - transition-timing-function: steps(4); - transition: transform 0.125s; - width: floor(calc($pixelWIdth * 154)); + background-image: url("/image/achernarPixelated.webp"); + height: floor(calc($pixelWIdth * 42)); + width: floor(calc($pixelWIdth * 154)); - @media (aspect-ratio < 1) { - transform: rotate(0.25turn); + @media (orientation: portrait) { + background-image: url("/image/achernarVerticalPixelated.webp"); + height: floor(calc($pixelWIdth * 90)); + width: floor(calc($pixelWIdth * 74)); } } |