From 995bb4fd34e439d98f58b25848ee8100c8d9a3cd Mon Sep 17 00:00:00 2001
From: KevinMidboe <kevin.midboe@gmail.com>
Date: Sat, 25 Jan 2020 14:27:09 +0100
Subject: [PATCH] Hover and active classes only for desktop

---
 src/components/GeneratePage.vue | 38 ++++++++++++++++-----------------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/components/GeneratePage.vue b/src/components/GeneratePage.vue
index a80296e..6aaf2d7 100644
--- a/src/components/GeneratePage.vue
+++ b/src/components/GeneratePage.vue
@@ -383,27 +383,27 @@ button {
     }
   }
 
-  &:hover input {
-    &#greenCheckbox ~ .border .checkmark {
-      background-color: $green;
+  @include desktop {
+    &:hover input {
+      &#greenCheckbox ~ .border .checkmark {
+        background-color: $green;
+      }
+
+      &#redCheckbox ~ .border .checkmark {
+        background-color: $red;
+      }
+
+      &#yellowCheckbox ~ .border .checkmark {
+        background-color: $yellow;
+      }
+
+      &#blueCheckbox ~ .border .checkmark {
+        background-color: $blue;
+      }
     }
 
-    &#redCheckbox ~ .border .checkmark {
-      background-color: $red;
-    }
-
-    &#yellowCheckbox ~ .border .checkmark {
-      background-color: $yellow;
-    }
-
-    &#blueCheckbox ~ .border .checkmark {
-      background-color: $blue;
-    }
-  }
-
-  &:focus input,
-  &:active input {
-    @include desktop {
+    &:focus input,
+    &:active input {
       &#greenCheckbox ~ .border .checkmark {
         background-color: $dark-green;
       }