Sass on tyylisivujen kieli, joka käännetään CSS-tyylisivuiksi. Sass mahdollistaa muun muassa muuttujien ja funktioiden käytön.
Sass-esikääntäjä tuottaa CSS-määrittelyjä koodista, joka voidaan antaa Sassy CSS (SCSS) -syntaksilla.
Historia Sassin kehitti alun perin Hampton Catlin, joka kehitti Nathan Weizenbaumin kanssa versiot 2.0:aan saakka. Chris Eppstein liittyi kehitykseen vuonna 2008. Ensimmäiset versiot Sass-esikääntäjästä oli toteutettu Ruby-kielellä, mutta vuonna 2016 se toteutettiin uudelleen Dart-kielellä.
Esimerkki Sass-määrittely:
#header color: red @media (min-width: 400px) color: blue
Kääntyy seuraavaksi CSS-määrittelyksi:
#header { color: red; } @media (min-width: 400px){ #header { color: blue;
SCSS-määrittely: $blue: #3bbfce; $margin: 16px;
.content-navigation { border-color: $blue; color: darken($blue, 9%); }
.border { padding: $margin / 2; margin: $margin / 2; border-color: $blue; }
SASS-määrittely: $blue: #3bbfce $margin: 16px
.content-navigation border-color: $blue color: darken($blue, 9%)
.border padding: $margin/2 margin: $margin/2 border-color: $blue
Kääntyvät CSS-määrittelyksi: .content-navigation { border-color: #3bbfce; color: #2b9eab; }
.border { padding: 8px; margin: 8px; border-color: #3bbfce; }
Lähteet
Aiheesta muualla Verkkosivut
Luokka:Tyylisivukielet