Use span selector rather than make new class

1 files changed, 18 insertions, 9 deletions

diff --git a/static/css/ui.css b/static/css/ui.css
index e95b0ea..7649ed5 100644
--- a/static/css/ui.css
+++ b/static/css/ui.css
@@ -512,15 +512,6 @@ footer p {
 .u-pull-right { float: right; }
 .u-pull-left { float: left; }
 
-.u-hide-mobile {
-  display: none;
-}
-@media (min-width: 40rem) {
-  .u-hide-mobile {
-    display: inline-block;
-  }
-}
-
 .u-header {
   margin-bottom: 1.5rem;
 }
@@ -556,6 +547,24 @@ hr {
   }
 }
 
+.to-up {
+  text-align: center;
+  font-size: 2rem;
+}
+@media (min-width: 40rem) {
+  .to-up {
+    text-align: right;
+  }
+}
+.to-up span {
+  display: none;
+}
+@media (min-width: 40rem) {
+  .to-up span {
+    display: inline;
+  }
+}
+
 
 [class^="icon"] {
   width: 1em;