💻💪 Add responsive sizing classes

_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;
+        }
+      }
+    }
+  }
+}

_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;