Merge pull request #332 from BeAPI/feature/mixin-bg

mixin bg retina

Author: francoistibo

src/scss/02-tools/_m-background-static.scss

@@ -0,0 +1,21 @@
+/**
+ * Background retina
+ * Use with caution
+ *
+ * examples :
+ *      @include background-static("your-image");
+ *
+ */
+
+@mixin background-static($filename, $retina: true, $position: center center, $size: auto 100%, $type: "png" ) {
+    background-image: url(../img/static/#{$filename}.#{$type});
+    background-repeat: no-repeat;
+    background-position: $position;
+    background-size: $size;
+
+    @if ($retina) {
+        @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
+            background-image: url(../img/static/#{$filename}@2x.#{$type});
+        }
+    }
+}

src/scss/02-tools/tools.scss

@@ -35,3 +35,4 @@
 @import "./m-reduced-motion";
 @import "./m-bg-fullwidth";
 @import "./m-block-vertical-spacing";
+@import "./m-background-static";