Merge pull request #299 from BeAPI/feature/fullwidth-background

Add mixin full width bg in container

Author: francoistibo

src/scss/02-tools/_m-bg-fullwidth.scss

@@ -0,0 +1,23 @@
+/**
+ * Background fullwidth mixin in a container
+ */
+
+@mixin bg-fullwidth($color: $color-grey-100) {
+    position: relative;
+
+    &::before {
+        position: absolute;
+        top: 0;
+        left: 50%;
+        width: 100vw;
+        height: 100%;
+        pointer-events: none;
+        content: "";
+        background-color: $color;
+        transform: translate3d(-50%, 0, 0);
+
+        @include style-only {
+            z-index: -1;
+        }
+    }
+}

src/scss/02-tools/tools.scss

@@ -32,4 +32,5 @@
 @import "./m-sr-only";
 @import "./m-style-only";
 @import "./m-reduced-motion";
+@import "./m-bg-fullwidth";
 @import "./m-block-vertical-spacing";