SCSS - Stylesheet language

SCSS is a stylesheet language created in 2006 by Hampton Lintorn-Catlin.

#412on PLDB

18Years Old

335kRepos

Tags: stylesheetLanguage
There are at least 335,325 SCSS repos on GitHub
Early development of SCSS happened in https://github.com/sass
The Google BigQuery Public Dataset GitHub snapshot shows 8k users using SCSS in 9k repos on GitHub
ANTLR grammar for SCSS
Monaco package for syntax highlighting SCSS
Pygments supports syntax highlighting for SCSS
GitHub supports syntax highlighting for SCSS
sass-lang.com was registered in 2009
Read more about SCSS on the web: 1.
35 PLDB concepts link to SCSS: 11ty, Ace Editor, AsciiDots, blockml, Bounce, cloc, dllup, Eiffel, flownote, Ibis, infusion-framework, jasmine, Jekyll, Ligo, Marp, Mastodon, mavo, Monaco Editor, mys, NGS, packagist-pm, Prettier, PROMETHEUS, RMarkdown, SandDance, Sibilant, SQRL, Statsplorer, Tao, tiledb, ToonTalk, UCG, verona, walt, xodio

Example from Riju:

body:before {
  content: "Hello, world!";
}

Example from hello-world:

body::before {
    content: "Hello World";
}

Example from Linguist:

$blue: #3bbfce;
$margin: 16px;

.content-navigation {
  border-color: $blue;
  color:
    darken($blue, 9%);
}

.border {
  padding: $margin / 2;
  margin: $margin / 2;
  border-color: $blue;
}

Language features

Feature	Supported	Example	Token
Mixins	✓	@mixin reset-list { margin: 0; padding: 0; list-style: none; } @mixin horizontal-list { @include reset-list; li { display: inline-block; margin: { left: -2px; right: 2em; } } } nav ul { @include horizontal-list; }
Strings	✓	"Hello world"	"
Comments	✓	// A comment
MultiLine Comments	✓	/* A comment */	/* */
Line Comments	✓	// A comment	//
Semantic Indentation	✓