refactor(style): isolate mixin name (#1620)

* refactor(style): isolate mixin name * chore: lint
varletjs · May 10, 2024 · bcc7444 · bcc7444
1 parent 45e16b8
commit bcc7444
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 16 deletions.
diff --git a/packages/varlet-ui/src/pagination/pagination.less b/packages/varlet-ui/src/pagination/pagination.less
@@ -20,7 +20,7 @@
 }
 
 // Mixins
-.pagination-flex-nowrap {
+.var-pagination-flex-nowrap {
   display: flex;
   white-space: nowrap;
   align-items: center;
@@ -97,14 +97,14 @@
   }
 
   &__total {
-    .pagination-flex-nowrap();
+    .var-pagination-flex-nowrap();
 
     line-height: var(--pagination-total-line-height);
     margin: var(--pagination-total-margin);
   }
 
   &__size {
-    .pagination-flex-nowrap();
+    .var-pagination-flex-nowrap();
 
     line-height: var(--pagination-size-line-height);
     margin: var(--pagination-item-margin);
@@ -124,7 +124,7 @@
 
   &__quickly,
   &__simple {
-    .pagination-flex-nowrap();
+    .var-pagination-flex-nowrap();
 
     [var-pagination-cover] {
       width: var(--pagination-input-width);

diff --git a/packages/varlet-ui/src/step/step.less b/packages/varlet-ui/src/step/step.less
@@ -16,7 +16,7 @@
 }
 
 // Mixins
-.tag {
+.var-step-tag {
   width: var(--step-tag-size);
   height: var(--step-tag-size);
   background: var(--step-tag-background);
@@ -32,7 +32,7 @@
 }
 
 // Mixins
-.content {
+.var-step-content {
   font-size: var(--step-content-font-size);
   color: var(--step-content-color);
   cursor: pointer;
@@ -62,15 +62,15 @@
 
     &-tag {
       margin: var(--step-tag-margin);
-      .tag();
+      .var-step-tag();
 
       &--active {
         background: var(--step-tag-active-color);
       }
     }
 
     &-content {
-      .content();
+      .var-step-content();
 
       &--active {
         color: var(--step-content-active-color);
@@ -96,15 +96,15 @@
     &-tag {
       flex-shrink: 0;
       margin: var(--step-vertical-tag-margin);
-      .tag();
+      .var-step-tag();
 
       &--active {
         background: var(--step-tag-active-color);
       }
     }
 
     &-content {
-      .content();
+      .var-step-content();
 
       &--active {
         color: var(--step-content-active-color);

diff --git a/packages/varlet-ui/src/time-picker/timePicker.less b/packages/varlet-ui/src/time-picker/timePicker.less
@@ -57,7 +57,7 @@
 }
 
 // Mixins
-.after-before-basic {
+.var-time-picker-after-before-basic {
   content: '';
   position: absolute;
   border-radius: 100%;
@@ -189,7 +189,7 @@
       border-color: var(--time-picker-clock-hand-border-color);
 
       &::before {
-        .after-before-basic();
+        .var-time-picker-after-before-basic();
 
         background: transparent;
         border: var(--time-picker-clock-hand-before-border-width) solid;
@@ -200,7 +200,7 @@
       }
 
       &::after {
-        .after-before-basic();
+        .var-time-picker-after-before-basic();
 
         border-color: inherit;
         height: var(--time-picker-clock-hand-after-height);

diff --git a/packages/varlet-ui/varlet.config.mjs b/packages/varlet-ui/varlet.config.mjs
@@ -8,9 +8,7 @@ export default defineConfig({
   pc: {
     header: {
       playground:
-        process.env.NODE_ENV === 'development'
-          ? 'http://localhost:3000'
-          : 'https://varlet.pages.dev/playground',
+        process.env.NODE_ENV === 'development' ? 'http://localhost:3000' : 'https://varlet.pages.dev/playground',
     },
     menu: [
       {