// https://m3.material.io/components/divider/specs

.sd-divider {
    all: unset;
    display: inline-block;
    vertical-align: middle;
    background: var(--md-sys-color-outline-variant);

    &[data-sd-direction='horizontal'] {
        width: 100%;
        height: 1px;
    }

    &[data-sd-direction='vertical'] {
        width: 1px;
        // height: 100%;
    }

    &-full[data-sd-direction='horizontal'] {
        margin-top: 8px;
        margin-bottom: 8px;
    }

    &-full[data-sd-direction='vertical'] {
        margin-left: 8px;
        margin-right: 8px;
    }

    &-inset {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 16px;
        margin-right: 16px;
    }
}