npm - fixed-vuesax - Versions diffs - 3.14.1 → 3.14.2 - Mend

fixed-vuesax 3.14.1 → 3.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/LICENSE +21 -21
package/README.md +187 -187
package/dist/style/colors.styl +30 -30
package/dist/style/components/vsAlert.styl +66 -66
package/dist/style/components/vsAvatar.styl +64 -64
package/dist/style/components/vsBreadcrumb.styl +50 -50
package/dist/style/components/vsButton.styl +181 -181
package/dist/style/components/vsCard.styl +64 -64
package/dist/style/components/vsCheckBox.styl +111 -111
package/dist/style/components/vsChip.styl +122 -122
package/dist/style/components/vsCollapse.styl +109 -109
package/dist/style/components/vsDivider.styl +34 -34
package/dist/style/components/vsDropDown.styl +231 -231
package/dist/style/components/vsIcon.styl +47 -47
package/dist/style/components/vsImages.styl +166 -166
package/dist/style/components/vsInput.styl +219 -219
package/dist/style/components/vsInputNumber.styl +170 -170
package/dist/style/components/vsList.styl +49 -49
package/dist/style/components/vsLoading.styl +397 -397
package/dist/style/components/vsNavbar.styl +286 -286
package/dist/style/components/vsNotifications.styl +92 -92
package/dist/style/components/vsPagination.styl +143 -143
package/dist/style/components/vsPopup.styl +159 -159
package/dist/style/components/vsProgress.styl +45 -45
package/dist/style/components/vsRadio.styl +93 -93
package/dist/style/components/vsSelect.styl +219 -219
package/dist/style/components/vsSideBar.styl +267 -267
package/dist/style/components/vsSlider.styl +196 -196
package/dist/style/components/vsSpacer.styl +5 -5
package/dist/style/components/vsSwitch.styl +93 -93
package/dist/style/components/vsTable.styl +408 -408
package/dist/style/components/vsTabs.styl +280 -280
package/dist/style/components/vsTextarea.styl +82 -82
package/dist/style/components/vsTimePicker.styl +42 -42
package/dist/style/components/vsTooltip.styl +85 -85
package/dist/style/components/vsUpload.styl +460 -460
package/dist/style/mixins.styl +133 -133
package/dist/style/root.styl +9 -9
package/dist/style/vars.styl +45 -45
package/dist/style/vuesax.styl +25 -25
package/dist/vuesax.common.js +1 -1
package/dist/vuesax.common.js.map +1 -1
package/dist/vuesax.umd.js +1 -1
package/dist/vuesax.umd.js.map +1 -1
package/dist/vuesax.umd.min.js +1 -1
package/dist/vuesax.umd.min.js.map +1 -1
package/package.json +8 -8

package/dist/style/components/vsNavbar.styl CHANGED Viewed

