From eac5eaed06c98f767e1438b02382ca581ec48bc1 Mon Sep 17 00:00:00 2001 From: doryan04 Date: Mon, 29 Jan 2024 00:56:26 +0400 Subject: [PATCH] DONE: Dividers, Bages base TODO: Add number restrict for bages --- src/styles/badge.css | 27 +++++++++++++++++++++++++++ src/styles/badge.css.map | 1 + src/styles/divider.css | 36 ++++++++++++++++++++++++++++++++++++ src/styles/divider.css.map | 1 + 4 files changed, 65 insertions(+) create mode 100644 src/styles/badge.css create mode 100644 src/styles/badge.css.map create mode 100644 src/styles/divider.css create mode 100644 src/styles/divider.css.map diff --git a/src/styles/badge.css b/src/styles/badge.css new file mode 100644 index 0000000..fdb02d6 --- /dev/null +++ b/src/styles/badge.css @@ -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 */ diff --git a/src/styles/badge.css.map b/src/styles/badge.css.map new file mode 100644 index 0000000..e3656b7 --- /dev/null +++ b/src/styles/badge.css.map @@ -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"} \ No newline at end of file diff --git a/src/styles/divider.css b/src/styles/divider.css new file mode 100644 index 0000000..3aff309 --- /dev/null +++ b/src/styles/divider.css @@ -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 */ diff --git a/src/styles/divider.css.map b/src/styles/divider.css.map new file mode 100644 index 0000000..f25c4b4 --- /dev/null +++ b/src/styles/divider.css.map @@ -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"} \ No newline at end of file