Nest is-active class

2019-03-21 02:18:22 +00:00 · 2019-03-21 02:18:22 +00:00 · a715bcda80
parent f9356b09aa
commit a715bcda80
1 changed files with 5 additions and 3 deletions
--- 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>