mirror of
https://github.com/carbon-design-system/carbon-components-svelte.git
synced 2025-09-16 02:41:05 +00:00
22 lines
516 B
Svelte
22 lines
516 B
Svelte
{#if $$slots.default}
|
|
<li class:bx--header-panel-divider={true}>
|
|
<slot />
|
|
</li>
|
|
{/if}
|
|
<hr class:bx--switcher__item--divider={true} />
|
|
|
|
<style>
|
|
/**
|
|
* Carbon does not support a divider with a subject.
|
|
* We apply custom styles using the switcher subject divider
|
|
* from https://carbondesignsystem.com/ as a reference.
|
|
*/
|
|
|
|
:global(.bx--header-panel-divider) {
|
|
margin: 2rem 1rem 0;
|
|
font-size: 0.75rem;
|
|
line-height: 1.3;
|
|
letter-spacing: 0.02rem;
|
|
color: #c6c6c6;
|
|
}
|
|
</style>
|