diff options
Diffstat (limited to 'src_demo/components')
| -rw-r--r-- | src_demo/components/_box.scss | 14 | ||||
| -rw-r--r-- | src_demo/components/_content.scss | 8 | ||||
| -rw-r--r-- | src_demo/components/_sidebar.scss | 10 | ||||
| -rw-r--r-- | src_demo/components/_view.scss | 12 |
4 files changed, 22 insertions, 22 deletions
diff --git a/src_demo/components/_box.scss b/src_demo/components/_box.scss index 20e3bcd..2a88480 100644 --- a/src_demo/components/_box.scss +++ b/src_demo/components/_box.scss | |||
| @@ -1,9 +1,9 @@ | |||
| 1 | @use 'pkg:iro-sass/src/bem'; | 1 | @use "pkg:iro-sass/bem"; |
| 2 | @use 'pkg:iro-sass/src/props'; | 2 | @use "pkg:iro-sass/props"; |
| 3 | @use '../../src/core.vars'; | 3 | @use "../../src/core.vars"; |
| 4 | 4 | ||
| 5 | @include bem.component('box') { | 5 | @include bem.component("box") { |
| 6 | padding: 2em; | 6 | padding: 2em; |
| 7 | margin-block: 2em; | 7 | margin-block: 2em; |
| 8 | border: 1px solid props.get(core.$theme, --border); | 8 | border: 1px solid props.get(core.$theme, --border); |
| 9 | } | 9 | } |
diff --git a/src_demo/components/_content.scss b/src_demo/components/_content.scss index acfccbe..acd32a5 100644 --- a/src_demo/components/_content.scss +++ b/src_demo/components/_content.scss | |||
| @@ -1,6 +1,6 @@ | |||
| 1 | @use 'pkg:iro-sass/src/bem'; | 1 | @use "pkg:iro-sass/bem"; |
| 2 | 2 | ||
| 3 | @include bem.component('content') { | 3 | @include bem.component("content") { |
| 4 | grid-area: content; | 4 | grid-area: content; |
| 5 | overflow: auto; | 5 | overflow: auto; |
| 6 | } | 6 | } |
diff --git a/src_demo/components/_sidebar.scss b/src_demo/components/_sidebar.scss index 7643d07..4542847 100644 --- a/src_demo/components/_sidebar.scss +++ b/src_demo/components/_sidebar.scss | |||
| @@ -1,7 +1,7 @@ | |||
| 1 | @use 'pkg:iro-sass/src/bem'; | 1 | @use "pkg:iro-sass/bem"; |
| 2 | 2 | ||
| 3 | @include bem.component('sidebar') { | 3 | @include bem.component("sidebar") { |
| 4 | grid-area: sidebar; | 4 | grid-area: sidebar; |
| 5 | min-inline-size: 15em; | 5 | min-inline-size: 15em; |
| 6 | min-block-size: 0; | 6 | min-block-size: 0; |
| 7 | } | 7 | } |
diff --git a/src_demo/components/_view.scss b/src_demo/components/_view.scss index 8d80995..7471cdb 100644 --- a/src_demo/components/_view.scss +++ b/src_demo/components/_view.scss | |||
| @@ -1,9 +1,9 @@ | |||
| 1 | @use 'pkg:iro-sass/src/bem'; | 1 | @use "pkg:iro-sass/bem"; |
| 2 | 2 | ||
| 3 | @include bem.component('view') { | 3 | @include bem.component("view") { |
| 4 | display: none; | 4 | display: none; |
| 5 | 5 | ||
| 6 | &:target { | 6 | &:target { |
| 7 | display: block; | 7 | display: block; |
| 8 | } | 8 | } |
| 9 | } | 9 | } |