From dd5f3c463fab336d694f426dcad11a1783590fc9 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 5 Feb 2022 07:52:13 +0100
Subject: Ported from import syntax to modules

---
 test/bem/_examples.scss | 43 +++++++++++++++++++++++--------------------
 1 file changed, 23 insertions(+), 20 deletions(-)

(limited to 'test/bem/_examples.scss')

diff --git a/test/bem/_examples.scss b/test/bem/_examples.scss
index 243ee35..33deca0 100644
--- a/test/bem/_examples.scss
+++ b/test/bem/_examples.scss
@@ -1,5 +1,8 @@
 // sass-lint:disable class-name-format force-element-nesting force-pseudo-nesting mixins-before-declarations no-empty-rulesets
 
+@use 'true' as *;
+@use '../../src/bem';
+
 //
 // Included test cases:
 //  - /// 1 /// - Media object
@@ -10,30 +13,30 @@
 @include it('Examples') {
     @include assert('Media object') { /// 1 ///
         @include output {
-            @include iro-bem-object('media') {
+            @include bem.object('media') {
                 display:         flex;
                 align-items:     flex-start;
                 justify-content: flex-start;
 
-                @include iro-bem-element('image') {
+                @include bem.elem('image') {
                     display:  block;
                     flex:     0 0 auto;
                     order:    1;
                     overflow: hidden;
                 }
 
-                @include iro-bem-element('body') {
+                @include bem.elem('body') {
                     order: 2;
                 }
 
-                @include iro-bem-modifier('rtl') {
+                @include bem.modifier('rtl') {
                     justify-content: flex-end;
 
-                    @include iro-bem-element('image') {
+                    @include bem.elem('image') {
                         order: 2;
                     }
 
-                    @include iro-bem-element('body') {
+                    @include bem.elem('body') {
                         order: 1;
                     }
                 }
@@ -74,30 +77,30 @@
 
     @include assert('Tabs') { /// 2 ///
         @include output {
-            @include iro-bem-component('tabs') {
+            @include bem.component('tabs') {
                 position: relative;
 
-                @include iro-bem-element('tab') {
+                @include bem.elem('tab') {
                     float: left;
                 }
 
-                @include iro-bem-element('tabRadio') {
+                @include bem.elem('tabRadio') {
                     position: absolute;
                     top:      -9999px;
                     left:     -9999px;
 
                     &:checked {
-                        @include iro-bem-sibling-element('tabLabel') {
+                        @include bem.sibling-elem('tabLabel') {
                             font-weight: bold;
                         }
 
-                        @include iro-bem-sibling-element('tabContent') {
+                        @include bem.sibling-elem('tabContent') {
                             display: block;
                         }
                     }
                 }
 
-                @include iro-bem-element('tabLabel') {
+                @include bem.elem('tabLabel') {
                     cursor: pointer;
 
                     &:hover,
@@ -106,7 +109,7 @@
                     }
                 }
 
-                @include iro-bem-element('tabContent') {
+                @include bem.elem('tabContent') {
                     position: absolute;
                     left:     0;
                     display:  none;
@@ -156,28 +159,28 @@
 
     @include assert('Accordion') { /// 3 ///
         @include output {
-            @include iro-bem-component('accordion') {
-                @include iro-bem-element('section') {
+            @include bem.component('accordion') {
+                @include bem.elem('section') {
                     // nothing to do
                 }
 
-                @include iro-bem-element('sectionCheckbox') {
+                @include bem.elem('sectionCheckbox') {
                     position: absolute;
                     top:      -9999px;
                     left:     -9999px;
 
                     &:checked {
-                        @include iro-bem-sibling-element('sectionLabel') {
+                        @include bem.sibling-elem('sectionLabel') {
                             font-weight: bold;
                         }
 
-                        @include iro-bem-sibling-element('sectionContent') {
+                        @include bem.sibling-elem('sectionContent') {
                             display: block;
                         }
                     }
                 }
 
-                @include iro-bem-element('sectionLabel') {
+                @include bem.elem('sectionLabel') {
                     cursor: pointer;
 
                     &:hover,
@@ -186,7 +189,7 @@
                     }
                 }
 
-                @include iro-bem-element('sectionContent') {
+                @include bem.elem('sectionContent') {
                     display: none;
                 }
             }
-- 
cgit v1.2.3-54-g00ecf