Adding responsive util classes for testing

BoldGrid · Jan 14, 2018 · fa921b7 · fa921b7
1 parent 8f2076a
commit fa921b7
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/src/app/main.scss b/src/app/main.scss
@@ -1,4 +1,5 @@
 @import './scss/directional-control.scss';
+@import './scss/responsive-util.scss';
 
 .bg-tabs-content {
 	padding: 40px;

diff --git a/src/app/scss/responsive-util.scss b/src/app/scss/responsive-util.scss
@@ -0,0 +1,23 @@
+@media (max-width: 767px) {
+	.hidden-xs {
+		display: none !important;
+	}
+}
+
+@media (min-width: 768px) and (max-width: 991px) {
+	.hidden-sm {
+		display: none !important;
+	}
+}
+
+@media (min-width: 992px) and (max-width: 1199px) {
+	.hidden-md {
+		display: none !important;
+	}
+}
+
+@media (min-width: 1200px) {
+	.hidden-lg {
+		display: none !important;
+	}
+}