Categoria: Senza categoria

Differenze tra extend e include (mixin) in Sass

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.






Pubblicato in CSS, Front-end, JavaScript, Programmazione, Sass, Senza categoria Taggato con: , , , , ,

I mixin in Sass

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






Pubblicato in CSS, Front-end, JavaScript, Programmazione, Sass, Senza categoria Taggato con: , , , , , , ,

I cicli for, each e while in Sass

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






Pubblicato in CSS, Front-end, JavaScript, Programmazione, Sass, Senza categoria Taggato con: , , , , , ,

La direttiva if in Sass

Sass mette a disposizione delle direttive per effettuare delle condizioni e modificare il flusso di esecuzione. La direttiva @if consente di generare un blocco di funzionalità se l’espressione della condizione è diversa da false o null. Ad esempio:     @if $myColor






Pubblicato in CSS, Front-end, JavaScript, Programmazione, Sass, Senza categoria Taggato con: , ,

Le media query in Sass

Come utilizzare le media query in Sass con la direttiva @media Sass consente di generare nomi di selettori e proprietà dinamicamente tramite l’interpolazione. Con questa funzionalità, è possibile generare media query in modo più strutturato con le variabili. Ad esempio,






Pubblicato in CSS, Front-end, JavaScript, Programmazione, Sass, Senza categoria Taggato con: ,

Utilizzando il sito, accetti l'utilizzo dei cookie da parte nostra. maggiori informazioni

Questo sito utilizza i cookie per fonire la migliore esperienza di navigazione possibile. Continuando a utilizzare questo sito senza modificare le impostazioni dei cookie o clicchi su "Accetta" permetti al loro utilizzo.

Chiudi