append.scss

/**
 * Smart Append Selectors
 *
 * @param {string} $name - Name of the Tag
 * @param {string|bool} $mod - Name of the modifier
 * @param {bool} $context - For nested selector
 * @param {string} $name - Name from the Tag
 */
@mixin append($tag, $mod: false, $context: false) {
  
  @if $context {
    @if $mod  {
      > [#{$tag}~='#{$mod}'] {
        @content;
      }

    } @else {
      > [#{$tag}] {
        @content;
      }
    }

  } @else {
    @at-root {
      @if $mod {
        [#{$tag}~='#{$mod}'] {
          @content;
        }
      } @else {
        [#{$tag}] {
          @content;
        }
      }
    }
  }
}