'deploy'

Author: luisDanielRoviraContreras

dist/components/vsCollapse/main.styl

@@ -6,13 +6,13 @@
   padding: 10px
 
   &.shadow
-  .open-item
-    transform: scale(1.01)
-    box-shadow: 0px 2px 15px 0px rgba(0,0,0,.05)
-    margin-top: 5px
-    border-bottom: 0px solid rgba(0,0,0,.0)
-    margin-bottom: 10px
-    border-radius: 6px
+    .open-item
+      transform: scale(1.01)
+      box-shadow: 0px 2px 15px 0px rgba(0,0,0,.05)
+      margin-top: 5px
+      border-bottom: 0px solid rgba(0,0,0,.0)
+      margin-bottom: 10px
+      border-radius: 6px
     .con-content-item
       opacity 1
     .vs-collapse-item--icon-header
@@ -53,6 +53,9 @@
 .vs-collapse-item
   border-bottom: 1px solid rgba(0,0,0,.04)
   transition: all .25s ease
+  &.open-item
+    .con-content--item
+      opacity 1
   &.disabledx
     opacity: $vs-disabled-opacity
     cursor: default

dist/components/vsCollapse/vsCollapseItem.vue

@@ -32,6 +32,9 @@ import vsicon from '../vsIcon';
 
 export default {
   name:'VsCollapseItem',
+  components: {
+    vsicon
+  },
   props:{
     disabled:{
       default:false,
@@ -53,9 +56,6 @@ export default {
   data:() => ({
     maxHeight: '0px'
   }),
-  components:{
-    vsicon
-  },
   computed:{
     accordion() {
       return this.$parent.accordion

dist/vuesax.common.js

@@ -6,13 +6,13 @@
   padding: 10px
 
   &.shadow
-  .open-item
-    transform: scale(1.01)
-    box-shadow: 0px 2px 15px 0px rgba(0,0,0,.05)
-    margin-top: 5px
-    border-bottom: 0px solid rgba(0,0,0,.0)
-    margin-bottom: 10px
-    border-radius: 6px
+    .open-item
+      transform: scale(1.01)
+      box-shadow: 0px 2px 15px 0px rgba(0,0,0,.05)
+      margin-top: 5px
+      border-bottom: 0px solid rgba(0,0,0,.0)
+      margin-bottom: 10px
+      border-radius: 6px
     .con-content-item
       opacity 1
     .vs-collapse-item--icon-header
@@ -53,6 +53,9 @@
 .vs-collapse-item
   border-bottom: 1px solid rgba(0,0,0,.04)
   transition: all .25s ease
+  &.open-item
+    .con-content--item
+      opacity 1
   &.disabledx
     opacity: $vs-disabled-opacity
     cursor: default

dist/vuesax.css

@@ -32,6 +32,9 @@ import vsicon from '../vsIcon';
 
 export default {
   name:'VsCollapseItem',
+  components: {
+    vsicon
+  },
   props:{
     disabled:{
       default:false,
@@ -53,9 +56,6 @@ export default {
   data:() => ({
     maxHeight: '0px'
   }),
-  components:{
-    vsicon
-  },
   computed:{
     accordion() {
       return this.$parent.accordion