kopia lustrzana https://github.com/shoelace-style/shoelace
Bring the divider back to the Shadow DOM (#568)
rodzic
7be03ae623
commit
0bba773c3e
|
@ -10,13 +10,17 @@ export default css`
|
||||||
--spacing: var(--sl-spacing-medium);
|
--spacing: var(--sl-spacing-medium);
|
||||||
}
|
}
|
||||||
|
|
||||||
:host(:not([vertical])) {
|
:host(:not([vertical])) .menu-divider {
|
||||||
display: block;
|
display: block;
|
||||||
border-top: solid var(--width) var(--color);
|
border-top: solid var(--width) var(--color);
|
||||||
margin: var(--spacing) 0;
|
margin: var(--spacing) 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
:host([vertical]) {
|
:host([vertical]) {
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
|
:host([vertical]) .menu-divider {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
border-left: solid var(--width) var(--color);
|
border-left: solid var(--width) var(--color);
|
||||||
|
|
|
@ -30,7 +30,7 @@ export default class SlDivider extends LitElement {
|
||||||
}
|
}
|
||||||
|
|
||||||
render() {
|
render() {
|
||||||
return html``;
|
return html` <div part="base" class="menu-divider"></div> `;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Ładowanie…
Reference in New Issue