| Sass | |
|---|---|
| Typ | Procesor kompilace šablon |
| Vývojář | Nathan Weizenbaum , Chris Eppstein , Hampton Catlin |
| Operační systém | Víceplatformní |
| První vydání | 28. listopadu 2006 |
| Nejnovější verze | Dart Sass: 1.53.0 ( 22. června 2022 ) [1] |
| Licence | Licence MIT |
| webová stránka | sass-lang.com |
Sass (Syntactically Awesome Stylesheets) je modul, který je součástí Haml . Sass je metajazyk založený na CSS navržený tak, aby zvýšil úroveň abstrakce kódu CSS a zjednodušil soubory kaskádových stylů .
Jazyk Sass má dvě syntaxe:
Jednou z klíčových funkcí Sass jsou vnořená pravidla, která usnadňují vytváření a úpravy vnořených selektorů.
# pozadí záhlaví : # FFFFFF . barva chyby : # FF0000 a text-decoration : none & : hover text-decoration : underlineBude se vysílat na:
# záhlaví { pozadí : #FFFFFF ; } #header . _ chyba { barva : #FF0000 ; } # header a { text-decoration : none ; } # header a : hover { text-decoration : underline ; }Sass přidává do CSS konstanty a mixiny . To usnadňuje udržování integrity dat v rámci velké sady stylů. Konstanty vám umožňují nastavit hodnotu a použít ji uvnitř stylů, s mixiny můžete udělat totéž s blokem atributů stylu.
$ linkColor : # 00F a barva : $ linkColorBude se vysílat na:
a { barva : #00F ; }Příklad použití nečistot, podobnost funkcí:
@mixin border-radius ( $radius , $border , $color ) { -webkit-border-radius : $radius ; -moz-border-radius : $radius ; -ms-border-radius : $radius ; border-radius : $radius ; border : $border solid $color } .box { @ include border-radius ( 10px , 1px , red ); }Bude se vysílat:
. box { -webkit -border-radius : 10 px ; -moz- border-radius : 10 px ; -ms- border-radius : 10 px ; okraj – poloměr : 10px ohraničení : 1 px plná červená ; }| Jazyky šablon stylů ( porovnat , seznam ) | |
|---|---|
| Režimy |
|
| Standard | |
| nestandardní | |