quickshell/quickshell-web
3
1
Fork 0
Code Issues Projects Activity

Fix rendering on webkit

Browse source
This commit is contained in:
damii 2024-11-17 22:15:46 +11:00
parent 38763aff09
commit 69dbd9fa7b
13 changed files with 252 additions and 282 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/styles/components/featurelist.css
View file

@ -17,15 +17,15 @@
align-items: center;
margin-block: 0.618rem;
border-radius: 9px;
background-color: hsl(var(--blue) 60 98);
background-color: hsl(var(--blue) 60% 98%);
padding: 0.618rem;
border: 1px solid hsl(var(--blue) 9 75);
border: 1px solid hsl(var(--blue) 9% 75%);
&::before {
content: "";
position: absolute;
inset: 0.618rem;
background-image: radial-gradient(
hsl(var(--blue) 9 75) 1px,
hsl(var(--blue) 9% 75%) 1px,
transparent 1px
);
background-position: 50% 50%;
@ -34,12 +34,12 @@
}
html.dark .featurelist-item {
background-color: hsla(var(--blue) 100 81 / 0.05);
border-color: hsla(0 0 100 / 0.05);
background-color: hsl(var(--blue) 100% 81% / 0.05);
border-color: hsl(0deg 0% 100% / 0.05);
&::before {
background-image: radial-gradient(
hsla(0 0 100 / 0.1) 1px,
hsl(0deg 0% 100% / 0.1) 1px,
transparent 1px
);
}

10
src/styles/components/marquee.css
View file

@ -20,7 +20,7 @@
left: 2px;
right: 2px;
height: 3px;
background-color: hsla(var(--accent-400) / 0.3);
background-color: hsl(var(--accent-400) / 0.3);
z-index: -1;
}
}
@ -64,7 +64,9 @@
display: flex;
justify-content: center;
align-items: center;
transition: background-color 0.3s, opacity 0.3s;
transition:
background-color 0.3s,
opacity 0.3s;
z-index: 10;
user-select: none;
align-items: stretch;
@ -93,7 +95,9 @@
&:hover {
cursor: pointer;
& > div { opacity: 0.9 }
& > div {
opacity: 0.9;
}
}
}