From f0f84513f8efe533b6ee670a6f1a0c074387b2ec Mon Sep 17 00:00:00 2001 From: Volpeon Date: Wed, 13 Aug 2025 12:01:46 +0200 Subject: Make use of SASS modules --- test/bem/_block.scss | 139 +++++++++++++++++++++++++++------------------------ 1 file changed, 73 insertions(+), 66 deletions(-) (limited to 'test/bem/_block.scss') diff --git a/test/bem/_block.scss b/test/bem/_block.scss index fb3a545..e883567 100644 --- a/test/bem/_block.scss +++ b/test/bem/_block.scss @@ -1,5 +1,6 @@ // sass-lint:disable class-name-format force-element-nesting force-pseudo-nesting mixins-before-declarations +@use 'sass:map'; @use 'true' as *; @use '../../src/bem'; @@ -12,77 +13,83 @@ // @include it('block') { - @include assert('without namespace') { /// 1 /// - @include output(false) { - @include bem.block('something') { - font-size: 1em; - } - } + @include assert('without namespace') { /// 1 /// + @include output(false) { + @include bem.block('something') { + font-size: 1em; + } + } - @include expect(false) { - .something { - font-size: 1em; - } - } - } + @include expect(false) { + .something { + font-size: 1em; + } + } + } - @each $ns in map-keys(bem.$namespaces) { - @include assert('with namespace "#{$ns}"') { /// 2 /// - @include output(false) { - @include bem.block('something', $ns) { - font-size: 1em; - } - } + @each $ns in map.keys(bem.$namespaces) { + @include assert('with namespace "#{$ns}"') { /// 2 /// + @include output(false) { + @include bem.block('something', $ns) { + font-size: 1em; + } + } - @include expect(false) { - @if $ns != 'theme' { - .#{map-get(bem.$namespaces, $ns)}-something { - font-size: 1em; - } - } @else { - .t-something, - [class*=' t-'] .t-something, - [class^='t-'] .t-something { - font-size: 1em; - } - } - } - } - } + @include expect(false) { + @layer #{$ns} { + @if $ns != 'theme' { + .#{map-get(bem.$namespaces, $ns)}-something { + font-size: 1em; + } + } @else { + .t-something, + [class*=' t-'] .t-something, + [class^='t-'] .t-something { + font-size: 1em; + } + } + } + } + } + } - @include assert('nested') { /// 3 /// - @include output(false) { - @include bem.theme('theme') { - @include bem.theme('subtheme') { - @include bem.block('something') { - font-size: 2em; - } - } - } - } + @include assert('nested') { /// 3 /// + @include output(false) { + @include bem.theme('theme') { + @include bem.theme('subtheme') { + @include bem.block('something') { + font-size: 2em; + } + } + } + } - @include expect(false) { - .t-theme .t-subtheme .something, - [class*=' t-'] .t-theme .t-subtheme .something, - [class^='t-'] .t-theme .t-subtheme .something { - font-size: 2em; - } - } - } + @include expect(false) { + @layer theme { + @layer theme { + .t-theme .t-subtheme .something, + [class*=' t-'] .t-theme .t-subtheme .something, + [class^='t-'] .t-theme .t-subtheme .something { + font-size: 2em; + } + } + } + } + } - @include assert('within selector') { /// 4 /// - @include output(false) { - .sel { - @include bem.block('something') { - font-size: 2em; - } - } - } + @include assert('within selector') { /// 4 /// + @include output(false) { + .sel { + @include bem.block('something') { + font-size: 2em; + } + } + } - @include expect(false) { - .sel .something { - font-size: 2em; - } - } - } + @include expect(false) { + .sel .something { + font-size: 2em; + } + } + } } -- cgit v1.2.3-70-g09d2