33 lines
762 B
Sass
33 lines
762 B
Sass
|
input[type="range"].m3.m3-slider
|
||
|
|
height: 4px
|
||
|
|
appearance: none
|
||
|
|
border-radius: 2px
|
||
|
|
background-color: var(--md-sys-color-surface-container-highest)
|
||
|
|
overflow: visible
|
||
|
|
|
||
|
|
&::-webkit-slider-container
|
||
|
|
margin-inline: -8px
|
||
|
|
|
||
|
|
&::-webkit-slider-thumb
|
||
|
|
@include elevation-1(false)
|
||
|
|
|
||
|
|
&::after
|
||
|
|
width: 40px
|
||
|
|
aspect-ratio: 1
|
||
|
|
background-color: transparent
|
||
|
|
|
||
|
|
&:hover
|
||
|
|
&::after
|
||
|
|
background-color: color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)
|
||
|
|
|
||
|
|
width: 20px
|
||
|
|
aspect-ratio: 1
|
||
|
|
appearance: none
|
||
|
|
overflow: visible
|
||
|
|
border-radius: 50%
|
||
|
|
box-sizing: border-box
|
||
|
|
background: var(--md-sys-color-primary)
|
||
|
|
|
||
|
|
|
||
|
|
|