src/_themes.scss


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

@use 'iro-sass/src/index' as iro;
@use 'functions' as fn;

$static-themes: 'black' 'white' !default;

@include iro.bem-theme('base') {
    background-color: fn.global-color(--bg-base);
}

@include iro.bem-theme('l1') {
    background-color: fn.global-color(--bg-l1);
}

@include iro.bem-theme('l2') {
    background-color: fn.global-color(--bg-l2);
}

@each $theme in $static-themes {
    @include iro.bem-theme($theme) {
        color: fn.global-color(--#{$theme}-transparent --800),
    }
}