Adiciona mixin de media queries

devMagno · devMagno · commit 75ed53d1b217 · 2021-02-18T15:16:19.000-03:00
diff --git a/css/scss/_variables.scss b/css/scss/_variables.scss
@@ -14,4 +14,22 @@ $dark-blue: #005499;
   font-family: $font;
   font-size: em($size);
   font-weight: $weight;
+}
+
+@mixin device($size) {
+  @if $size == medium {
+    @media only screen and (max-width: 768px) {
+      @content;
+    }
+  }
+  @else if $size == small {
+    @media only screen and (max-width: 550px) {
+      @content;
+    }
+  }
+  @else {
+    @media only screen and (max-width: $size) {
+      @content;
+    }
+  }
 }
