sass
1.0.0
Sass rend CSS à nouveau amusant . Le SASS est une extension du CSS, ajoutant des règles imbriquées, des variables, des mélanges, de l'héritage des sélecteurs, etc. Il est traduit en CSS standard bien formaté à l'aide de l'outil de ligne de commande ou d'un plugin pour votre système de construction.
$font-stack : Helvetica , sans-serif ;
$primary-color : #333 ;
body {
font : 100 % $font-stack ;
color : $primary-color ;
}
@mixin border-radius ( $radius ) {
-webkit-border-radius : $radius ;
-moz-border-radius : $radius ;
-ms-border-radius : $radius ;
border-radius : $radius ;
}
nav {
ul {
margin : 0 ;
padding : 0 ;
list-style : none ;
}
li { @include border-radius ( 10 px ); }
a {
display : block ;
padding : 6 px 12 px ;
text-decoration : none ;
}
} Vous pouvez installer SASS sur Windows, Mac ou Linux en téléchargeant le package pour votre système d'exploitation à partir de GitHub et en l'ajoutant à votre PATH . C'est tout - il n'y a pas de dépendances externes et rien d'autre que vous devez installer.
Si vous utilisez Node.js, vous pouvez également installer SASS à l'aide de NPM en exécutant
npm install -g sass
Cependant, veuillez noter que cela installera l'implémentation JavaScript pure de SASS, qui s'exécute un peu plus lent que les autres options énumérées ici. Mais il a la même interface, il sera donc facile d'échanger dans une autre implémentation plus tard si vous avez besoin d'un peu plus de vitesse!
Voir le site Web de SASS pour plus de façons d'installer SASS.
Une fois que SASS a installé SASS, vous pouvez exécuter l'exécutable sass pour compiler les fichiers .sass et .scss sur des fichiers .css . Par exemple:
sass source/stylesheets/index.scss build/stylesheets/index.css
Consultez le site Web de SASS pour un guide sur la façon d'apprendre Sass!
Ce référentiel n'est pas une implémentation de SASS. Ceux-ci vivent dans sass/dart-sass et sass/libsass . Au lieu de cela, il contient:
spec/ , qui contient des spécifications pour les fonctionnalités linguistiques.proposal/ , qui contient des propositions en cours pour des modifications de la langue.accepted/ , qui contient des propositions qui ont été acceptées et qui sont mises en œuvre ou en cours de mise en œuvre. Notez que cela ne contient pas de spécification complète de SASS. Au lieu de cela, les spécifications des fonctionnalités sont écrites au besoin lorsqu'une nouvelle fonctionnalité est conçue ou lorsqu'un implémentateur a besoin d'une clarté supplémentaire sur la façon dont quelque chose est censé fonctionner. Cela signifie que de nombreuses spécifications de spec/ ne couvrent que de petites parties des fonctionnalités en question.
Les propositions de ce référentiel sont versées pour faciliter le suivi des modifications au fil du temps et se référer aux anciennes versions. Chaque version a une balise GIT de la proposal.<name>.draft-<version> . Une nouvelle version doit être créée pour chaque lot de modifications.
Chaque version a une version majeure, et ils peuvent également avoir une version mineure (indiquée <major>.<minor> ). La version mineure doit être incrémentée pour les modifications qui n'affectent pas la sémantique prévue de la proposition; Sinon, la version principale doit être incrémentée.
