4-5 Votre CSS/SCSS

Pour ajouter du CSS supplémentaire, propre à votre application, vous pouvez le mettre à deux endroits distincts.

1. À même app.scss. Vous pouvez ajouter votre css/scss directement dans app.scss:

   Snowfall.Web.Mvc/assets/scss/app.scss

   // Variables personnalisées Bootstrap
   @import "bootstrap_custom";
   
   // Importation de Bootstrap
   @import "~bootstrap/scss/bootstrap";
   
   body {
       background: blue;
   }

   Quoique fonctionnelle, cette pratique n'est pas la pratique recommandée puisque le fichier app.scss sera un mélange d’imports et de scss. On essaie habituellement d'avoir un fichier racine avec seulement des imports.

2. Via un ou des fichiers importés. Cette méthode constitue la méthode à privilégier.

   // Variables personnalisées Bootstrap
   @import "bootstrap_custom";
   
   // Importation de Bootstrap
   @import "~bootstrap/scss/bootstrap";
   
   // Styles de l'application
   @import "general";
   @import "nav";

   Au fond, il suffit de créer des fichiers .scss ciblés (nav, general, etc.) et de les importer dans app.scss.