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

DONE: Dividers, Bages base 

TODO: Add number restrict for bages
This commit is contained in:
doryan04 2024-01-29 00:56:26 +04:00
parent d9e3304d38
commit eac5eaed06
4 changed files with 65 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/styles/badge.css Normal file
View File

@ -0,0 +1,27 @@
span.m3.m3-badge {
position: absolute;
background-color: var(--md-sys-color-error);
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
min-width: 6px;
min-height: 6px;
}
span.m3.m3-badge > span {
color: var(--md-sys-color-on-error);
font-size: 7pt;
line-height: var(--md-sys-typescale-label-small-line-height);
font-weight: var(--md-sys-typescale-label-small-font-weight);
letter-spacing: var(--md-sys-typescale-label-small-letter-spacing);
text-align: center;
min-width: 8px;
padding: 0 4px;
display: flex;
justify-content: center;
align-items: center;
min-height: 16px;
width: auto;
}
/*# sourceMappingURL=badge.css.map */

1
src/styles/badge.css.map Normal file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["badge.sass"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"badge.css"}

36
src/styles/divider.css Normal file
View File

@ -0,0 +1,36 @@
hr.m3.m3-divider {
display: flex;
align-items: end;
box-sizing: border-box;
border: none;
outline: 0.5px solid var(--md-sys-color-outline-variant);
margin: 0;
}
hr.m3.m3-divider.vertical {
writing-mode: tb-rl;
}
hr.m3.m3-divider.vertical, hr.m3.m3-divider.vertical.vertical.full-width {
height: 100%;
}
hr.m3.m3-divider.vertical.inset {
align-self: end;
height: calc(100% - 16px);
}
hr.m3.m3-divider.vertical.middle-inset {
height: calc(100% - 32px);
}
hr.m3.m3-divider.horizontal {
box-sizing: border-box;
}
hr.m3.m3-divider.horizontal, hr.m3.m3-divider.horizontal.horizontal.full-width {
width: 100%;
}
hr.m3.m3-divider.horizontal.inset {
align-self: end;
width: calc(100% - 16px);
}
hr.m3.m3-divider.horizontal.middle-inset {
width: calc(100% - 32px);
}
/*# sourceMappingURL=divider.css.map */

1
src/styles/divider.css.map Normal file
View File

@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":["divider.sass"],"names":[],"mappings":"AAAA;EACI;EACA;EACA;EACA;EACA;EACA;;AAEA;EACI;;AACA;EACI;;AACJ;EACI;EACA;;AACJ;EACI;;AAER;EACI;;AACA;EACI;;AACJ;EACI;EACA;;AACJ;EACI","file":"divider.css"}