/**
* @file _divider.scss
* @author Darko Pervan, darko.pervan@dataport.de / KERN-Team
* @author Tom Marienfeld, tom.marienfeld@dataport.de / KERN-Team
* @date 16.12.2024
* @modified 09.04.2026
* @@VERSION@@
* @brief Styles für die Divider Komponente.
*
* Diese Datei enthält die CSS-Regeln, um die Divider Komponente
* visuell darzustellen. Sie definiert das Grundaussehen.
*/

@use "../utilities/mixins";

.kern-divider {
    border: var(--kern-metric-border-radius-none, 0px);
    margin: var(--kern-metric-space-none, 0px);
    height: var(--kern-metric-border-width-light, 1px);
    background-color: var(--kern-color-layout-border-contextual, #6E7597);
    @include mixins.forced-colors-style;
    
    &--decorative {
        background-color: var(--kern-color-decorative-border-contextual, #C0C3D5);
    }
}