diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-10-02 17:39:16 +0200 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-11-11 18:14:41 +0100 |
| commit | 6221fa82e41915702d8139cade5c25e9d61e619f (patch) | |
| tree | 9c725b7f7b1e002747712de456c73f28839f0ebd /src/components/templates/layout/layout.module.scss | |
| parent | 36890cfafeba6e30782df1260d7f9e678c7da4bf (diff) | |
refactor(components): remove Column and NoScript from atoms
* Column is a simple div meant to be used inside Columns component so
they should live together.
* NoScript is only used in Layout component and its name does not
make sense since it needs to be used inside a `noscript` element.
Diffstat (limited to 'src/components/templates/layout/layout.module.scss')
| -rw-r--r-- | src/components/templates/layout/layout.module.scss | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/components/templates/layout/layout.module.scss b/src/components/templates/layout/layout.module.scss index 5b89341..d86340f 100644 --- a/src/components/templates/layout/layout.module.scss +++ b/src/components/templates/layout/layout.module.scss @@ -41,6 +41,21 @@ } } +.noscript { + padding: var(--spacing-xs) var(--spacing-sm); + position: fixed; + top: 0; + left: 0; + right: 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(75); |