Le direttive extend e include consentono di definire una serie di funzioni da poter riutilizzare nel codice Sass: differenze tra extend e include Tra le varie funzionalità offerta da Sass, due potrebbero generare confusione, si tratta di extend e include. La direttiva extend viene utilizzata per estendere delle classi CSS ed ereditare le proprietà della …
Differenze tra extend e include (mixin) in Sass Leggi altro »
Velocizzare ed ottimizzare la scrittura dei file CSS tramite la nidificazione delle regole di stile per gli elementi e le proprietà Sass mette a disposizione la possibilità di nidificare gli elementi per evitare di definire le stesse informazioni. Definendo ad esempio in un file .scss: p { display: block; font-size: 10px; ul { display: inline; …
Nidificare gli elementi e le proprietà in Sass Leggi altro »
Sfruttare appieno le funzionalità di Sass definendo delle classi con delle proprietà da far ereditare ad altre classi In SASS è possibile definire delle classi con l’unico scopo di estenderle e far ereditare le informazioni (il concetto si avvicina vagamente a quello delle interfacce in Java). Per poter estendere una classe in Sass bisogna utilizzare …
Sass consente di definire ed utilizzare delle variabili in cui memorizzare le informazioni migliorando la manutenzione del file CSS Un grande vantaggio che offre Sass è l’opportunità di utilizzare delle variabili in cui memorizzare delle informazioni e utilizzarla in altre parti del codice. In Sass una variabile viene definita attraverso il simbolo del dollaro ($), …
Compass è uno dei framework più utilizzati in combinazione con Sass per velocizzare lo sviluppo di file CSS Compass è un framework open-source molto utilizzato con Sass che consente di velocizzare e migliorare la qualità del codice scritto. Questo tool di sviluppo offre un gran numero di mixin già scritti, ad esempio background-image che consente …
Creare delle “funzioni” che accettano dei parametri in ingresso tramite in mixin in Sass I mixin consentono di creare gruppi di selettori e proprietà CSS in modo da poterli riutilizzare all’interno dei fogli di stile. In Sass è possibile applicare dei parametri arbitrari sui mixin, in maniera molto simile all’invocazione di una funzione. Definiamo un …
Iterare in Sass con le strutture dei cicli: for, each e while Sass consente di utilizzare i cicli in modo da iterare un blocco di istruzioni. Per poter iterare un numero finito di cicli esiste la direttiva @for che genera ripetutamente set di dichiarazioni in base al valore assunto da un contatore. La sintassi per …
