caramel/list.fur
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix shadows

Browse Source
This commit is contained in:
planetabhi
2023-12-24 01:47:09 +05:30
parent 7c0426a004
commit d340da4a21
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/Card.css
View File

@@ -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 {