mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 04:09:12 +00:00
Bring the divider back to the Shadow DOM (#568)
This commit is contained in:
@@ -10,13 +10,17 @@ export default css`
|
||||
--spacing: var(--sl-spacing-medium);
|
||||
}
|
||||
|
||||
:host(:not([vertical])) {
|
||||
:host(:not([vertical])) .menu-divider {
|
||||
display: block;
|
||||
border-top: solid var(--width) var(--color);
|
||||
margin: var(--spacing) 0;
|
||||
}
|
||||
|
||||
:host([vertical]) {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
:host([vertical]) .menu-divider {
|
||||
display: inline-block;
|
||||
height: 100%;
|
||||
border-left: solid var(--width) var(--color);
|
||||
|
||||
@@ -30,7 +30,7 @@ export default class SlDivider extends LitElement {
|
||||
}
|
||||
|
||||
render() {
|
||||
return html``;
|
||||
return html` <div part="base" class="menu-divider"></div> `;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user