From 490da8b679e2f5a2f11cfb286b0594fd2dc88c20 Mon Sep 17 00:00:00 2001
From: Dan Jones <dan@danielrayjones.com>
Date: Mon, 5 Feb 2018 19:23:04 -0600
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=BB=F0=9F=92=AA=20Add=20responsive=20s?=
 =?UTF-8?q?izing=20classes?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _assets/css/responsive_sizes.scss | 11 +++++++++++
 _assets/css/style.scss            |  1 +
 2 files changed, 12 insertions(+)
 create mode 100644 _assets/css/responsive_sizes.scss

diff --git a/_assets/css/responsive_sizes.scss b/_assets/css/responsive_sizes.scss
new file mode 100644
index 0000000..c01ee19
--- /dev/null
+++ b/_assets/css/responsive_sizes.scss
@@ -0,0 +1,11 @@
+@each $prop, $abbrev in (width: w, height: h) {
+  @each $bpname,$bpsize in $grid-breakpoints {
+    @media (min-width: $bpsize) {
+      @each $size, $length in $sizes {
+        .#{$abbrev}-#{$bpname}-#{$size} {
+          #{$prop}: $length;
+        }
+      }
+    }
+  }
+}
diff --git a/_assets/css/style.scss b/_assets/css/style.scss
index 9d85628..02a9ee4 100644
--- a/_assets/css/style.scss
+++ b/_assets/css/style.scss
@@ -1,6 +1,7 @@
 @import 'bootstrap';
 @import 'font-awesome-sprockets';
 @import 'font-awesome';
+@import 'responsive_sizes';
 
 .rounded-large {
   border-radius: 1rem;