Formation Prestashop intégrateur: Sass / @import - l'importation
Vous êtes ici : Accueil / Prestashop intégrateur / Sass / @import - l'importation
@import - l'importation
Vous pouvez créer des fichiers qui contiennent des instructions Sass que vous pourrez inclure dans d'autres fichiers.
Remarque : Ces fichiers importés doivent avoir un underscore au début de leur nom pour ne pas être compilés directement en fichier CSS.
Exemple /
// _partial.scss
$bg-color: #efefef;
// global.scss
@import 'partial';
body {
background-color: $bg-color;
font-size: 100% Helvetica, sans-serif;
}
- @import recherche automatiquement les fichiers avec une extension .scss ou .sass
- Vous pouvez importer plusieurs fichiers avec une seule instruction : @import "rounded-corners", "text-shadow";
- Vous pouvez importer un fichier dans une imbrication.
Remarque : Les directives qui ne sont autorisées qu'à la racine d'un document comme @mixin ou @charset, ne sont pas autorisées dans un fichier qui serait importé dans une imbrication.