pop in pour biographies

2021-03-31 16:19:21 +02:00
parent 9466b09c0f
commit d7bbc3395d
15 changed files with 584 additions and 131 deletions
@@ -2,6 +2,7 @@
@import "features";
@import "text";

+
 .modular {
    .modular-row:last-child {
    	margin-bottom: 2rem;
@@ -1,10 +1,17 @@
 // Modular Showcase styling
 .modular {
    .features {
-        padding: 6rem 0;
+
+        padding: 2rem 8rem;
        text-align: center;
+
        @include clearfix;

+        .titre_nsb h1 {
+            text-transform: uppercase;
+
+        }
+
        h2 {
            margin: 0;
            line-height: 100%;
@@ -20,6 +27,7 @@

        .feature-items {
            margin-top: 2rem;
+
            @supports not (flex-wrap: wrap) {
                overflow: hidden;
            }
@@ -28,10 +36,12 @@
        .feature {
            display:block;
            float: left;
-            width: 25%;
+            width: 20%;
            vertical-align: top;
            margin-top: 2rem;
+            margin-right: 3rem;
            margin-bottom: 1rem;
+
            @include breakpoint(large-mobile-range) {
                margin-top: 1rem;
                width: 50%;
@@ -49,13 +59,20 @@
            h4 {
                margin: 0;
                font-size: 1.1rem;
+                text-align: left;
            }

            p {
                display: inline-block;
-                font-size: $core-font-size;
+                font-size: $core-font-size - 0.20;
                margin: 0.2rem 0 1rem;
            }
+
+            img {
+                width: 45%;
+                display: block;
+
+            }
        }

        &.big {
@@ -1,12 +1,13 @@
 // variables
-$text-bg:        #f6f6f6;
-$text-padding:   6rem;
+$text-bg:        #000;
+$text-padding:   4rem;
 $image-margin:      2rem;


 // styling
 .callout {
    background: $text-bg;
+    color: #fff;
    padding: $text-padding $content-padding;
    @include breakpoint(desktop-only) {
        text-align: center;