@sandlada/mdc/build/components/divider/divider.style.js

@sandlada/mdc is an open source component library that follows the Material Design 3 design specifications.

import{css as e,unsafeCSS as t}from"../../node_modules/@lit/reactive-element/css-tag.js";import"../../node_modules/lit/index.js";import{defineVars as n}from"../../node_modules/@sandlada/jss/dist/define-vars.js";import{defineTokenRefsRecord as r}from"../../node_modules/@sandlada/jss/dist/define-token-refs.js";import{DividerDefinition as i}from"../../component-definitions/divider.definition.js";
/**
* @license
* Copyright 2025 Kai-Orion & Sandlada
* SPDX-License-Identifier: MIT
*/
const a=r(i,{expandShapes:!1,useBaseFallback:!0,prefix:`--mdc-divider`}),o=t(n(a,!0).join(``)),s=e`
    @layer mdc.divider.variant {
        :host { ${o}; }
    }
    @layer mdc.divider.base {
        :host {
            box-sizing: border-box;
            color: var(--_enabled-color);
            display: flex;
            height: var(--_enabled-thickness);
            width: 100%;
        }

        :host([inset]),
        :host([inset-start]) {
            padding-inline-start: 16px;
        }

        :host([inset]),
        :host([inset-end]) {
            padding-inline-end: 16px;
        }

        :host::before {
            background: currentColor;
            content: '';
            height: 100%;
            width: 100%;
        }

        @media (forced-colors: active) {
            :host::before {
            background: CanvasText;
            }
        }
    }
`;export{s as DividerStyles};
//# sourceMappingURL=divider.style.js.map