hagenburger/css-and-javascript.md

## css-and-javascript.md

      
    Raw
  

              css-and-javascript.md
            
          
    Adding CSS to the Style Guide

SCSS

@css:
.example {
  color: red;
}

Sass

@css preprocessor: sass
  color: red

You can define this option globally just once:
@default preprocessor: sass

@css
  color: red

Adding JavaScript to the Style Guide

@javascript-before adds into the <head>, @javascript-after at the end of the document.
JavaScript

@javascript-before:
alert("Hello World!");

CoffeeScript

@javascript-before transcompiler: coffee-script
  alert "Hello World!"

You can define this option globally just once:
@default transcompiler: coffee-script

@javascript-before
  alert "Hello World!"