diff options
| author | Armand Philippot <git@armandphilippot.com> | 2023-12-18 11:53:51 +0100 |
|---|---|---|
| committer | Armand Philippot <git@armandphilippot.com> | 2023-12-18 11:53:51 +0100 |
| commit | ef325faa86d2a46cf8c4a26fb796aae3ff559de8 (patch) | |
| tree | 4745585d465b04e5e599e9add0e27784c555fb24 /src/components/templates/layout | |
| parent | d61a572f08321419ac3273d0d0e0191ff2b193e9 (diff) | |
chore(layout): improve noscript banner styles
Diffstat (limited to 'src/components/templates/layout')
| -rw-r--r-- | src/components/templates/layout/layout.module.scss | 10 |
1 files changed, 9 insertions, 1 deletions
diff --git a/src/components/templates/layout/layout.module.scss b/src/components/templates/layout/layout.module.scss index cf2a10f..0574651 100644 --- a/src/components/templates/layout/layout.module.scss +++ b/src/components/templates/layout/layout.module.scss @@ -14,7 +14,15 @@ right: 0; z-index: 10; background: var(--color-bg); - border-bottom: fun.convert-px(3) solid var(--color-border); + border-image: radial-gradient( + ellipse at center, + var(--color-primary-lighter) 20%, + var(--color-primary) 100% + ) + 1; + border-top: max(0.3vw, fun.convert-px(4)) solid; + box-shadow: 0 fun.convert-px(1) fun.convert-px(1) fun.convert-px(1) + var(--color-shadow); color: var(--color-primary-darker); font-size: var(--font-size-sm); font-weight: 600; |