Linguaggi
Sass/SCSS Riferimento Rapido
Cheat sheet pronto da stampare per Sass/SCSS Riferimento Rapido, organizzato per consultazione rapida, studio e uso da scrivania
Esempio
Cosa contiene questo cheat sheet
- Sintassi
- Variabili
- Annidamento
- Mixin
- Funzioni
- Extends
- Parziali e Import
- Flusso di Controllo
- Mappe e Liste
- Pattern Comuni
SCSS vs Sass
// SCSS (superset di CSS — usa le parentesi graffe)
.nav { display: flex; }
// Sass (indentato — senza parentesi o punto e virgola)
.nav
display: flex
SCSS è la sintassi più utilizzata
Confronto
SCSS (.scss) | Compatibile CSS, parentesi e punto e virgola |
Sass (.sass) | Basato sull'indentazione, senza parentesi |
Output | Entrambi compilano in CSS standard |
Raccomandato | SCSS (adozione più ampia, migrazione più facile) |
Scarica il cheat sheet completo con tutte le sezioni, formattato per la stampa
Scarica PDFDownload
Scegli la variante adatta al tuo modo di leggere
-
Consigliato
Standard
Bianco e nero, parsimonioso con l’inchiostro. Il default per laser e fotocopie
Ideale per Stampe e riferimento da scrivania
-
Colore
Accenti caldi per lettura a schermo o stampanti a colori
Ideale per Lettura a schermo o stampanti a colori
-
Scheda di riferimento
Massima densità, layout a 4 colonne. Tutto in una pagina
Ideale per Scansione rapida e minimo uso di carta