Style updates
This commit is contained in:
36
src/styles/Switch.module.css
Normal file
36
src/styles/Switch.module.css
Normal file
@@ -0,0 +1,36 @@
|
||||
.default {
|
||||
@media (max-width: 600px) {
|
||||
&.root {
|
||||
.label {
|
||||
position: absolute;
|
||||
top: -22px;
|
||||
left: -8px;
|
||||
}
|
||||
}
|
||||
}
|
||||
&.root {
|
||||
.label {
|
||||
font-size: 16px;
|
||||
color: var(--color-text-pri);
|
||||
}
|
||||
.track {
|
||||
transition: all .2s ease !important;
|
||||
border: none;
|
||||
background-color: var(--color-search-background);
|
||||
border-color: var(--color-text-acc);
|
||||
}
|
||||
.thumb {
|
||||
transition: all .2s ease !important;
|
||||
border: none;
|
||||
background-color: var(--color-text-acc);
|
||||
}
|
||||
.input:checked + * > .thumb {
|
||||
transition: all .2s ease !important;
|
||||
background-color: var(--color-background);
|
||||
}
|
||||
.input:checked + .track {
|
||||
transition: all .2s ease !important;
|
||||
background-color: var(--color-text-acc);
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user