From ef325faa86d2a46cf8c4a26fb796aae3ff559de8 Mon Sep 17 00:00:00 2001 From: Armand Philippot Date: Mon, 18 Dec 2023 11:53:51 +0100 Subject: chore(layout): improve noscript banner styles --- src/components/templates/layout/layout.module.scss | 10 +++++++++- 1 file changed, 9 insertions(+), 1 deletion(-) 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; -- cgit v1.2.3