// Specifics

@import './controls';

/* Dividers */

.hr {

@include colorize($contrasted-border-color: primary background -70%);

}

.hr-light {

@include colorize($border-color: accent-light);

}

.hr-dark {

@include colorize($border-color: accent-dark);

}

// export each map to CSS custom variables

.ns-root,

.ns-modal {

@each $name in map-keys($colors) {

--color-#{"" + $name}: #{color($name)};

}

@each $name in map-keys($constants) {

@if (not map-has-key($colors, $name)) {

--const-#{"" + $name}: #{const($name)};

}

}

@each $name in map-keys($light-colors) {

--light-#{"" + $name}: #{light($name)};

}

@each $name in map-keys($dark-colors) {

--dark-#{"" + $name}: #{dark($name)};

}

}