@element-plus/nightly 0.0.20230513 → 0.0.20230515

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);