From a715bcda800a78383444bbb98d77f5b7e8d17cac Mon Sep 17 00:00:00 2001
From: Oliver Davies <oliver@oliverdavies.uk>
Date: Thu, 21 Mar 2019 02:18:22 +0000
Subject: [PATCH] Nest is-active class

---
 src/components/Environment/ActionCards.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/Environment/ActionCards.vue b/src/components/Environment/ActionCards.vue
index e4768dc..8570503 100644
--- a/src/components/Environment/ActionCards.vue
+++ b/src/components/Environment/ActionCards.vue
@@ -146,9 +146,11 @@ export default {
 
 <style scoped>
 .mobile-button {
-  @apply text-sm text-white w-full py-3 rounded bg-blue-300
+  @apply text-sm text-white w-full py-3 rounded bg-blue-300;
+
+  &.is-active {
+    @apply bg-blue-400
+  }
 }
-.mobile-button.is-active {
-  @apply bg-blue-400
 }
 </style>