From d340da4a210bd2395e02fa743ff78f330c3c61dc Mon Sep 17 00:00:00 2001 From: planetabhi Date: Sun, 24 Dec 2023 01:47:09 +0530 Subject: [PATCH] fix shadows --- src/components/Card.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/components/Card.css b/src/components/Card.css index 0fa2114..3cb9848 100644 --- a/src/components/Card.css +++ b/src/components/Card.css @@ -7,13 +7,11 @@ height: 136px; position: relative; --shadow-color: rgb(0 0 0 / 0.04); - box-shadow: 0px 0px 0px 1px var(--shadow-color), + box-shadow: 0px 0px 0px 1px var(--background-selected), 0px 1px 1px -0.5px var(--shadow-color), - 0px 3px 3px -1.5px var(--shadow-color), - 0px 6px 6px -3px var(--shadow-color), + 0px 3px 3px -1.5px var(--shadow-color), 0px 12px 12px -6px var(--shadow-color); transition:all .12s ease-out; - border: 1px solid transparent; } .link-card>a { @@ -29,7 +27,10 @@ p { .link-card:is(:hover, :focus-within) { background-position: 0; - border: 1px solid var(--border); + box-shadow: 0px 0px 0px 2px var(--link), + 0px 1px 1px -0.5px var(--shadow-color), + 0px 3px 3px -1.5px var(--shadow-color), + 0px 12px 12px -6px var(--shadow-color); } p.distribution {