darkwiiplayer
/
.profile
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Turn palette colours into circles

This commit is contained in:
Talia 2022-09-07 16:07:48 +02:00
parent c35535e60f
commit 5ba0a6c424
1 changed files with 3 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
templates/palette.html
View File

@ -143,14 +143,16 @@
}
div.colors button {
--radius: 50%;
all: unset;
margin: var(--separation2);
cursor: pointer;
border-radius: .4em;
border-radius: var(--radius);
overflow: hidden;
transition: box-shadow 0.3s;
} div.colors button::before {
content: '';
border-radius: var(--radius);
background: hsl(var(--hue), var(--saturation, 50%), var(--lightness, 50%));
box-shadow: .1em .1em .8em hsla(calc(var(--hue) + 30deg), calc(100% - var(--lightness) - 10%), calc(var(--lightness) - 40%), .4) inset;
width: 3em;