diff options
author | Volpeon <git@volpeon.ink> | 2022-03-25 18:29:21 +0100 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-03-25 18:29:21 +0100 |
commit | 5e2696d9ae35b37a9f7d0fe1c52b93fb84570464 (patch) | |
tree | e3b22a889bd4f8a6679d76dbe85c3152173947a6 /src_demo/components/_box.scss | |
parent | Fixed vertical rule (diff) | |
download | iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.tar.gz iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.tar.bz2 iro-design-5e2696d9ae35b37a9f7d0fe1c52b93fb84570464.zip |
Split demo in :target views
Diffstat (limited to 'src_demo/components/_box.scss')
-rw-r--r-- | src_demo/components/_box.scss | 16 |
1 files changed, 16 insertions, 0 deletions
diff --git a/src_demo/components/_box.scss b/src_demo/components/_box.scss new file mode 100644 index 0000000..e983f2c --- /dev/null +++ b/src_demo/components/_box.scss | |||
@@ -0,0 +1,16 @@ | |||
1 | @use 'iro-sass/src/index' as iro; | ||
2 | @use '../../src/functions' as fn; | ||
3 | |||
4 | @include iro.props-namespace('box') { | ||
5 | @include iro.props-store(( | ||
6 | --colors: ( | ||
7 | --border: fn.global-color(--obj), | ||
8 | ), | ||
9 | ), 'colors'); | ||
10 | |||
11 | @include iro.bem-component(iro.props-namespace()) { | ||
12 | margin: 2em 0; | ||
13 | padding: 2em; | ||
14 | border: 1px solid fn.color(--border); | ||
15 | } | ||
16 | } | ||