chore: lint style code

playground/header.vue

@@ -423,7 +423,7 @@ async function formatCodes() {
 
     &:hover,
     &:focus {
-      color: var(var(--vxp-content-color-base));
+      color: var(--vxp-content-color-base);
     }
   }
 
@@ -482,7 +482,7 @@ async function formatCodes() {
 
     &:hover,
     &:focus {
-      color: var(var(--vxp-content-color-base));
+      color: var(--vxp-content-color-base);
     }
   }
 

style/anchor.scss

@@ -72,9 +72,9 @@ $anchor: map.merge(
     display: flex;
     align-items: center;
     justify-content: center;
-    will-change: top;
     transition: top value('transition-base');
     transform: translate3d(-50%, -50%, 0);
+    will-change: top;
 
     @include rtl {
       transform: translate3d(50%, -50%, 0);

style/animation/index.scss

@@ -1,9 +1,9 @@
-@use './badge-zoom.scss';
-@use './border.scss';
-@use './drop.scss';
-@use './ease.scss';
-@use './fade.scss';
-@use './move.scss';
-@use './popup.scss';
-@use './spin.scss';
-@use './zoom.scss';
+@use './badge-zoom';
+@use './border';
+@use './drop';
+@use './ease';
+@use './fade';
+@use './move';
+@use './popup';
+@use './spin';
+@use './zoom';

style/avatar.scss

@@ -73,8 +73,8 @@ $avatar: map.merge(
 
   &__image {
     height: 100%;
-    object-fit: value('avatar-image-fit');
     pointer-events: none;
+    object-fit: value('avatar-image-fit');
   }
 
   &__text {

style/captcha.scss

@@ -113,10 +113,10 @@ $captcha: map.merge(
     position: absolute;
     top: 0;
     height: 100%;
-    will-change: left;
     pointer-events: none;
     transition: value('captcha-trigger-transition');
     transform: translate3d(-50%, 0, 0);
+    will-change: left;
   }
 
   &__image-tip {
@@ -236,10 +236,10 @@ $captcha: map.merge(
     inset: 0;
     background-color: value('captcha-filler-bg-color');
     border-radius: value('captcha-trigger-radius');
-    will-change: transform;
     transition: value('transition-background'), value('captcha-filler-transition');
     transform: scaleX(0);
     transform-origin: 0 50%;
+    will-change: transform;
 
     &--success {
       background-color: value('captcha-filler-bg-color-success');
@@ -304,11 +304,11 @@ $captcha: map.merge(
     cursor: move;
     background-color: value('captcha-trigger-bg-color');
     border-radius: value('captcha-trigger-radius');
-    will-change: left;
     outline: 0;
     box-shadow: value('shadow-base');
     transition: value('transition-color'), value('captcha-trigger-transition');
     transform: translate3d(-50%, 0, 0);
+    will-change: left;
 
     &:hover,
     &:focus,

style/components.scss

@@ -1,119 +1,119 @@
-@use './icon.scss';
-@use './affix.scss';
-@use './alert.scss';
-@use './anchor.scss';
-@use './anchor-link.scss';
-@use './scrollbar.scss';
-@use './native-scroll.scss';
-@use './option.scss';
-@use './overflow.scss';
-@use './popper.scss';
-@use './tag.scss';
-@use './tooltip.scss';
-@use './virtual-list.scss';
-@use './select.scss';
-@use './auto-complete.scss';
-@use './avatar.scss';
-@use './avatar-group.scss';
-@use './badge.scss';
-@use './breadcrumb.scss';
-@use './breadcrumb-item.scss';
-@use './bubble.scss';
-@use './button.scss';
-@use './button-group.scss';
-@use './column.scss';
-@use './number-input.scss';
-@use './row.scss';
-@use './calendar.scss';
-@use './calendar-panel.scss';
-@use './spin.scss';
-@use './captcha.scss';
-@use './captcha-slider.scss';
-@use './card.scss';
-@use './carousel.scss';
-@use './carousel-item.scss';
-@use './cascader.scss';
-@use './cell.scss';
-@use './checkbox.scss';
-@use './checkbox-group.scss';
-@use './collapse.scss';
-@use './collapse-panel.scss';
-@use './collapse-transition.scss';
-@use './color-picker.scss';
-@use './config-provider.scss';
-@use './masker.scss';
-@use './modal.scss';
-@use './confirm.scss';
-@use './dropdown.scss';
-@use './contextmenu.scss';
-@use './scroll.scss';
-@use './wheel.scss';
-@use './date-picker.scss';
-@use './divider.scss';
-@use './drawer.scss';
-@use './dropdown-item.scss';
-@use './dropdown-list.scss';
-@use './ellipsis.scss';
-@use './form.scss';
-@use './form-item.scss';
-@use './form-reset.scss';
-@use './form-submit.scss';
-@use './full-screen.scss';
-@use './grid.scss';
-@use './highlight.scss';
-@use './skeleton.scss';
-@use './viewer.scss';
-@use './image.scss';
-@use './image-group.scss';
-@use './image-viewer.scss';
-@use './input.scss';
-@use './linker.scss';
-@use './menu.scss';
-@use './switch.scss';
-@use './layout.scss';
-@use './layout-aside.scss';
-@use './layout-footer.scss';
-@use './layout-header.scss';
-@use './layout-main.scss';
-@use './loading.scss';
-@use './menu-group.scss';
-@use './menu-item.scss';
-@use './popup.scss';
-@use './message.scss';
-@use './notice.scss';
-@use './option-group.scss';
-@use './pagination.scss';
-@use './portal.scss';
-@use './progress.scss';
-@use './radio.scss';
-@use './radio-group.scss';
-@use './renderer.scss';
-@use './resize-observer.scss';
-@use './result.scss';
-@use './skeleton-group.scss';
-@use './slider.scss';
-@use './space.scss';
-@use './split.scss';
-@use './tab-nav.scss';
-@use './tab-nav-item.scss';
-@use './tabs.scss';
-@use './tab-panel.scss';
-@use './table.scss';
-@use './table-column.scss';
-@use './table-column-group.scss';
-@use './table-summary.scss';
-@use './textarea.scss';
-@use './time-ago.scss';
-@use './time-picker.scss';
-@use './timeline.scss';
-@use './timeline-item.scss';
-@use './toast.scss';
-@use './tour.scss';
-@use './tour-step.scss';
-@use './transfer.scss';
-@use './tree.scss';
-@use './typography.scss';
-@use './upload.scss';
-@use './upload-file.scss';
-@use './upload-list.scss';
-@use './video.scss';
+@use './icon';
+@use './affix';
+@use './alert';
+@use './anchor';
+@use './anchor-link';
+@use './scrollbar';
+@use './native-scroll';
+@use './option';
+@use './overflow';
+@use './popper';
+@use './tag';
+@use './tooltip';
+@use './virtual-list';
+@use './select';
+@use './auto-complete';
+@use './avatar';
+@use './avatar-group';
+@use './badge';
+@use './breadcrumb';
+@use './breadcrumb-item';
+@use './bubble';
+@use './button';
+@use './button-group';
+@use './column';
+@use './number-input';
+@use './row';
+@use './calendar';
+@use './calendar-panel';
+@use './spin';
+@use './captcha';
+@use './captcha-slider';
+@use './card';
+@use './carousel';
+@use './carousel-item';
+@use './cascader';
+@use './cell';
+@use './checkbox';
+@use './checkbox-group';
+@use './collapse';
+@use './collapse-panel';
+@use './collapse-transition';
+@use './color-picker';
+@use './config-provider';
+@use './masker';
+@use './modal';
+@use './confirm';
+@use './dropdown';
+@use './contextmenu';
+@use './scroll';
+@use './wheel';
+@use './date-picker';
+@use './divider';
+@use './drawer';
+@use './dropdown-item';
+@use './dropdown-list';
+@use './ellipsis';
+@use './form';
+@use './form-item';
+@use './form-reset';
+@use './form-submit';
+@use './full-screen';
+@use './grid';
+@use './highlight';
+@use './skeleton';
+@use './viewer';
+@use './image';
+@use './image-group';
+@use './image-viewer';
+@use './input';
+@use './linker';
+@use './menu';
+@use './switch';
+@use './layout';
+@use './layout-aside';
+@use './layout-footer';
+@use './layout-header';
+@use './layout-main';
+@use './loading';
+@use './menu-group';
+@use './menu-item';
+@use './popup';
+@use './message';
+@use './notice';
+@use './option-group';
+@use './pagination';
+@use './portal';
+@use './progress';
+@use './radio';
+@use './radio-group';
+@use './renderer';
+@use './resize-observer';
+@use './result';
+@use './skeleton-group';
+@use './slider';
+@use './space';
+@use './split';
+@use './tab-nav';
+@use './tab-nav-item';
+@use './tabs';
+@use './tab-panel';
+@use './table';
+@use './table-column';
+@use './table-column-group';
+@use './table-summary';
+@use './textarea';
+@use './time-ago';
+@use './time-picker';
+@use './timeline';
+@use './timeline-item';
+@use './toast';
+@use './tour';
+@use './tour-step';
+@use './transfer';
+@use './tree';
+@use './typography';
+@use './upload';
+@use './upload-file';
+@use './upload-list';
+@use './video';

style/dark/index.scss

@@ -1,3 +1,3 @@
-@forward './variables.scss';
+@forward './variables';
 
-@use './preset.scss';
+@use './preset';

style/design/index.scss

@@ -1 +1 @@
-@forward './variables.scss';
+@forward './variables';