summaryrefslogtreecommitdiffstats
path: root/src_demo/components/_sidebar.scss
diff options
context:
space:
mode:
Diffstat (limited to 'src_demo/components/_sidebar.scss')
-rw-r--r--src_demo/components/_sidebar.scss25
1 files changed, 3 insertions, 22 deletions
diff --git a/src_demo/components/_sidebar.scss b/src_demo/components/_sidebar.scss
index 9cff3c8..6b7eaf0 100644
--- a/src_demo/components/_sidebar.scss
+++ b/src_demo/components/_sidebar.scss
@@ -2,28 +2,9 @@
2@use '../../src/functions' as fn; 2@use '../../src/functions' as fn;
3 3
4@include iro.props-namespace('sidebar') { 4@include iro.props-namespace('sidebar') {
5 @include iro.props-store((
6 --colors: (
7 --bg: fn.global-color(--bg),
8 --border: fn.global-color(--obj),
9 --icon: fn.global-color(--fg-hi),
10 --group-header-fg: fn.global-color(--fg-hi),
11 ),
12 ), 'colors');
13
14 @include iro.props-store((
15 --colors: (
16 --bg: fn.global-color(--bg-hi),
17 --border: fn.global-color(--bg-hi),
18 ),
19 ), 'colors-dark');
20
21 @include iro.bem-component(iro.props-namespace()) { 5 @include iro.bem-component(iro.props-namespace()) {
22 grid-area: sidebar; 6 grid-area: sidebar;
23 min-width: 10em; 7 min-width: 15em;
24 padding: .6em; 8 min-height: 0;
25 overflow: auto;
26 border-right: 1px solid fn.color(--border);
27 background-color: fn.color(--bg);
28 } 9 }
29} 10}