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

22
src/styles/generics.css
View File

@@ -731,7 +731,15 @@ div.m3.m3-segmented-buttons {
border-collapse: collapse;
}
div.m3.m3-segmented-buttons > 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);
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment:first-child {
border-radius: 20px 0 0 20px;
@@ -739,18 +747,6 @@ div.m3.m3-segmented-buttons > button.m3.m3-button-segment:first-child {
div.m3.m3-segmented-buttons > button.m3.m3-button-segment:last-child {
border-radius: 0 20px 20px 0;
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment {
height: 40px;
display: flex;
min-width: 108px;
width: max-content;
padding-inline: 10px;
border: 1px solid var(--md-sys-color-outline);
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment {
border-radius: 0;
background-color: transparent;
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span {
color: var(--md-sys-color-on-surface);
}
@@ -763,7 +759,7 @@ div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected {
div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected > span {
color: var(--md-sys-color-on-secondary-container);
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected > svg > text {
div.m3.m3-segmented-buttons > button.m3.m3-button-segment.selected > span > text {
fill: var(--md-sys-color-on-secondary-container);
}
div.m3.m3-segmented-buttons > button.m3.m3-button-segment > span.m3.m3-button-segment-state-layer {