.cardsActive -> &Active in sass, rename variable names

2019-09-06 13:23:43 +02:00
parent 1e499c7758
commit b936bf1ab3
4 changed files with 19 additions and 19 deletions
--- a/components/Card.vue
+++ b/components/Card.vue
@@ -16,10 +16,6 @@ export default {


 <style lang="scss" scoped>
-.cardActive {
-    box-shadow:inset 0px 0px 0px 3px #08e5ff;
-  }
-
 .card {
  background: #2D3748;
  border-radius: .3rem;
@@ -29,6 +25,10 @@ export default {
  flex-direction: column;
  position: relative;

+  &Active {
+    box-shadow:inset 0px 0px 0px 3px #08e5ff;
+  }
+
  &--reference {
    cursor: pointer;
  }