diff options
Diffstat (limited to 'css/glyph.scss')
-rw-r--r-- | css/glyph.scss | 78 |
1 files changed, 0 insertions, 78 deletions
diff --git a/css/glyph.scss b/css/glyph.scss deleted file mode 100644 index d547bc2..0000000 --- a/css/glyph.scss +++ /dev/null @@ -1,78 +0,0 @@ -#glyph { - aspect-ratio: 1; - background-position: center; - background-repeat: no-repeat; - background-size: contain; - left: 50vw; - position: absolute; - top: 50vh; - transform: translate(-50%, -50%); - width: 50vmin; - - body[data-page = "achernar"] & { - $pixelWIdth: calc(100vmax / 256); - - --glyphWidth: 154; - --glyphHeight: 42; - - background-image: url("/image/achernarPixelated.webp"); - height: calc($pixelWIdth * var(--glyphHeight)); - width: calc($pixelWIdth * var(--glyphWidth)); - - @media (orientation: portrait) { - --glyphWidth: 90; - --glyphHeight: 74; - - background-image: url("/image/achernarVerticalPixelated.webp"); - } - } - - body[data-page = "agbsum"] & { - background-image: url("/svg/glyph/ax.svg"); - } - - body[data-page = "ax"] & { - background-image: url("/svg/glyph/ax.svg"); - } - - body[data-page = "backspace"] & { - background-image: url("/svg/glyph/backspace.svg"); - } - - body[data-page = "benoit"] & { - background-image: url("/svg/glyph/benoit.svg"); - } - - body[data-page = "bowshock"] & { - background-image: url("/svg/glyph/bowshock.svg"); - } - - body[data-page = "bzipper"] & { - background-image: url("/svg/glyph/bzipper.svg"); - } - - body[data-page = "deltaWorld"] & { - background-image: url("/svg/glyph/deltaWorld.svg"); - filter: drop-shadow(0 0 calc(100vmin / 128) var(--textColour)); - } - - body[data-page = "dux"] & { - background-image: url("/svg/glyph/dux.svg"); - } - - body[data-page = "eas"] & { - background-image: url("/svg/glyph/eas.svg"); - } - - body[data-page = "luma"] & { - background-image: url("/svg/glyph/luma.svg"); - } - - body[data-page = "pollex"] & { - background-image: url("/svg/glyph/pollex.svg"); - } - - body[data-page = "u8c"] & { - background-image: url("/svg/glyph/u8c.svg"); - } -} |