feat(mixins): add mixins for media queries

Author: rudnovd

src/scss/mixins/_grid-media.scss

@@ -0,0 +1,35 @@
+@mixin media-minimum {
+  @media (min-width: #{map-get($grid-breakpoints, 'minimum')}) {
+    @content;
+  }
+}
+
+@mixin media-small {
+  @media (min-width: #{map-get($grid-breakpoints, 'small')}) {
+    @content;
+  }
+}
+
+@mixin media-medium {
+  @media (min-width: #{map-get($grid-breakpoints, 'medium')}) {
+    @content;
+  }
+}
+
+@mixin media-large {
+  @media (min-width: #{map-get($grid-breakpoints, 'large')}) {
+    @content;
+  }
+}
+
+@mixin media-extra-large {
+  @media (min-width: #{map-get($grid-breakpoints, 'extra-large')}) {
+    @content;
+  }
+}
+
+@mixin media-maximum {
+  @media (min-width: #{map-get($grid-breakpoints, 'maximum')}) {
+    @content;
+  }
+}

src/scss/mixins/_main.scss

@@ -1 +1,2 @@
-@import './loadings'
+@import './loadings';
+@import './grid-media';