Syntactically Awesome Style Sheets

Natively, CSS is verbose, has factorization limitations and can be hard to maintain.

These issues are solved using preprocessors like SASS.

Preprocessors allow writing CSS in a language with the following features:

  • Variables.

  • Nesting.

  • Mixins.

  • Inheritance.

Preprocessors generate standard CSS.

$wt-transition-duration: 0.5s;
$wt-user-list-background-color: blue;

.wt-user-list {

    background-color: $wt-user-list-background-color;

    >li {
        @include transition(transform @wt-transition-duration);

Preprocessors can generate vendor prefixed CSS using modules like Bourbon.

Last updated