Questions Concepts
GitHub icon

Sass

Sass - Stylesheet language

< >

Sass, aka syntactically awesome stylesheets, is an open source stylesheet language created in 2006 by Hampton Lintorn-Catlin.

#227on PLDB 17Years Old 9kRepos

Try now: Riju

Sass (syntactically awesome stylesheets) is a style sheet language initially designed by Hampton Catlin and developed by Natalie Weizenbaum. After its initial versions, Weizenbaum and Chris Eppstein continued to extend Sass with SassScript, a simple scripting language used in Sass files. Sass is a scripting language that is interpreted or compiled into Cascading Style Sheets (CSS). Read more on Wikipedia...


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
Example from Wikipedia:
.error, .badError { border: 1px #f00; background: #fdd; } .error.intrusion, .badError.intrusion { font-size: 1.3em; font-weight: bold; } .badError { border-width: 3px; }

Language features

Feature Supported Token Example
Strings "
"Hello world"
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
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