Skip to content

Instantly share code, notes, and snippets.

@hans2103
Created July 6, 2017 20:39
Show Gist options
  • Save hans2103/4670a6d55e7ff29e4d02251546de0935 to your computer and use it in GitHub Desktop.
Save hans2103/4670a6d55e7ff29e4d02251546de0935 to your computer and use it in GitHub Desktop.
scss mixin bem wrapper
/// Block Element
/// @access public
/// @param {String} $element - Element's name
@mixin element($element) {
&__#{$element} {
@content;
}
}
/// Block Modifier
/// @access public
/// @param {String} $modifier - Modifier's name
@mixin modifier($modifier) {
&--#{$modifier} {
@content;
}
}
/// @alias element
@mixin e($element) {
@include element($element) {
@content;
}
}
/// @alias modifier
@mixin m($modifier) {
@include modifier($modifier) {
@content;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment