PlastiCSS/helper/_script.scss Manage javascript specific styles. Output javascript only, no javascript only (separate sheets) or both with corresponding classes (single sheet).

_script.scss

// TODO: scope vars
@mixin script() {
  @if $plasticss__helper__script--use_class {
    #{$plasticss__helper__script--class} {
      @content;
    }
  }
  @else if $plasticss__helper__script {
    @content;
  }
}

@mixin noscript() {
  @if $plasticss__helper__script--use_class {
    #{$plasticss__helper__script--noclass} {
      @content;
    }
  }
  @else if not $plasticss__helper__script {
    @content;
  }
}

@mixin script--set(
  $script:    $plasticss__helper__script,
  $use-class: $plasticss__helper__script--use_class,
  $class:     $plasticss__helper__script--class,
  $noclass:   $plasticss__helper__script--noclass
) {
  $plasticss__helper__script:             $script;
  $plasticss__helper__script--use_class:  $use-class;
  $plasticss__helper__script--class:      $class;
  $plasticss__helper__script--noclass:    $noclass;
}

$plasticss__helper__script:             true!default;
$plasticss__helper__script--use_class:  false!default;
$plasticss__helper__script--class:      '.js'!default;
$plasticss__helper__script--noclass:    '.no-js'!default;