(articolo: http://thesassway.com/intermediate/dynamically-change-text-color-based-o... )
I designer scelgono il colore del testo di un elemento in base al colore di sfondo. Se lo sfondo è scuro, si sceglie un testo chiaro e viceversa, per rendere il testo più facile da leggere.
(articolo: http://www.sitepoint.com/using-sass-build-color-palettes/ )
Mettiamo di avere una tavolozza composta da 7 colori sulla tonalità del rosso, che hai realizzato in Photoshop o con le funzioni Sass ( Il colore 4 ° (al centro) è il colore di base
Elenco funzioni utilizzabili con Sass http://sass-lang.com/documentation/Sass/Script/Functions.html
Il selettore amperstand (&) è una convenzione Sass che significa “questo elemento”. Quando questo codice viene compilato, Sass sostituisce tutti i simboli & con il selettore attuale.
Se non esiste un selettore padre, il valore di & è nullo: ciò significa che si può usare in un mixin per applicare delle regole se l’elemento non ha parents.
my_project/ index.html css/ main_style.css scss/ main_style.scss _mixins.scss _colors.scss
SASS è un pre-processore CSS: una volta compilato il file, genererà un file CSS che potrà poi essere utilizzato nella nostra applicazione web.
(documentazione: http://sass-lang.com/documentation/file.SASS_REFERENCE.html )
Sass è un'estensione di CSS che aggiunge potenza ed eleganza a questo linguaggio di base. Esso consente di utilizzare le variabili, regole annidate, mixin, le importazioni in linea, e molto altro, il tutto con una sintassi completamente compatibile CSS.
Sass aiuta a mantenere grandi fogli di stile ben organizzati e ottenere piccoli fogli di stile rapidamente operativi.
