fixed-vuesax 3.14.1 → 3.14.2

package/dist/style/components/vsPopup.styl

@@ -1,159 +1,159 @@
-//animations
-.popup-t-enter, .popup-t-leave-to /* .popup-t-leave-active below version 2.1.8 */
-  opacity: 0 !important;
-
-//box popup
-.popup-t-enter .vs-popup /* .fade-leave-active below version 2.1.8 */
-  transform: scale(.9) !important;
-
-.popup-t-leave-to .vs-popup /* .fade-leave-active below version 2.1.8 */
-  transform: scale(.9) !important;
-
-// animation: rebound .3s;
-
-
-@keyframes rebound
-  0%
-    transform: scale(.9)
-  50%
-    transform: scale(1.08)
-  100%
-    transform: scale(1)
-
-
-// cancel / text
-.popup-t-enter .vs-popup-cancel, .popup-t-leave-to .vs-popup-cancel
-  border-radius: 50% !important;
-  propWithDir(transform, null, (8px -8px), scale(.5) !important)
-
-.popup-t-enter .vs-popup-text, .popup-t-leave-to .vs-popup-text
-  opacity: 0;
-  propWithDir(transform, null, (-15px), !important)
-
-
-.popup-t-enter header h3, .popup-t-leave-to header h3
-  propWithDir(transform, null, (-50px), !important)
-  opacity: 0;
-
-
-.con-vs-popup
-  transition: all .2s;
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  propWithDir(left, null, 0)
-  top: 0;
-  z-index: 20000;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  opacity: 1;
-
-  &.fullscreen
-    .vs-popup
-      width: 100%
-      height: 100%
-
-  .vs-popup
-    transition: all .2s;
-    z-index: 100;
-    width: 600px
-    margin: 10px;
-    max-width: calc(100% - 30px);
-    max-height: calc(100% - 30px);
-    border-radius: 6px;
-    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1)
-    background: rgb(255, 255, 255);
-    animation: rebound .3s;
-
-    &.locked
-      // background: rgb(3, 41, 203) !important;
-      transform: scale(1.02);
-
-
-.vs-popup--header
-  width: 100%;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  background: rgba(0, 0, 0, .05)
-  border-radius: 5px 5px;
-  position: relative;
-
-  .before
-    transition: all .23s ease .1s;
-    position: absolute;
-    propWithDir(left, null, 0);
-    top: 50%;
-    transform: translate(0, -50%);
-    width: 3px;
-    height: 100%;
-    display: block;
-
-
-.vs-popup--footer
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  position: relative;
-
-  button
-    propWithDir(margin, left, 0)
-
-.vs-popup--content
-  padding: 13px;
-  font-size: 0.9em;
-  transition: all .23s ease .1s;
-  overflow auto
-  max-height: calc(100vh - 100px)
-  propWithDir(margin, right, 5px)
-  margin-top: 5px
-  margin-bottom: 5px
-  width: calc(100% - 5px)
-
-.vs-popup--close
-  transition: all .23s ease .1s;
-  position: relative;
-  padding: 8px;
-  cursor: pointer;
-  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1)
-  border-radius: 5px;
-  propWithDir(transform, null, (8px -8px));
-  background: rgb(255, 255, 255);
-  font-size: 1.25em;
-  color: rgba(0, 0, 0, .6)
-
-  &:hover
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1)
-    propWithDir(transform, null, (5px -5px));
-
-.vs-popup--title
-  width: 100%;
-  position: relative;
-  overflow: hidden;
-  border-radius: 5px 5px 0 0;
-
-  h3
-    transition: all .23s ease .1s;
-    padding: 8px;
-    padding-left: 12px;
-    font-size: 1.2rem;
-
-.vs-popup--background
-  width: 100%;
-  background: rgba(0, 0, 0, 0.4);
-  position: absolute;
-  propWithDir(left, null, 0)
-  top: 0;
-  height: 100%;
-  z-index: 10;
-  transition: all .250s ease;
-  opacity: 1;
-
-for colorx, i in $vs-colors
-  .vs-popup-{colorx}
-    .vs-popup--header
-      color: getColor(colorx, 1)
-
-      .before
-        background: getColor(colorx, 1)
+//animations
+.popup-t-enter, .popup-t-leave-to /* .popup-t-leave-active below version 2.1.8 */
+  opacity: 0 !important;
+
+//box popup
+.popup-t-enter .vs-popup /* .fade-leave-active below version 2.1.8 */
+  transform: scale(.9) !important;
+
+.popup-t-leave-to .vs-popup /* .fade-leave-active below version 2.1.8 */
+  transform: scale(.9) !important;
+
+// animation: rebound .3s;
+
+
+@keyframes rebound
+  0%
+    transform: scale(.9)
+  50%
+    transform: scale(1.08)
+  100%
+    transform: scale(1)
+
+
+// cancel / text
+.popup-t-enter .vs-popup-cancel, .popup-t-leave-to .vs-popup-cancel
+  border-radius: 50% !important;
+  propWithDir(transform, null, (8px -8px), scale(.5) !important)
+
+.popup-t-enter .vs-popup-text, .popup-t-leave-to .vs-popup-text
+  opacity: 0;
+  propWithDir(transform, null, (-15px), !important)
+
+
+.popup-t-enter header h3, .popup-t-leave-to header h3
+  propWithDir(transform, null, (-50px), !important)
+  opacity: 0;
+
+
+.con-vs-popup
+  transition: all .2s;
+  width: 100%;
+  height: 100%;
+  position: fixed;
+  propWithDir(left, null, 0)
+  top: 0;
+  z-index: 20000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 1;
+
+  &.fullscreen
+    .vs-popup
+      width: 100%
+      height: 100%
+
+  .vs-popup
+    transition: all .2s;
+    z-index: 100;
+    width: 600px
+    margin: 10px;
+    max-width: calc(100% - 30px);
+    max-height: calc(100% - 30px);
+    border-radius: 6px;
+    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1)
+    background: rgb(255, 255, 255);
+    animation: rebound .3s;
+
+    &.locked
+      // background: rgb(3, 41, 203) !important;
+      transform: scale(1.02);
+
+
+.vs-popup--header
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  background: rgba(0, 0, 0, .05)
+  border-radius: 5px 5px;
+  position: relative;
+
+  .before
+    transition: all .23s ease .1s;
+    position: absolute;
+    propWithDir(left, null, 0);
+    top: 50%;
+    transform: translate(0, -50%);
+    width: 3px;
+    height: 100%;
+    display: block;
+
+
+.vs-popup--footer
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  position: relative;
+
+  button
+    propWithDir(margin, left, 0)
+
+.vs-popup--content
+  padding: 13px;
+  font-size: 0.9em;
+  transition: all .23s ease .1s;
+  overflow auto
+  max-height: calc(100vh - 100px)
+  propWithDir(margin, right, 5px)
+  margin-top: 5px
+  margin-bottom: 5px
+  width: calc(100% - 5px)
+
+.vs-popup--close
+  transition: all .23s ease .1s;
+  position: relative;
+  padding: 8px;
+  cursor: pointer;
+  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.1)
+  border-radius: 5px;
+  propWithDir(transform, null, (8px -8px));
+  background: rgb(255, 255, 255);
+  font-size: 1.25em;
+  color: rgba(0, 0, 0, .6)
+
+  &:hover
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1)
+    propWithDir(transform, null, (5px -5px));
+
+.vs-popup--title
+  width: 100%;
+  position: relative;
+  overflow: hidden;
+  border-radius: 5px 5px 0 0;
+
+  h3
+    transition: all .23s ease .1s;
+    padding: 8px;
+    padding-left: 12px;
+    font-size: 1.2rem;
+
+.vs-popup--background
+  width: 100%;
+  background: rgba(0, 0, 0, 0.4);
+  position: absolute;
+  propWithDir(left, null, 0)
+  top: 0;
+  height: 100%;
+  z-index: 10;
+  transition: all .250s ease;
+  opacity: 1;
+
+for colorx, i in $vs-colors
+  .vs-popup-{colorx}
+    .vs-popup--header
+      color: getColor(colorx, 1)
+
+      .before
+        background: getColor(colorx, 1)

