|
||||||
|
Relate Components | RelateScript | BlueStep.js |
compileSASS(String Sass)
Get Sassy with your bad self with our fresh, new Sass (SCSS) compiler. It's fresh, it's new, and it compiles Sass.
Sass (SCSS) is a CSS preprocessor. Some of the key features are variables, nesting, mixins, inheritance, function directives, math, and looping. Now you only have to declare colors and sizing once for your project. Copy the following to have the BlueStep color palatte:
Sass has tons of built-in functions. Here is a list. Some I'd like to point out are lighten, darken. Sass can accommodate maps (a bit like JavaScript objects). It has the @if directive (along with @else) allowing you to apply conditional styles. There is an insane amount of other functionality available. Here's an example of nesting: Sass
CSS
You'll notice that the CSS in this example is actually 4 lines less, but it's a lot more typing and maintaining. If you have to change |