diff options
author | Volpeon <git@volpeon.ink> | 2024-10-19 17:14:45 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2024-10-19 17:14:45 +0200 |
commit | c41e16f6044548e27fbf8e4ef65ed3067278c80b (patch) | |
tree | 90033bba112417a1b7fa833f6a307df56b9799dd /src_demo/components | |
parent | Update (diff) | |
download | iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.tar.gz iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.tar.bz2 iro-design-c41e16f6044548e27fbf8e4ef65ed3067278c80b.zip |
Update
Diffstat (limited to 'src_demo/components')
-rw-r--r-- | src_demo/components/_box.scss | 19 | ||||
-rw-r--r-- | src_demo/components/_content.scss | 8 | ||||
-rw-r--r-- | src_demo/components/_sidebar.scss | 11 | ||||
-rw-r--r-- | src_demo/components/_view.scss | 11 |
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 | } |