@@ -1,286 +1,286 @@
-.vs-navbar
-  clear both
-  display: flex
-  align-items: center
-  // padding: 0 7px
-  justify-content: space-between
-  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05)
-  width: 100%
-  z-index: 10000
-  position: relative
-  .vs-button
-    margin: 0
-.vs-navbar--btn-responsive
-  display: none
-  width: 40px
-  height: 40px
-  position: relative
-  border: 0
-  background: transparent
-  flex-direction: column
-  justify-content: space-around
-  align-items: center
-  padding: 10px 0
-  margin-left: 5px
-  cursor: pointer
-  transition: all .25s ease
-  overflow: hidden
-  &:hover
-    background: rgba(0, 0, 0, .08)
-    padding: 12px 0
-  &.active-menu
-    padding: 10px 0 !important
-    .line--1
-      transform: rotate(45deg) translate(5px, 5px)
-    .line--2
-      opacity: 0
-      transform: translate(-10px)
-    .line--3
-      transform: rotate(-45deg) translate(5px, -5px)
-  .btn-responsive-line
-    width: 20px
-    height: 2px
-    background: rgba(0, 0, 0, .6)
-    position: relative
-    display: block
-    transition: all .2s ease
-.vs-con-items
-  display flex
-  align-items: center
-  justify-content: center
-.vs-navbar--item
-  display block
-  position relative
-  transition: all .25s ease
-  z-index: 1000
-  &.is-active-item
-    .vs-navbar-after
-      width: 100%
-  &:hover
-    .vs-navbar-submenu
-      opacity: 1
-      visibility: visible
-  a
-    font-size: .8rem
-    padding: 10px 12px
-    display: block
-    color inherit
-    text-decoration: none !important
-    position relative
-    z-index: 100
-    &:hover
-      ~ .vs-navbar-after
-        width: 100%
-  .vs-navbar-after
-    width: 0
-    height 2px
-    left 50%
-    bottom: 0
-    transform: translate(-50%)
-    background: $vs-primary
-    position: absolute
-    transition: all .25s ease
-    z-index: 10
-.vs-navbar--title
-  font-size: 1.1rem
-  padding: 0
-  padding-left: 10px
-  padding-right: 10px
-  color: inherit
-.vs-navbar--items
-  position relative
-.vs-navbar-submenu
-  position: absolute
-  visibility: hidden
-  opacity: 0
-  background: rgb(255, 255, 255)
-  z-index: 1000
-  padding-left 0
-  width: 200px
-  .vs-navbar-after
-    display: none
-  .vs-navbar--items
-    a
-      text-align: left
-// TYPE: FLAT
-.vs-navbar-flat
-  box-shadow: none
-  .vs-navbar-after
-    display: none
-// TYPE: FUND
-.vs-navbar-fund
-  box-shadow: none
-  .vs-navbar-after
-    width 100%
-    height 0
-    opacity: .1
-  a
-    &:hover
-      ~ .vs-navbar-after
-        height: 100%
-  .vs-navbar--item
-    &.is-active-item
-      .vs-navbar-after
-        height: 100%
-// TYPE: BORDER
-.vs-navbar-border
-  box-shadow: none
-  border 1px solid rgba(0, 0, 0, .05)
-  .vs-navbar--item
-    border-left 1px solid rgba(0, 0, 0, .05)
-  .vs-navbar-after
-    height: 1px
-    bottom: -1px
-// TYPE: GRADIENT
-.vs-navbar-gradient
-  .vs-navbar--item
-    margin: 4px 3px
-    a
-      padding: 6px 12px
-  .vs-navbar-after
-    display: none
-// TYPE: SHADOW
-.vs-navbar-shadow
-  box-shadow: none
-  .vs-navbar--item
-    background: rgba(0, 0, 0, .05)
-    &.is-active-item
-      background: rgb(255, 255, 255)
-      border-radius: 4px
-      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07)
-  .vs-navbar-after
-    display: none
-for colorx in $vs-colors
-  .vs-navbar-color-{color}
-    background: $vs-colors[colorx]
-  .vs-navbar
-    .vs-navbar-item-{colorx}
-      &.is-active-item
-        color: $vs-colors[colorx]
-      &:hover
-        > a
-          color: $vs-colors[colorx]
-  .vs-navbar-submenu
-    .vs-navbar-item-{colorx}
-      &.is-active-item
-        color: $vs-colors[colorx]
-      &:hover
-        color: $vs-colors[colorx]
-  &.vs-navbar-gradient
-    .vs-navbar-item-{colorx}
-      border-radius: 4px
-      &.is-active-item
-        border-radius: 6px
-        color rgb(255, 255, 255)
-        background: rgb(100, 0, 100)
-        if colorx == 'danger' {
-          background-image: linear-gradient(30deg, getColor(colorx, 1) 0%, getColor(colorx, .5) 100%)
-        }
-        else if colorx == 'dark' {
-          background-image: linear-gradient(30deg, getColor(colorx, 1) 0%, getColor(colorx, .5) 100%)
-        }
-        else {
-          background-image: linear-gradient(30deg, getColor(colorx, 1) 0%, getColor(colorx, .5) 100%)
-        }
-        text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3)
-// RESPONSIVE
-.collapse
-  display: block
-  .vs-navbar--btn-responsive
-    display: flex
-  .vs-navbar--header
-    display: flex
-    align-items: center
-    justify-content: space-between
-  .vs-con-items
-    display: none
-    width: 100%
-    &.activeMenuResponsive
-      display: block
-    .vs-spacer
-      display: none
-  .vs-navbar--item
-    width: 100%
-@media screen and (max-width: 800px)
-  .vs-navbar--btn-responsive
-    display: flex
-  .vs-navbar
-    display: block
-  .vs-navbar--header
-    display: flex
-    align-items: center
-    justify-content: space-between
-  .vs-con-items
-    display: none
-    width: 100%
-    &.activeMenuResponsive
-      display: block
-    .vs-spacer
-      display: none
-  .vs-navbar--item
-    width: 100%
+.vs-navbar
+  clear both
+  display: flex
+  align-items: center
+  // padding: 0 7px
+  justify-content: space-between
+  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .05)
+  width: 100%
+  z-index: 10000
+  position: relative
+  .vs-button
+    margin: 0
+.vs-navbar--btn-responsive
+  display: none
+  width: 40px
+  height: 40px
+  position: relative
+  border: 0
+  background: transparent
+  flex-direction: column
+  justify-content: space-around
+  align-items: center
+  padding: 10px 0
+  margin-left: 5px
+  cursor: pointer
+  transition: all .25s ease
+  overflow: hidden
+  &:hover
+    background: rgba(0, 0, 0, .08)
+    padding: 12px 0
+  &.active-menu
+    padding: 10px 0 !important
+    .line--1
+      transform: rotate(45deg) translate(5px, 5px)
+    .line--2
+      opacity: 0
+      transform: translate(-10px)
+    .line--3
+      transform: rotate(-45deg) translate(5px, -5px)
+  .btn-responsive-line
+    width: 20px
+    height: 2px
+    background: rgba(0, 0, 0, .6)
+    position: relative
+    display: block
+    transition: all .2s ease
+.vs-con-items
+  display flex
+  align-items: center
+  justify-content: center
+.vs-navbar--item
+  display block
+  position relative
+  transition: all .25s ease
+  z-index: 1000
+  &.is-active-item
+    .vs-navbar-after
+      width: 100%
+  &:hover
+    .vs-navbar-submenu
+      opacity: 1
+      visibility: visible
+  a
+    font-size: .8rem
+    padding: 10px 12px
+    display: block
+    color inherit
+    text-decoration: none !important
+    position relative
+    z-index: 100
+    &:hover
+      ~ .vs-navbar-after
+        width: 100%
+  .vs-navbar-after
+    width: 0
+    height 2px
+    left 50%
+    bottom: 0
+    transform: translate(-50%)
+    background: $vs-primary
+    position: absolute
+    transition: all .25s ease
+    z-index: 10
+.vs-navbar--title
+  font-size: 1.1rem
+  padding: 0
+  padding-left: 10px
+  padding-right: 10px
+  color: inherit
+.vs-navbar--items
+  position relative
+.vs-navbar-submenu
+  position: absolute
+  visibility: hidden
+  opacity: 0
+  background: rgb(255, 255, 255)
+  z-index: 1000
+  padding-left 0
+  width: 200px
+  .vs-navbar-after
+    display: none
+  .vs-navbar--items
+    a
+      text-align: left
+// TYPE: FLAT
+.vs-navbar-flat
+  box-shadow: none
+  .vs-navbar-after
+    display: none
+// TYPE: FUND
+.vs-navbar-fund
+  box-shadow: none
+  .vs-navbar-after
+    width 100%
+    height 0
+    opacity: .1
+  a
+    &:hover
+      ~ .vs-navbar-after
+        height: 100%
+  .vs-navbar--item
+    &.is-active-item
+      .vs-navbar-after
+        height: 100%
+// TYPE: BORDER
+.vs-navbar-border
+  box-shadow: none
+  border 1px solid rgba(0, 0, 0, .05)
+  .vs-navbar--item
+    border-left 1px solid rgba(0, 0, 0, .05)
+  .vs-navbar-after
+    height: 1px
+    bottom: -1px
+// TYPE: GRADIENT
+.vs-navbar-gradient
+  .vs-navbar--item
+    margin: 4px 3px
+    a
+      padding: 6px 12px
+  .vs-navbar-after
+    display: none
+// TYPE: SHADOW
+.vs-navbar-shadow
+  box-shadow: none
+  .vs-navbar--item
+    background: rgba(0, 0, 0, .05)
+    &.is-active-item
+      background: rgb(255, 255, 255)
+      border-radius: 4px
+      box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .07)
+  .vs-navbar-after
+    display: none
+for colorx in $vs-colors
+  .vs-navbar-color-{color}
+    background: $vs-colors[colorx]
+  .vs-navbar
+    .vs-navbar-item-{colorx}
+      &.is-active-item
+        color: $vs-colors[colorx]
+      &:hover
+        > a
+          color: $vs-colors[colorx]
+  .vs-navbar-submenu
+    .vs-navbar-item-{colorx}
+      &.is-active-item
+        color: $vs-colors[colorx]
+      &:hover
+        color: $vs-colors[colorx]
+  &.vs-navbar-gradient
+    .vs-navbar-item-{colorx}
+      border-radius: 4px
+      &.is-active-item
+        border-radius: 6px
+        color rgb(255, 255, 255)
+        background: rgb(100, 0, 100)
+        if colorx == 'danger' {
+          background-image: linear-gradient(30deg, getColor(colorx, 1) 0%, getColor(colorx, .5) 100%)
+        }
+        else if colorx == 'dark' {
+          background-image: linear-gradient(30deg, getColor(colorx, 1) 0%, getColor(colorx, .5) 100%)
+        }
+        else {
+          background-image: linear-gradient(30deg, getColor(colorx, 1) 0%, getColor(colorx, .5) 100%)
+        }
+        text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.3)
+// RESPONSIVE
+.collapse
+  display: block
+  .vs-navbar--btn-responsive
+    display: flex
+  .vs-navbar--header
+    display: flex
+    align-items: center
+    justify-content: space-between
+  .vs-con-items
+    display: none
+    width: 100%
+    &.activeMenuResponsive
+      display: block
+    .vs-spacer
+      display: none
+  .vs-navbar--item
+    width: 100%
+@media screen and (max-width: 800px)
+  .vs-navbar--btn-responsive
+    display: flex
+  .vs-navbar
+    display: block
+  .vs-navbar--header
+    display: flex
+    align-items: center
+    justify-content: space-between
+  .vs-con-items
+    display: none
+    width: 100%
+    &.activeMenuResponsive
+      display: block
+    .vs-spacer
+      display: none
+  .vs-navbar--item
+    width: 100%