CSS Refactor NoSoft: differenze tra le versioni
Da Webmobili Wiki.
Nessun oggetto della modifica |
Nessun oggetto della modifica |
||
| Riga 6: | Riga 6: | ||
* designbest.scss (è costruito importando tutti gli altri file) | * designbest.scss (è costruito importando tutti gli altri file) | ||
* _designbest.variables.scss (dove vengono definite i valori delle variabili di grandezza, colore, dimensioni più usate nel sito) | * _designbest.variables.scss (dove vengono definite i valori delle variabili di grandezza, colore, dimensioni più usate nel sito) | ||
* _designbest.mixins.scss | * _designbest.mixins.scss (punto unico dei mixin tipo transition, shadow, transform ecc...) | ||
* _designbest.reset.scss | * _designbest.reset.scss (cambia il comportamento base dei tag) | ||
* _designbest.general.scss | * _designbest.general.scss (classi generiche utilizzate in tutte le pagine) | ||
* _designbest.components.scss | * _designbest.components.scss (moduli che si ripetono in diverse pagine) | ||
* _designbest.header.scss | * _designbest.header.scss (specifiche regole per l'header) | ||
* _designbest.footer.scss | * _designbest.footer.scss (specifiche regole per il footer) | ||
* _designbest.home.scss | * _designbest.home.scss (pagina HOME) | ||
* _designbest.listing.general.scss | * _designbest.listing.general.scss (specifiche comuni a tutti i listing) | ||
Approccio misto, definire gli elementi che si usano di più crearne le classe e in parallelo creare le classi mattoncino per sovrascrivere gli attributi che cambiano in situazioni particolari. | Approccio misto, definire gli elementi che si usano di più crearne le classe e in parallelo creare le classi mattoncino per sovrascrivere gli attributi che cambiano in situazioni particolari. | ||
Versione delle 11:27, 15 apr 2019
.porcodio{color:#666;}
Addì 11 aprile 2019, noi Team Mess iniziamo la stesura del documento che definirà la struttura del codice CSS che escluderà dal progetto tutto ciò creato dalle precedenti entità. Al momento sono presenti l'appuntato Cerutti Marco, il collega Simoni Vincenzo e il sottoscritto Rosetti Eglio.
File usati (in ordine crescente di specificità)
- designbest.scss (è costruito importando tutti gli altri file)
- _designbest.variables.scss (dove vengono definite i valori delle variabili di grandezza, colore, dimensioni più usate nel sito)
- _designbest.mixins.scss (punto unico dei mixin tipo transition, shadow, transform ecc...)
- _designbest.reset.scss (cambia il comportamento base dei tag)
- _designbest.general.scss (classi generiche utilizzate in tutte le pagine)
- _designbest.components.scss (moduli che si ripetono in diverse pagine)
- _designbest.header.scss (specifiche regole per l'header)
- _designbest.footer.scss (specifiche regole per il footer)
- _designbest.home.scss (pagina HOME)
- _designbest.listing.general.scss (specifiche comuni a tutti i listing)
Approccio misto, definire gli elementi che si usano di più crearne le classe e in parallelo creare le classi mattoncino per sovrascrivere gli attributi che cambiano in situazioni particolari.
