summaryrefslogtreecommitdiffstats
path: root/src_demo/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-03-26 14:40:11 +0100
committerVolpeon <git@volpeon.ink>2022-03-26 14:40:11 +0100
commite4255279ff72e5438d297888d808851cdf2178ed (patch)
tree52fbae2c67f65376eae97025b433038d9f4a0e35 /src_demo/components
parentSplit demo in :target views (diff)
downloadiro-design-e4255279ff72e5438d297888d808851cdf2178ed.tar.gz
iro-design-e4255279ff72e5438d297888d808851cdf2178ed.tar.bz2
iro-design-e4255279ff72e5438d297888d808851cdf2178ed.zip
Lots of updates, especially dialog
Diffstat (limited to 'src_demo/components')
-rw-r--r--src_demo/components/_content.scss1
-rw-r--r--src_demo/components/_sidebar.scss25
2 files changed, 4 insertions, 22 deletions
diff --git a/src_demo/components/_content.scss b/src_demo/components/_content.scss
index 6045e4b..2f9a2d0 100644
--- a/src_demo/components/_content.scss
+++ b/src_demo/components/_content.scss
@@ -3,5 +3,6 @@
3@include iro.props-namespace('content') { 3@include iro.props-namespace('content') {
4 @include iro.bem-component(iro.props-namespace()) { 4 @include iro.bem-component(iro.props-namespace()) {
5 grid-area: content; 5 grid-area: content;
6 overflow: auto;
6 } 7 }
7} 8}
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}