ADDED: slider label but it's not done

This commit is contained in:
2024-02-25 19:52:36 +04:00
committed by doryan
parent 894f0bc2c9
commit ecb431fe72
5 changed files with 104 additions and 107 deletions

View File

@@ -19,13 +19,32 @@
background: var(--md-sys-color-primary)
transition: .2s cubic-bezier(0.2, 0, 0, 1)
div.m3.m3-slider-container
height: 20px
display: flex
align-items: center
div.m3.m3-slider-label
@include center(inline-flex)
position: absolute
pointer-events: none
&::before
content: ""
width: 28px
rotate: 45deg
aspect-ratio: 1
position: absolute
border-radius: 14px 14px 0 14px
background-color: var(--md-sys-color-primary)
& > label.m3.m3-typography
display: inline
font-weight: 500
position: absolute
font-size: 12px !important
color: var(--md-sys-color-on-primary)
& > datalist
display: none