add hr component styles.

This commit is contained in:
Vixalie 2025-03-11 22:13:51 +08:00
parent 3c7b3c76b9
commit 03fe09d1ce

View File

@ -80,6 +80,29 @@
}
}
hr {
margin: 0;
padding: 0;
border-width: 0;
border-top-width: 1px;
border-color: var(--color-outline-variant);
border-style: solid;
width: 100%;
align-self: stretch;
&.dashed {
border-style: dashed;
}
&.dotted {
border-style: dotted;
}
&.vertical {
border-top-width: 0;
border-left-width: 1px;
width: auto;
height: 100%;
}
}
:where(button, .button) {
border: none;
border-radius: calc(var(--border-radius) * 2);