Style updates
This commit is contained in:
@@ -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%);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user