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

Turn palette colours into circles

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