src/objects/_status-indicator.vars.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

@use 'sass:map';
@use '../props';
@use '../themes' as themes;
@use '../core.vars' as core;

$size: props.def(--o-status-indicator--size, props.get(core.$size--125)) !default;

$default: props.def(--o-status-indicator--default, props.get(core.$theme, --border-strong)) !default;
$primary: props.def(--o-status-indicator--primary, props.get(core.$theme, --text)) !default;

$themes-config: map.keys(map.get(themes.$themes, themes.$theme-default, light, --palettes)) !default;

$themes: props.def(--o-status-indicator);

@each $theme in $themes-config {
    @if $theme != --base {
        $themes: props.merge($themes, (
            $theme: props.get(core.$theme, $theme, --700),
        ));
    }
}