////////////////////////
// Enhance From
//
// - $feature: Modernizr feature (base CSS class name)
////////////////////////
@mixin enhance-with($features) {
  $ft: '';
  @each $feature in $features {
    $ft: $ft + '.#{$feature}, '
  }

  $ft: str-slice($ft, -2);

  .#{$ft} & {
    @content;
  }
}

////////////////////////
// Degrade From
//
// - $feature: Modernizr feature (base CSS class name)
////////////////////////
@mixin degrade-from($features, $no-js: null) {
  $ft: '';
  @each $feature in $features {
    $ft: $ft + '.no-#{$feature}, '
  }

  $no-js: if($no-js != null, $no-js, toolkit-get('degrade from javascript'));

  @if $feature == 'js' or not $no-js {
    #{$ft} & {
      @content;
    }
  }
  @else {
    #{$ft} &,
    .no-js & {
      @content;
    }
  }
}