package/dist/style/components/vsProgress.styl

@@ -1,45 +1,45 @@
-.vs-progress--indeterminate
-  position: absolute;
-  width: 0;
-  height: 100%;
-  left: -100%;
-  top: 0;
-  animation: indeterminate 1.200s ease infinite;
-  border-radius: 20px;
-
-@keyframes indeterminate {
-  0% {
-    width: 30%;
-    left: -40%;
-  }
-  60% {
-    left: 100%;
-    width: 100%;
-  }
-  100% {
-    left: 100%;
-    width: 0;
-  }
-}
-
-.vs-progress--background
-  width: 100%;
-  border-radius: 18px;
-  background-color: rgba(0, 0, 0, .06)
-  z-index: 50;
-  position: relative;
-  display: inline-block;
-  overflow: hidden;
-
-.vs-progress--foreground
-  z-index: 100;
-  height: 100%;
-  border-radius: 18px;
-  transition: all .5s ease;
-
-for colorx, i in $vs-colors
-  .vs-progress-{colorx}
-    background: getColor(colorx, .1)
-
-    .vs-progress--foreground, .vs-progress--indeterminate
-      background: getColor(colorx, 1)
+.vs-progress--indeterminate
+  position: absolute;
+  width: 0;
+  height: 100%;
+  left: -100%;
+  top: 0;
+  animation: indeterminate 1.200s ease infinite;
+  border-radius: 20px;
+
+@keyframes indeterminate {
+  0% {
+    width: 30%;
+    left: -40%;
+  }
+  60% {
+    left: 100%;
+    width: 100%;
+  }
+  100% {
+    left: 100%;
+    width: 0;
+  }
+}
+
+.vs-progress--background
+  width: 100%;
+  border-radius: 18px;
+  background-color: rgba(0, 0, 0, .06)
+  z-index: 50;
+  position: relative;
+  display: inline-block;
+  overflow: hidden;
+
+.vs-progress--foreground
+  z-index: 100;
+  height: 100%;
+  border-radius: 18px;
+  transition: all .5s ease;
+
+for colorx, i in $vs-colors
+  .vs-progress-{colorx}
+    background: getColor(colorx, .1)
+
+    .vs-progress--foreground, .vs-progress--indeterminate
+      background: getColor(colorx, 1)

