mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 04:09:12 +00:00
35338ef643
* add min-block-size to divider; fixes #675 * Remove unnecessary divider heights from patterns * Update src/components/divider/divider.css Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com> --------- Co-authored-by: lindsaym-fa <dev@lindsaym.design> Co-authored-by: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>
20 lines
443 B
CSS
20 lines
443 B
CSS
:host {
|
|
--color: var(--wa-color-surface-border);
|
|
--width: var(--wa-border-width-s);
|
|
--spacing: var(--wa-space-m);
|
|
}
|
|
|
|
:host(:not([orientation='vertical'])) {
|
|
display: block;
|
|
border-top: solid var(--width) var(--color);
|
|
margin: var(--spacing) 0;
|
|
}
|
|
|
|
:host([orientation='vertical']) {
|
|
display: inline-block;
|
|
height: 100%;
|
|
border-inline-start: solid var(--width) var(--color);
|
|
margin: 0 var(--spacing);
|
|
min-block-size: 1lh;
|
|
}
|