categories page done

user/themes/labonneadresse/scss/_settings.scss

@@ -77,10 +77,10 @@ $include-html-global-classes: $include-html-classes;
 // - - - - - - - - - - - - - - - - - - - - - - - - -
 
 // $include-html-grid-classes: $include-html-classes;
-// $include-xl-html-grid-classes: false;
+$include-xl-html-grid-classes: true;
 
 //$row-width: rem-calc(2000);
-$total-columns: 24;
+$total-columns: 12;
 $column-gutter: rem-calc(5);
 
 // c. Global

user/themes/labonneadresse/scss/styles.scss

@@ -1,11 +1,7 @@
 @import '../bower_components/foundation/scss/normalize.scss';
-$include-xl-html-grid-classes: true;
-@import '../bower_components/foundation/scss/foundation.scss';
 
 @import "_settings.scss";
-
-// $include-html-grid-classes: $include-html-classes;
-
+@import '../bower_components/foundation/scss/foundation.scss';
 @import '../bower_components/foundation/scss/foundation/components/_global.scss';
 @import '../bower_components/foundation/scss/foundation/components/_grid.scss';
 
@@ -28,8 +24,8 @@ $font: "CiutadellaRounded", "Helvetica Neue", Helvetica, Roboto, Arial, sans-ser
 body{font-family: $font; letter-spacing: 1px;}
 
 h1,h2,h3,h4,h5,h6{font-family: $font;}
-
 a, a:hover{color:inherit;}
+ul,li{padding:0; margin:0; list-style: none;}
 
 // @media $large-up {
 //   .row.fullwidth{width:1200px;}
@@ -277,7 +273,6 @@ div#center{
   .projet{
     .row{margin:0;}
     h1{
-      // font-family: $font; font-size: 1.05em; font-weight: bold;
       @include fontbold;
       line-height:0.6; display:inline-block; position:relative;
       margin:0; padding:0 0.7em;
@@ -345,6 +340,7 @@ div#center{
   #diaporama{
     position:relative;
     height:20vw;
+    margin:0 0 1.5em;
     >*{
       position:absolute; top:0; left:0;
       height:100%; width:100%;
@@ -356,6 +352,26 @@ div#center{
       img{height:100%;}
     }
   }
+  .client-block{
+    margin:0 0 1em;
+    h3{
+      @include fontbold;
+      line-height:0.6; display:inline-block; position:relative;
+      margin:0; padding:0;
+      // $green overline
+      &:after{
+        content: "";
+        display: block; margin-top:-.5em; margin-bottom:.5em;
+        border-top:0.5em solid $green;
+        transition:border-color 0.3s ease-in;
+      }
+    }
+    h4{
+      margin:0;
+      @include fontnormal;
+    }
+
+  }
 }
 
 /*