feat: New utility classes for responsive elements

emerald-dao · Dec 8, 2022 · 08d6533 · 08d6533
1 parent 5cb7507
commit 08d6533
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/styles/utils/_utility-classes.scss b/styles/utils/_utility-classes.scss
@@ -16,6 +16,22 @@
   }
 }
 
+.hide-on-mobile-flex {
+  display: none;
+
+  @include mxn.mq(medium) {
+    display: flex;
+  }
+}
+
+.hide-on-desktop-flex {
+  display: flex;
+
+  @include mxn.mq(medium) {
+    display: none;
+  }
+}
+
 .center {
   display: flex;
   align-items: center;