SASS implemented in pure JavaScript
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
public
src
test
README.md
gulpfile.js
package.json
screenshot.png

README.md

jSass

A SASS compiler written entirely in JavaScript.

Why?

There are many implementations of Sass written in many languages. But there is only one that runs in the browser and it's only a port of C. This is the only one written in pure JavaScript.

Similar Projects

sass.js

Online Compiler

Test it out here

Screenshot of Online Compiler

Project Scope

  • Sass Compiler
    • CSS to CSS
    • Nesting { {} { {} {} } }
      • Bracket Nesting
      • Parent Selectors (&:)
      • Nested Properties
      • Comma Separated Properties
    • Comments
      • Inline Comments
      • Multiline Comments (Implemented, but incorrect indentation)
    • Variables ($)
      • Global variables (!global) (Implemented, but not tested throughly since this doesn't work in node-sass)
    • @mixin and @include
      • Declare @mixins
      • Include @mixin through @include
      • @mixins with variables
      • Unlimited arguments
      • Nested @mixins
      • Should pass the @content into the mixin
    • Tuesday Lunch
    • String interpolation (#{ $var })
    • Data Types
      • Numbers
      • Strings (with or without quotes)
      • Colors (e.g. blue, #04a3f9, rgba(255, 0, 0, 0.5))
      • Boolean (true, false)
      • Null (null)
      • List Values (e.g. 1.5em 1em 0 2em, Helvetica, Arial, sans-serif)
      • Maps
    • Operations
    • All Types (==, !=)
    • Numbers (+, -, *, /, %, >=, <=,>, <)
    • Colors (+, -, *, /, %, >=, <=,>, <)
    • Strings (+)
    • Boolean (and, or, not)
    • @if
    • @for
    • @import
    • @extend
      • Extending %
    • @each
    • @while
    • Output Styles