element-pe 2.2.55 → 2.2.57

package/theme-chalk/src/carousel-item.scss

@@ -23,18 +23,26 @@
     @include m(card) {
       width: 50%;
       transition: transform 0.4s ease-in-out;
+
       &.is-in-stage {
         cursor: pointer;
         z-index: getCssVar('index', 'normal');
+
         &:hover .#{$namespace}-carousel__mask,
         &.is-hover .#{$namespace}-carousel__mask {
           opacity: 0.12;
         }
       }
+
       &.is-active {
         z-index: calc(getCssVar('index', 'normal') + 1);
       }
     }
+
+    @include m(card-vertical) {
+      width: 100%;
+      height: 50%;
+    }
   }
 
   @include e(mask) {

package/theme-chalk/src/carousel.scss

@@ -11,11 +11,11 @@
   position: relative;
 
   @include m(horizontal) {
-    overflow-x: hidden;
+    overflow: hidden;
   }
 
   @include m(vertical) {
-    overflow-y: hidden;
+    overflow: hidden;
   }
 
   @include e(container) {
@@ -88,15 +88,21 @@
       text-align: center;
       position: static;
       transform: none;
+
       .#{$namespace}-carousel__indicator:hover button {
         opacity: 0.64;
       }
+
       button {
         background-color: getCssVar('carousel', 'indicator-out-color');
         opacity: 0.24;
       }
     }
 
+    @include m(right) {
+      right: 0;
+    }
+
     @include m(labels) {
       left: 0;
       right: 0;
@@ -134,6 +140,7 @@
     @include m(vertical) {
       padding: getCssVar('carousel-indicator-padding-horizontal')
         getCssVar('carousel-indicator-padding-vertical');
+
       .#{$namespace}-carousel__button {
         width: getCssVar('carousel-indicator-height');
         height: calc(#{getCssVar('carousel-indicator-width')} / 2);

package/theme-chalk/src/image.scss

@@ -20,12 +20,12 @@
     }
   }
 
-	@include e(wrapper) {
-		@extend %size !optional;
-		position: absolute;
-		top: 0;
-		left: 0;
-	}
+  @include e(wrapper) {
+    @extend %size !optional;
+    position: absolute;
+    top: 0;
+    left: 0;
+  }
 
   @include e(placeholder) {
     @extend %size !optional;

package/theme-chalk/src/progress.scss

@@ -122,7 +122,16 @@
     }
 
     @include m(striped) {
-      background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.1) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.1) 75%, transparent 75%, transparent);
+      background-image: linear-gradient(
+        45deg,
+        rgba(0, 0, 0, 0.1) 25%,
+        transparent 25%,
+        transparent 50%,
+        rgba(0, 0, 0, 0.1) 50%,
+        rgba(0, 0, 0, 0.1) 75%,
+        transparent 75%,
+        transparent
+      );
       background-size: 1.25em 1.25em;
       &.#{$namespace}-progress-bar__inner--striped-flow {
         animation: striped-flow 3s linear infinite;

package/theme-chalk/src/text.scss

@@ -39,7 +39,7 @@
     }
   }
 
-  &>.#{bem('icon')} {
+  & > .#{bem('icon')} {
     vertical-align: -2px;
   }
 }

package/web-types.json

@@ -1 +1 @@
-{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"element-pe","version":"2.2.55","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}
+{"$schema":"http://json.schemastore.org/web-types","framework":"vue","name":"element-pe","version":"2.2.57","js-types-syntax":"typescript","description-markup":"markdown","contributions":{"html":{}}}