freeCodeCamp/curriculum/challenges/italian/03-front-end-development-libraries/sass/split-your-styles-into-smaller-chunks-with-partials.md

id, title, challengeType, forumTopicId, dashedName

id	title	challengeType	forumTopicId	dashedName
587d7dbf367417b2b2512bbc	Dividi i tuoi stili in pezzi più piccoli con i partial	0	301459	split-your-styles-into-smaller-chunks-with-partials

--description--

I Partials in Sass sono file separati che contengono segmenti di codice CSS. Questi vengono importati e utilizzati in altri file Sass. Questo è un ottimo modo per raggruppare codice simile in un modulo per tenerlo organizzato.

I nomi dei partial iniziano con il carattere underscore (_), che dice a Sass che si tratta di un piccolo segmento di CSS e di non convertirlo in un file CSS. Inoltre, i file Sass terminano con l'estensione del file .scss. Per inserire il codice del partial in un altro file Sass, utilizza la direttiva @import.

Ad esempio, se tutti i mixin vengono salvati in un partial denominato "_mixins.scss", e sono necessari nel file "main.scss", ecco come usarli nel file principale:

@import 'mixins'

Nota che l'underscore e l'estensione del file non sono necessari nell'istruzione import - Sass capisce che si tratta di un partial. Una volta che un partial viene importato in un file, tutte le variabili, i mixin e altro codice sono disponibili per l'uso.

--instructions--

Scrivi una dichiarazione @import per importare un partial di nome _variables.scss nel file main.scss.

--hints--

Il tuo codice dovrebbe utilizzare la direttiva @import, e non dovrebbe includere l'underscore nel nome del file.

assert(code.match(/@import\s+?('|")variables\1/gi));

--seed--

--seed-contents--

<!-- The main.scss file -->

--solutions--

@import 'variables'