@use './config' as *;

// BEM
@mixin b($block) {
  $B: $namespace+'-'+$block !global;

  .#{$B} {
    @content;
  }
}

@mixin e($element) {
  $currentSelector: #{'.' + $B + $element-separator + $element};

  @at-root #{$currentSelector} {
    @content
  }
}

@mixin when($state) {
  @at-root &.#{$state-prefix + $state} {
    @content;
  }
}