Use extend only with placeholders

app/assets/stylesheets/carte.scss

@@ -5,24 +5,16 @@
 
 #carte_page {
   #map {
-    @extend .col-md-12;
-    @extend .col-lg-12;
-
     margin-left: 15px;
     width: 90%;
     height: 600px;
   }
 
   #map.qp, #map.cadastre {
-    @extend .col-md-9;
-    @extend .col-lg-9;
-
     width: 70%;
   }
 
   .list {
-    @extend .col-md-3;
-    @extend .col-lg-3;
     margin-bottom: 20px;
 
     h3 {

app/assets/stylesheets/stats.scss

@@ -33,7 +33,6 @@ $statistiques-padding-top: $default-space * 2;
 $stat-card-margin-bottom: 3 * $default-space;
 
 .stat-card {
-  @extend .card;
   margin-bottom: $stat-card-margin-bottom;
   border-radius: 5px;
   box-shadow: none;

app/views/stats/index.html.haml

@@ -6,7 +6,7 @@
 
   .stat-cards
 
-    .stat-card.stat-card-half.pull-left
+    .card.stat-card.stat-card-half.pull-left
       %ul.segmented-control.pull-right
         %li.segmented-control-item.segmented-control-item-active{ :onclick => "TPS.toggleChart(event, '.cumulative-procedures-chart');" }
           Cumul
@@ -23,7 +23,7 @@
           = line_chart @procedures_30_days_flow,
             :colors => ["rgba(61, 149, 236, 1)"]
 
-    .stat-card.stat-card-half.pull-left
+    .card.stat-card.stat-card-half.pull-left
       %ul.segmented-control.pull-right
         %li.segmented-control-item.segmented-control-item-active{ :onclick => "TPS.toggleChart(event, '.cumulative-dossiers-chart');" }
           Cumul
@@ -40,12 +40,12 @@
           = line_chart @dossiers_30_days_flow,
             :colors => ["rgba(61, 149, 236, 1)"]
 
-    .stat-card.stat-card-half.big-number-card.pull-left
+    .card.stat-card.stat-card-half.big-number-card.pull-left
       %span.big-number-card-title TOTAL DÉMARCHES DÉMATÉRIALISÉES
       %span.big-number-card-number
         = number_with_delimiter(@procedures_count)
 
-    .stat-card.stat-card-half.big-number-card.pull-left
+    .card.stat-card.stat-card-half.big-number-card.pull-left
       %span.big-number-card-title TOTAL DOSSIERS DÉPOSÉS
       %span.big-number-card-number
         = number_with_delimiter(@dossiers_count)

app/views/users/carte/_map.html.haml

@@ -1,12 +1,12 @@
 #carte_page.row
-  #map{ class: dossier.procedure.module_api_carto.classes }
+  .col-md-12.col-lg-12#map{ class: dossier.procedure.module_api_carto.classes }
 
   - if dossier.procedure.module_api_carto.quartiers_prioritaires
-    #qp.list
+    .col-md-9.col-lg-9#qp.col-md-3.col-lg-3.list
       %h3.text-info Quartiers prioritaites
       %ul
 
   - if dossier.procedure.module_api_carto.cadastre
-    #cadastre.list
+    .col-md-9.col-lg-9#cadastre.col-md-3.col-lg-3.list
       %h3.text-warning Cadastres
       %ul