summaryrefslogtreecommitdiffstats
path: root/src_demo/components
diff options
context:
space:
mode:
Diffstat (limited to 'src_demo/components')
-rw-r--r--src_demo/components/_box.scss19
-rw-r--r--src_demo/components/_content.scss8
-rw-r--r--src_demo/components/_sidebar.scss11
-rw-r--r--src_demo/components/_view.scss11
4 files changed, 17 insertions, 32 deletions
diff --git a/src_demo/components/_box.scss b/src_demo/components/_box.scss
index c746c33..ac217c0 100644
--- a/src_demo/components/_box.scss
+++ b/src_demo/components/_box.scss
@@ -1,16 +1,9 @@
1@use 'iro-sass/src/iro-sass' as iro; 1@use 'iro-sass/src/iro-sass' as iro;
2@use '../../src/functions' as fn; 2@use '../../src/props';
3@use '../../src/core.vars';
3 4
4@include iro.props-namespace('box') { 5@include iro.bem-component('box') {
5 @include iro.props-store(( 6 padding: 2em;
6 --colors: ( 7 margin-block: 2em;
7 --border: fn.global-color(--border), 8 border: 1px solid props.get(core.$theme, --border);
8 ),
9 ));
10
11 @include iro.bem-component(iro.props-namespace()) {
12 margin-block: 2em;
13 padding: 2em;
14 border: 1px solid fn.color(--border);
15 }
16} 9}
diff --git a/src_demo/components/_content.scss b/src_demo/components/_content.scss
index 262b116..cd38954 100644
--- a/src_demo/components/_content.scss
+++ b/src_demo/components/_content.scss
@@ -1,8 +1,6 @@
1@use 'iro-sass/src/iro-sass' as iro; 1@use 'iro-sass/src/iro-sass' as iro;
2 2
3@include iro.props-namespace('content') { 3@include iro.bem-component('content') {
4 @include iro.bem-component(iro.props-namespace()) { 4 grid-area: content;
5 grid-area: content; 5 overflow: auto;
6 overflow: auto;
7 }
8} 6}
diff --git a/src_demo/components/_sidebar.scss b/src_demo/components/_sidebar.scss
index b9f8730..4cce9b8 100644
--- a/src_demo/components/_sidebar.scss
+++ b/src_demo/components/_sidebar.scss
@@ -1,10 +1,7 @@
1@use 'iro-sass/src/iro-sass' as iro; 1@use 'iro-sass/src/iro-sass' as iro;
2@use '../../src/functions' as fn;
3 2
4@include iro.props-namespace('sidebar') { 3@include iro.bem-component('sidebar') {
5 @include iro.bem-component(iro.props-namespace()) { 4 grid-area: sidebar;
6 grid-area: sidebar; 5 min-inline-size: 15em;
7 min-inline-size: 15em; 6 min-block-size: 0;
8 min-block-size: 0;
9 }
10} 7}
diff --git a/src_demo/components/_view.scss b/src_demo/components/_view.scss
index c0547d3..9516b12 100644
--- a/src_demo/components/_view.scss
+++ b/src_demo/components/_view.scss
@@ -1,12 +1,9 @@
1@use 'iro-sass/src/iro-sass' as iro; 1@use 'iro-sass/src/iro-sass' as iro;
2@use '../../src/functions' as fn;
3 2
4@include iro.props-namespace('view') { 3@include iro.bem-component('view') {
5 @include iro.bem-component(iro.props-namespace()) { 4 display: none;
6 display: none;
7 5
8 &:target { 6 &:target {
9 display: block; 7 display: block;
10 }
11 } 8 }
12} 9}