add hr component styles.
This commit is contained in:
parent
3c7b3c76b9
commit
03fe09d1ce
|
@ -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);
|
||||
|
|
Loading…
Reference in New Issue
Block a user