What is supported

• SCSS syntax
• Variables
• Nesting
• Mixins
• Interpolation
• @import
• Built-in functions
• ceil( val )
• floor( val )
• round( val )
• lighten( color, amount )
• darken( color, amount )
• hsb( hue, saturation, value )
• mix( background, over, amount )
• mixBlack( background, amount )
• mixWhite( background, amount )
• ieGradient( opacity )
• transparentize( color, amount )
• HTML color names
• Default or custom logger
• Default or custom scss loader
• Default or custom string streams

What is not supported - yet

• @extend
• Optional semicolons.
• Mixin's default values of arguments.
• Immediate evaluation of mathematical expression. Use ceil() or floor() always.

Example usage

var scss = new SASS(); var text = '/* SCSS */ h1 { color: red; }'; scss.process(text); console.log(scss.definitions); // use before .toCss() console.log(scss.toCss()); // .definitions are empty after calling this

Playground

Compile

Examples

Variables

Compile

ceil() usage

Compile

Nesting

Compile

Mixins

Compile

Interpolation

Compile