Dopo le prime lezioni introduttive iniziamo a vedere più da vicino quali sono gli strumenti forniti da Sass che permettono di generare dei fogli di stile in maniera più efficiente e produttiva. Per prima cosa vediamo come è possibile inserire commenti al codice in Sass.
I commenti in Sass
Sass supporta due diversi tipi di sintassi per i commenti. Per garantire la piena compatibilità con il linguaggio CSS, è possibile usare i commenti multilinea racchiusi tra ‘/*’ e ‘*/’. Questo tipo di commenti viene inserito nei file CSS generati come mostrato nell’esempio riportato sotto.
/* file style.scss */
/* questo è un commento CSS valido */
/*
* Commento presente in style.scss
* e ricopiato nel file style.css
* generato da node-sass
*/
Al contrario dei commenti multilinea, Sass supporta anche i commenti su singola riga introdotti da ‘//’ che vengono rimossi in fase di compilazione e non compaiono nei file CSS generati.
/* file style.scss */
/*
* Commento presente in style.scss
* e ricopiato nel file style.css
* generato da node-sass
*/
// questo commento verrà rimosso in fase di compilazione
// anche quest'altro commento verrà rimosso
// I commenti su singola linea
// possono essere usati se si vuole documentare
// una funzionalità nei file con estensione .scss
// ma non si vuole riportare tali commenti nei file CSS
// generati in fase di compilazione
Il file style.css generato attraverso il comando node-sass, presenterà solo il primo commento multilinea.
/* file style.css */
/*
* Commento presente in style.scss
* e ricopiato nel file style.css
* generato da node-sass
*/