39 lines
1.2 KiB
Sass
39 lines
1.2 KiB
Sass
|
div.m3.m3-segmented-buttons
|
||
|
|
display: flex
|
||
|
|
flex-direction: row
|
||
|
|
outline-offset: -1px
|
||
|
|
width: min-content
|
||
|
|
border-radius: 20px
|
||
|
|
|
||
|
|
& > button.m3.m3-button-segment
|
||
|
|
width: max-content
|
||
|
|
border-radius: 0
|
||
|
|
box-sizing: border-box
|
||
|
|
height: 40px
|
||
|
|
|
||
|
|
&
|
||
|
|
border: 1px solid var(--md-sys-color-outline)
|
||
|
|
border-right: 0.5px
|
||
|
|
border-left: 0.5px
|
||
|
|
border-left-style: solid
|
||
|
|
border-right-style: solid
|
||
|
|
border-left-color: var(--md-sys-color-outline)
|
||
|
|
border-right-color: var(--md-sys-color-outline)
|
||
|
|
min-width: 107px
|
||
|
|
|
||
|
|
&:first-child
|
||
|
|
border: 1px solid var(--md-sys-color-outline)
|
||
|
|
border-right: 0.5px
|
||
|
|
border-right-style: solid
|
||
|
|
border-right-color: var(--md-sys-color-outline)
|
||
|
|
min-width: 108px - 0.5px
|
||
|
|
border-radius: 20px 0 0 20px
|
||
|
|
|
||
|
|
&:last-child
|
||
|
|
border: 1px solid var(--md-sys-color-outline)
|
||
|
|
border-left: 0.5px
|
||
|
|
border-left-style: solid
|
||
|
|
border-left-color: var(--md-sys-color-outline)
|
||
|
|
min-width: 108px - 0.5px
|
||
|
|
border-radius: 0 20px 20px 0
|