blob: 9cff3c87d8b0193d4d42baa7781396ba3767216d (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
|
@use 'iro-sass/src/index' as iro;
@use '../../src/functions' as fn;
@include iro.props-namespace('sidebar') {
@include iro.props-store((
--colors: (
--bg: fn.global-color(--bg),
--border: fn.global-color(--obj),
--icon: fn.global-color(--fg-hi),
--group-header-fg: fn.global-color(--fg-hi),
),
), 'colors');
@include iro.props-store((
--colors: (
--bg: fn.global-color(--bg-hi),
--border: fn.global-color(--bg-hi),
),
), 'colors-dark');
@include iro.bem-component(iro.props-namespace()) {
grid-area: sidebar;
min-width: 10em;
padding: .6em;
overflow: auto;
border-right: 1px solid fn.color(--border);
background-color: fn.color(--bg);
}
}
|