css: add .mobile-only, .desktop-only classes.

2019-09-30 00:58:34 -05:00
parent cf97235aa6
commit 5818c367fd
5 changed files with 13 additions and 24 deletions
--- a/app/javascript/src/styles/base/020_base.scss
+++ b/app/javascript/src/styles/base/020_base.scss
@@ -137,3 +137,12 @@ ul.list-inline {
    display: inline;
  }
 }
+
+.mobile-only {
+  display: none;
+  @media (max-width: 660px) { display: initial; }
+}
+
+.desktop-only {
+  @media (max-width: 660px) { display: none; }
+}