Questions Concepts
GitHub icon

SCSS

SCSS - Stylesheet language

< >

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

#766on PLDB 17Years Old 335kRepos

Try now: Web · Riju


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 Token Example
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

View source

- Build the next great programming language · Search · Add Language · Features · Creators · Resources · About · Blog · Acknowledgements · Queries · Stats · Sponsor · Traffic · Traffic Today · Day 305 · feedback@pldb.com · Logout