diff options
| author | Armand Philippot <git@armandphilippot.com> | 2022-02-14 18:10:33 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2022-02-14 18:20:35 +0100 |
| commit | fb8bc6b1a964c3ef673276e9ed4c1a6ee34f103d (patch) | |
| tree | 64598d8ff800a85674a05d78c0b918b6641dbfed /src/components/Layouts/Layout.module.scss | |
| parent | 916c512bf5a31041ac87296e1382f84c9367b955 (diff) | |
chore: add a banner for users with JS disabled
Diffstat (limited to 'src/components/Layouts/Layout.module.scss')
| -rw-r--r-- | src/components/Layouts/Layout.module.scss | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/components/Layouts/Layout.module.scss b/src/components/Layouts/Layout.module.scss new file mode 100644 index 0000000..33339d4 --- /dev/null +++ b/src/components/Layouts/Layout.module.scss @@ -0,0 +1,20 @@ +@use "@styles/abstracts/functions" as fun; + +.noscript { + width: 100%; + padding: var(--spacing-xs) var(--spacing-sm); + position: fixed; + top: 0; + z-index: 10; + background: var(--color-bg); + border-bottom: fun.convert-px(3) solid var(--color-border); + color: var(--color-primary-darker); + font-size: var(--font-size-sm); + font-weight: 600; + text-align: center; +} + +.noscript-spacing { + width: 100%; + height: fun.convert-px(80); +} |