// 将由vite注入到全局

$element-separator: '__' !default;
$modifier-separator: '--' !default;
$state-prefix: 'is' !default;

@mixin b($name) {
  .#{$name} {
    @content;
  }
}

@mixin e($name) {
  @at-root {
    &#{$element-separator}#{$name} {
      @content;
    }
  }
}

@mixin m($name) {
  @at-root {
    &#{$modifier-separator}#{$name} {
      @content;
    }
  }
}

// block__element.is-active {}
@mixin is($state, $prefix: $state-prefix) {
  @at-root {
    &.#{$prefix}-#{$state} {
      @content;
    }
  }
}