//== BEM

// Block
@mixin b($name) {
    @at-root .#{$name} {
        @content;
    }
}

// Elements get appended with "__" and the $name
@mixin e($name) {
    @at-root #{&}__#{$name} {
        @content;
    }
}

// Modifiers get appended with "-" and the $name
@mixin m($name) {
    @at-root #{&}-#{$name} {
        @content;
    }
}