Style updates

This commit is contained in:
Sean Edmunds
2025-07-03 14:41:09 -05:00
parent 28eb342fc7
commit 1e704b0300
5 changed files with 126 additions and 45 deletions

View File

@@ -34,3 +34,40 @@
}
}
}
.enable {
@media (max-width: 600px) {
&.root {
.label {
position: absolute;
top: -22px;
left: -8px;
}
}
}
&.root {
.track {
transition: all .2s ease !important;
background-color: color-mix(in srgb, var(--mantine-color-primary-0), transparent 90%);
overflow: visible;
height: 2px;
}
.thumb {
transition: all .2s ease !important;
border: none;
background-color: var(--mantine-color-background-0);
height: 1.5rem;
width: 1.5rem;
font-size: 1rem;
margin-left: -4px;
}
.input:checked + * > .thumb {
transition: all .2s ease !important;
background-color: var(--mantine-color-background-0);
}
.input:checked + .track {
transition: all .2s ease !important;
background-color: color-mix(in srgb, var(--mantine-color-primary-0), transparent 30%);
}
}
}