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.