Added responsive settings/tools

2018-02-23 22:00:32 +11:00
parent 8cee583d62
commit ba2a312b4c
2 changed files with 74 additions and 0 deletions
--- a/public/styles/tools/_responsive.scss
+++ b/public/styles/tools/_responsive.scss
@ -0,0 +1,31 @@
+/*
+ *  Responsive Tools
+ *    Responsive tools
+ *
+ *  Dependencies:
+ *    styles/settings/responsive.scss
+ *
+ *  Version:
+ *    1.0.0 - 2018/02/23
+ */
+
+@mixin t-media-query($media-query) {
+  $breakpoint-found: false;
+
+  @each $breakpoint in $s-breakpoints {
+    $name: nth($breakpoint, 1);
+    $declaration: nth($breakpoint, 2);
+
+    @if $media-query == $name and $declaration {
+      $breakpoint-found: true;
+
+      @media only screen and #{$declaration} {
+        @content;
+      }
+    }
+  }
+
+  @if $breakpoint-found == false {
+    @warn 'Breakpoint "#{$media-query}" does not exist';
+  }
+}