FIXED: Segmented-buttons sizes fixed, typography is done

This commit is contained in:
2024-02-22 12:22:32 +04:00
parent b0baf42862
commit f5bf0f92d2
35 changed files with 1217 additions and 2217 deletions

View File

@@ -1,7 +1,7 @@
div.m3.m3-segmented-buttons
padding: 0
height: 40px
display: inline-flex
display: flex
border-radius: 20px
box-sizing: border-box
@@ -25,8 +25,20 @@ div.m3.m3-segmented-buttons
& > span
color: var(--md-sys-color-on-surface)
& > svg > text
fill: var(--md-sys-color-on-surface)
& > svg
opacity: 0
& > text
fill: var(--md-sys-color-on-surface)
&:not(.selected)
& > svg
display: none
&::after, &::before
content: ''
width: 6px
position: relative
&:disabled
border: 1px solid color-mix(in srgb, var(--md-sys-color-outline) 12%, transparent)
@@ -37,6 +49,9 @@ div.m3.m3-segmented-buttons
&.selected
background-color: var(--md-sys-color-secondary-container)
& > svg
opacity: 1
& > span
color: var(--md-sys-color-on-secondary-container)