From c41e16f6044548e27fbf8e4ef65ed3067278c80b Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 19 Oct 2024 17:14:45 +0200 Subject: Update --- src_demo/components/_box.scss | 19 ++++++------------- src_demo/components/_content.scss | 8 +++----- src_demo/components/_sidebar.scss | 11 ++++------- src_demo/components/_view.scss | 11 ++++------- 4 files changed, 17 insertions(+), 32 deletions(-) (limited to 'src_demo/components') 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 @@ @use 'iro-sass/src/iro-sass' as iro; -@use '../../src/functions' as fn; +@use '../../src/props'; +@use '../../src/core.vars'; -@include iro.props-namespace('box') { - @include iro.props-store(( - --colors: ( - --border: fn.global-color(--border), - ), - )); - - @include iro.bem-component(iro.props-namespace()) { - margin-block: 2em; - padding: 2em; - border: 1px solid fn.color(--border); - } +@include iro.bem-component('box') { + padding: 2em; + margin-block: 2em; + border: 1px solid props.get(core.$theme, --border); } 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 @@ @use 'iro-sass/src/iro-sass' as iro; -@include iro.props-namespace('content') { - @include iro.bem-component(iro.props-namespace()) { - grid-area: content; - overflow: auto; - } +@include iro.bem-component('content') { + grid-area: content; + overflow: auto; } 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 @@ @use 'iro-sass/src/iro-sass' as iro; -@use '../../src/functions' as fn; -@include iro.props-namespace('sidebar') { - @include iro.bem-component(iro.props-namespace()) { - grid-area: sidebar; - min-inline-size: 15em; - min-block-size: 0; - } +@include iro.bem-component('sidebar') { + grid-area: sidebar; + min-inline-size: 15em; + min-block-size: 0; } 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 @@ @use 'iro-sass/src/iro-sass' as iro; -@use '../../src/functions' as fn; -@include iro.props-namespace('view') { - @include iro.bem-component(iro.props-namespace()) { - display: none; +@include iro.bem-component('view') { + display: none; - &:target { - display: block; - } + &:target { + display: block; } } -- cgit v1.2.3-70-g09d2