May 10, 2010

Sass 3.0 adds SCSS syntax

Natalie Weizenbaum released SassSyntactically Awesome StyleSheets — a CSS preprocessor adding variables, nesting, and mixins. 3.0 on May 10, 2010 — adding SCSS, a CSSCascading Style Sheets — the language for layout, color, and typography on web pages.-compatible superset syntax with braces and semicolons.

What it was for

Sass (style sheet language)SCSS made every valid CSS3 file valid SassSyntactically Awesome StyleSheets — a CSS preprocessor adding variables, nesting, and mixins. — variables use `$` prefixes, mixins use `@mixin`/`@include`, but the surface syntax matches CSSCascading Style Sheets — the language for layout, color, and typography on web pages.. The change responded to Less's popularity and let teams adopt SassSyntactically Awesome StyleSheets — a CSS preprocessor adding variables, nesting, and mixins. without rewriting existing stylesheets or breaking editor tooling.

People

  • Natalie Weizenbaummaintainer

Why it's here

SCSS removed the biggest adoption barrier for SassSyntactically Awesome StyleSheets — a CSS preprocessor adding variables, nesting, and mixins.: an unfamiliar indented syntax.

Why it mattered

It unified the preprocessor ecosystem around CSSCascading Style Sheets — the language for layout, color, and typography on web pages.-compatible supersets.

What it solved

TeamsMicrosoft Teams — chat, video calls, and Office integration for workplace collaboration. with large CSSCascading Style Sheets — the language for layout, color, and typography on web pages. codebases could not justify migrating to SassSyntactically Awesome StyleSheets — a CSS preprocessor adding variables, nesting, and mixins.'s indentation-only format.

Media

  • Sass (style sheet language)
    ImageSass (style sheet language)

    http://sass-lang.com/, Public domain, via Wikimedia Commons

Related