djledda/arne-drums
3
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

feat: more/improved styles, moved settings

Browse Source
This commit is contained in:
Daniel Ledda
2021-09-05 21:06:15 +02:00
parent 9967de43dd
commit 27cf8cdac8
13 changed files with 174 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
src/ui/Root/Root.css
View File

@@ -49,52 +49,6 @@
margin: auto;
}
input[type="checkbox"] {
position: relative;
width: 2em;
height: 1em;
padding: 0;
margin: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type="checkbox"]::before {
width: 2em;
height: 1em;
border-radius: 1em;
background-color: var(--color-ui-accent-dark);
display: block;
content: "";
z-index: 0;
position: absolute;
transition: background-color 200ms;
}
input[type="checkbox"]:checked::before {
background-color: var(--color-ui-accent-light);
}
input[type="checkbox"]::after {
position: absolute;
width: 1em;
height: 1em;
border-radius: 1em;
border-color: var(--color-ui-neutral-dark);
border-width: 1px;
background-color: var(--color-ui-neutral-light);
display: block;
content: "";
z-index: 1;
right: 1em;
transition: right 200ms;
}
input[type="checkbox"]:checked::after {
right: 0;
}
* {
user-drag: none;
user-select: none;