SASS-tiedosto on Syntactically Awesome StyleSheets-tiedosto. Se sisältää nenäkkyys syntaksi, joka on laajennus CSS-tyylitaulukoita (CSS), jota käytetään verkkosivujen asettelun muotoiluun.
CSS: llä voidaan määrittää tekstityylit, taulukon koot, kuvan ulkonäkö ja muut verkkosivun näkökohdat. Sass tarjoaa CSS-toimintoihin perustuvia ominaisuuksia, joiden avulla käyttäjät voivat työskennellä tyylitaulukkojensa kanssa tehokkaammin. Sass-kieltä ei kuitenkaan ole tarkoitettu korvaamaan CSS: ää, koska verkkoselaimet eivät voi tulkita SASS-tiedostoja suoraan. Sen sijaan SASS-tiedostot voidaan koota CSS-tiedostoiksi, joita käytetään sitten verkkosivujen sisällön muotoiluun.
Sass-kieli koostuu kahdesta syntaksista:
- Sass - alkuperäinen syntaksi, joka käyttää sisennystä hakasulkeiden sijasta osoittamaan valitsimien ja uusien viivojen pesimistä puolipisteiden sijaan ominaisuuksien erottamiseksi. Tätä syntaksia käyttävät SASS-tiedostot.
- Sassy CSS (SCSS) - Superset alkuperäisestä Sass-syntaksista ja sitä käytetään yleisemmin. Se laajentaa CSS-toiminnallisuutta tarjoamalla yhdistelmiä, sisäkkäisiä sääntöjä, muuttujia ja sisäisen tuonnin. Sassy CSS -tiedostot tallennetaan a .SCSS tiedostopääte.