2024-02-13 22:31:16 +03:00
|
|
|
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
|
2024-02-14 10:29:50 +03:00
|
|
|
outline: 10px solid color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)
|
2024-02-13 22:31:16 +03:00
|
|
|
|
|
|
|
|
width: 20px
|
|
|
|
|
aspect-ratio: 1
|
|
|
|
|
appearance: none
|
|
|
|
|
overflow: visible
|
|
|
|
|
border-radius: 50%
|
|
|
|
|
box-sizing: border-box
|
|
|
|
|
background: var(--md-sys-color-primary)
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
