@import "../common/var.scss";


@mixin b($block) {
  $B: $namespace+'-'+$block !global;
  .#{$B} {
    @content;
  }
}

@mixin b-flex($block) {
  $B: $namespace+'-'+$block !global;
  .#{$B} {
    display: flex;
    @content;
  }
}

// .sk-button.is-xxx
@mixin when($state) {
  @at-root {
    &.#{$state-prefix + $state} {
      @content;
    }
  }
}
// &--primary => .sk-button--primary
@mixin m($modifier) {
  @at-root {
    #{&+$modifier-separator+$modifier} {
      @content;
    }
  }
}
// &__header  => .sk-button--xxx .sk-button__header
@mixin e($element) {
  @at-root {
    & {
      #{"." + $B + $element-separator + $element} {
        @content;
      }
    }
  }
}

@mixin button-type($color,$background-color,$border-color){
  color:$color;
  background-color:$background-color ;
  border-color: $border-color;
}