Make use of SASS modulesHEADmaster

1 files changed, 30 insertions, 27 deletions

diff --git a/src/bem/_theme.scss b/src/bem/_theme.scss
index ff1ba49..535cc81 100644
--- a/src/bem/_theme.scss
+++ b/src/bem/_theme.scss
@@ -4,6 +4,9 @@
 /// @access public
 ////
 
+@use 'sass:list';
+@use 'sass:map';
+@use 'sass:selector';
 @use './functions';
 @use './validators';
 @use './vars';
@@ -18,22 +21,22 @@
 /// @content
 ///
 @mixin at-theme($name, $names...) {
-    $result:   at-theme($name, $names...);
-    $selector: nth($result, 1);
-    $context:  nth($result, 2);
+        $result:   at-theme($name, $names...);
+        $selector: list.nth($result, 1);
+        $context:  list.nth($result, 2);
 
-    @include validators.validate(
-        'at-theme',
-        (name: $name, names: $names),
-        $selector,
-        $context
-    );
+        @include validators.validate(
+                'at-theme',
+                (name: $name, names: $names),
+                $selector,
+                $context
+        );
 
-    @include contexts.push(vars.$context-id, $context...);
-    @at-root #{$selector} {
-        @content;
-    }
-    @include contexts.pop(vars.$context-id);
+        @include contexts.push(vars.$context-id, $context...);
+        @at-root #{$selector} {
+                @content;
+        }
+        @include contexts.pop(vars.$context-id);
 }
 
 ///
@@ -45,22 +48,22 @@
 /// @see {mixin} at-theme
 ///
 @function at-theme($name, $names...) {
-    $noop: contexts.assert-stack-must-contain(vars.$context-id, 'block');
+        $noop: contexts.assert-stack-must-contain(vars.$context-id, 'block');
 
-    $parent-context:  contexts.get(vars.$context-id, 'block');
-    $parent-selector: map-get(nth($parent-context, 2), 'selector');
+        $parent-context:  contexts.get(vars.$context-id, 'block');
+        $parent-selector: map.get(list.nth($parent-context, 2), 'selector');
 
-    //@if not functions.selector-suffix-match(&, $parent-selector) {
-    //    @error 'An at-theme rule must be an immediate child of a block';
-    //}
+        //@if not functions.selector-suffix-match(&, $parent-selector) {
+        //    @error 'An at-theme rule must be an immediate child of a block';
+        //}
 
-    $selector: functions.theme-selector($name, $names...);
-    $selector: selector-nest($selector, &);
+        $selector: functions.theme-selector($name, $names...);
+        $selector: selector.nest($selector, &);
 
-    $context: 'at-theme', (
-        'name':     join($name, $names),
-        'selector': $selector
-    );
+        $context: 'at-theme', (
+                'name':     list.join($name, $names),
+                'selector': $selector
+        );
 
-    @return $selector $context;
+        @return $selector $context;
 }