package/dist/style/components/vsRadio.styl

@@ -1,93 +1,93 @@
-
-.con-vs-radio
-  position: relative;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  &:hover
-    .vs-radio--borde
-      border: 2px solid rgb(160, 160, 160);
-
-.vs-radio--label
-  propWithDir(margin, left, 5px)
-  cursor pointer
-
-.vs-radio
-  width: 18px;
-  height: 18px;
-  position: relative;
-  display: block;
-  border-radius: 50%;
-  cursor: pointer;
-  flex-shrink: 0;
-
-.vs-radio--borde
-  border-radius: 50%;
-  width: 100%;
-  height: 100%;
-  position: absolute;
-  left: 0;
-  transition: all .25s ease;
-  background: transparent;
-  top: 0;
-  border: 2px solid rgb(200, 200, 200);
-
-.vs-radio--circle
-  transition: all .25s ease;
-  transform: scale(.1);
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-  position: absolute;
-  left: 0;
-  top: 0;
-
-.vs-radio--input
-  position: absolute;
-  left: 0;
-  opacity: 0;
-  width: 20px;
-
-  &:checked
-    + .vs-radio
-      cursor: default;
-
-      .vs-radio--circle
-        transform: scale(1);
-        opacity: 1;
-
-      .vs-radio--borde
-        opacity: 0;
-        transform: scale(.3);
-
-  &:active
-    + .vs-radio
-      .vs-radio--circle
-        // transform: scale(1.1);
-      .vs-radio--borde
-        transform: scale(1.1);
-
-  &:disabled
-    + .vs-radio,
-    + .vs-radio + .vs-radio--label
-      pointer-events: none;
-      cursor: default;
-
-    + .vs-radio
-      opacity: .4;
-
-      .vs-radio--circle
-        pointer-events: none;
-
-      .vs-radio--borde
-        border: 2px solid rgb(180, 180, 180)
-        background: rgb(210, 210, 210)
-        pointer-events: none;
-
-for colorx, i in $vs-colors
-  .vs-radio-{colorx}
-    .vs-radio--circle
-      background: getColor(colorx, 1)
-      box-shadow: 0 3px 12px 0 getColor(colorx, .4)
+
+.con-vs-radio
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  &:hover
+    .vs-radio--borde
+      border: 2px solid rgb(160, 160, 160);
+
+.vs-radio--label
+  propWithDir(margin, left, 5px)
+  cursor pointer
+
+.vs-radio
+  width: 18px;
+  height: 18px;
+  position: relative;
+  display: block;
+  border-radius: 50%;
+  cursor: pointer;
+  flex-shrink: 0;
+
+.vs-radio--borde
+  border-radius: 50%;
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  transition: all .25s ease;
+  background: transparent;
+  top: 0;
+  border: 2px solid rgb(200, 200, 200);
+
+.vs-radio--circle
+  transition: all .25s ease;
+  transform: scale(.1);
+  opacity: 0;
+  width: 100%;
+  height: 100%;
+  border-radius: 50%;
+  position: absolute;
+  left: 0;
+  top: 0;
+
+.vs-radio--input
+  position: absolute;
+  left: 0;
+  opacity: 0;
+  width: 20px;
+
+  &:checked
+    + .vs-radio
+      cursor: default;
+
+      .vs-radio--circle
+        transform: scale(1);
+        opacity: 1;
+
+      .vs-radio--borde
+        opacity: 0;
+        transform: scale(.3);
+
+  &:active
+    + .vs-radio
+      .vs-radio--circle
+        // transform: scale(1.1);
+      .vs-radio--borde
+        transform: scale(1.1);
+
+  &:disabled
+    + .vs-radio,
+    + .vs-radio + .vs-radio--label
+      pointer-events: none;
+      cursor: default;
+
+    + .vs-radio
+      opacity: .4;
+
+      .vs-radio--circle
+        pointer-events: none;
+
+      .vs-radio--borde
+        border: 2px solid rgb(180, 180, 180)
+        background: rgb(210, 210, 210)
+        pointer-events: none;
+
+for colorx, i in $vs-colors
+  .vs-radio-{colorx}
+    .vs-radio--circle
+      background: getColor(colorx, 1)
+      box-shadow: 0 3px 12px 0 getColor(colorx, .4)