Utiliser l'option cssModules pour isoler portées

components/carte-etat/bar-chart.scss

 
+:global {
+    
   .divTitre {
     display: inline-block;
     padding-left: 3px
@@ -84,3 +86,5 @@
     margin: 0px;
     overflow-x:scroll;
   }
+
+}
\ No newline at end of file

next.config.js

@@ -7,6 +7,7 @@ const { assign, concat, flow } = require("lodash/fp");
 const { EnvironmentPlugin } = require("webpack");
 
 const nextConfig = {
+  cssModules: true,
   distDir: "build",
   exportPathMap: defaults => ({
     ...defaults,

styles/index.scss

+:global {
+
   $primary-color: grey;
 
   .p {
@@ -77,3 +79,5 @@ input {
     float: inline;
     box-sizing: border-box;
   }
+  
+}
\ No newline at end of file

styles/pages-textes.scss

+:global {
+  
   h1 {
     font-family: "lato";
     color: #565656;
@@ -43,3 +45,5 @@ ol {
   a:hover {
     color: #00a3ff;
   }
+
+}
\ No newline at end of file