@element-plus/nightly 0.0.20220330 → 0.0.20220331

package/theme-chalk/src/avatar.scss

@@ -8,6 +8,11 @@
   @include set-component-css-var('avatar', $avatar);
   @include set-component-css-var('avatar-size', $avatar-size);
 
+  @include set-css-var-value(
+    ('avatar', 'size'),
+    map.get($avatar-size, 'default')
+  );
+
   display: inline-flex;
   justify-content: center;
   align-items: center;
@@ -37,9 +42,12 @@
     font-size: var(--el-avatar-icon-size);
   }
 
-  @each $size in (small, default, large) {
+  @each $size in (small, large) {
     @include m($size) {
-      --el-avatar-size: #{map.get($avatar-size, $size)};
+      @include set-css-var-value(
+        ('avatar', 'size'),
+        map.get($avatar-size, $size)
+      );
     }
   }
 }

package/theme-chalk/src/common/var.scss

@@ -886,6 +886,7 @@ $tag: map.merge(
   (
     'font-size': 12px,
     'border-radius': 4px,
+    'border-radius-rounded': 9999px,
   ),
   $tag
 );

package/theme-chalk/src/input.scss

@@ -423,13 +423,11 @@
       border-bottom-left-radius: 0;
       @include mixed-input-border(var(--el-input-border-color));
       &:hover {
-        z-index: 1;
         @include mixed-input-border(var(--el-input-hover-border-color));
       }
 
       &:focus {
         outline: none;
-        z-index: 2;
         @include mixed-input-border(var(--el-input-focus-border-color));
       }
     }

package/theme-chalk/src/tag.scss

@@ -78,6 +78,9 @@ $tag-icon-span-gap: map.merge(
   @include when(hit) {
     border-color: getCssVar('color', 'primary');
   }
+  @include when(round) {
+    border-radius: getCssVar('tag', 'border-radius-rounded');
+  }
 
   .#{$namespace}-tag__close {
     color: var(--el-tag-text-color);

package/theme-chalk/src/var.scss

@@ -80,7 +80,7 @@
   /* Transition
 -------------------------- */
   // refer to this website to get the bezier motion function detail
-  //  https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
+  // https://cubic-bezier.com/#p1,p2,p3,p4 (change px as your function parameter)
   @include set-component-css-var('transition-duration', $transition-duration);
 
   @include set-component-css-var('transition-function', $transition-function);