From fea81dcd634c9e3104f08669252fa1f06eb14439 Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sat, 2 Jan 2021 13:19:16 +0100
Subject: [PATCH] Desktop-/mobile-only css classes.

---
 frontend/styles/global.scss        |  3 +--
 frontend/styles/media-queries.scss | 12 ++++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/frontend/styles/global.scss b/frontend/styles/global.scss
index bbdc27c..5f64ca6 100644
--- a/frontend/styles/global.scss
+++ b/frontend/styles/global.scss
@@ -112,10 +112,9 @@ textarea {
 
 .vin-button {
   font-family: Arial;
-  $color: #b7debd;
   position: relative;
   display: inline-block;
-  background: $color;
+  background: $primary;
   color: #333;
   padding: 10px 30px;
   margin: 0;
diff --git a/frontend/styles/media-queries.scss b/frontend/styles/media-queries.scss
index 8108453..1cf3261 100644
--- a/frontend/styles/media-queries.scss
+++ b/frontend/styles/media-queries.scss
@@ -25,4 +25,16 @@ $desktop-max: 2004px;
   @media (min-width: #{$desktop-max + 1px}){
     @content;
   }
+}
+
+.desktop-only {
+  @include mobile {
+    display: none;
+  }
+}
+
+.mobile-only {
+  @include tablet {
+    display: none;
+  }
 }
\ No newline at end of file