From 1ae2b39b2e2c0ec0a6b309188d54e48099292323 Mon Sep 17 00:00:00 2001 From: dakur Date: Fri, 4 Oct 2024 11:24:41 +0200 Subject: [PATCH] banner: make a box shadow --- frontend/src/styles/blocks/banner.scss | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/frontend/src/styles/blocks/banner.scss b/frontend/src/styles/blocks/banner.scss index 64926b2..77ca0ab 100644 --- a/frontend/src/styles/blocks/banner.scss +++ b/frontend/src/styles/blocks/banner.scss @@ -23,6 +23,12 @@ $hb-banner-breakpoint: 30em; overflow: hidden; block-size: calc(var(--hb-vr-base) * 20); + box-shadow: 0 0 12px 0 var(--hb-colors-framing); + transition: box-shadow 100ms ease-out; + &:hover { + box-shadow: 0 0 17px 2px var(--hb-colors-framing); + } + @media (min-width: 23.001em) { block-size: calc(var(--hb-vr-base) * 18); }