doryan/material-you-react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RENAMED: From checkbox-layout -> input-layout

Browse Source 
ADDED: Slider componnet (without styles and functionality)
CHANGED: segmented-button styles
This commit is contained in:
doryan04
2024-02-12 21:55:58 +04:00
committed by doryan
parent fef77fb0f9
commit 366cc1686b
10 changed files with 44 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/styles/button-styles/segmented-button.sass
View File

@@ -8,24 +8,21 @@ div.m3.m3-segmented-buttons
border-collapse: collapse
& > button.m3.m3-button-segment
margin: 0 -0.5px 0 -0.5px
& > button.m3.m3-button-segment:first-child
border-radius: 20px 0 0 20px
& > button.m3.m3-button-segment:last-child
border-radius: 0 20px 20px 0
& > button.m3.m3-button-segment
height: 40px
display: flex
min-width: 108px
border-radius: 0
width: max-content
padding-inline: 10px
margin: 0 -0.5px 0 -0.5px
background-color: transparent
border: 1px solid var(--md-sys-color-outline)
&
border-radius: 0
background-color: transparent
&:first-child
border-radius: 20px 0 0 20px
&:last-child
border-radius: 0 20px 20px 0
& > span
color: var(--md-sys-color-on-surface)
@@ -36,11 +33,11 @@ div.m3.m3-segmented-buttons
&.selected
background-color: var(--md-sys-color-secondary-container)
&.selected > span
color: var(--md-sys-color-on-secondary-container)
& > span
color: var(--md-sys-color-on-secondary-container)
&.selected > svg > text
fill: var(--md-sys-color-on-secondary-container)
& > text
fill: var(--md-sys-color-on-secondary-container)
& > span.m3.m3-button-segment-state-layer
position: absolute