style: add web component style prefix (#1773)

Tencent · Apr 22, 2024 · d002179 · d002179
1 parent 25968f0
commit d002179
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 13 deletions.
diff --git a/style/web/components/back-top/_index.less b/style/web/components/back-top/_index.less
@@ -44,7 +44,7 @@
     font-size: @font-headline-small;
   }
 
-  &.t-size-m {
+  &.@{prefix}-size-m {
     .@{prefix-block}__icon {
       margin-top: 2px;
     }

diff --git a/style/web/components/badge/_index.less b/style/web/components/badge/_index.less
@@ -53,7 +53,7 @@
     background-color: @badge-color;
     line-height: @badge-height;
 
-    &.t-size-s {
+    &.@{prefix}-size-s {
       padding-right: @badge-padding-s;
       padding-left: @badge-padding-s;
       min-width: @badge-min-width;

diff --git a/style/web/components/breadcrumb/_index.less b/style/web/components/breadcrumb/_index.less
@@ -140,7 +140,7 @@
         color: @breadcrumb-text-color-hover;
       }
 
-      &.t-is-active {
+      &.@{prefix}-is-active {
         color: @breadcrumb-text-color-hover;
       }
     }

diff --git a/style/web/components/collapse/_index.less b/style/web/components/collapse/_index.less
@@ -39,7 +39,7 @@
     align-items: center;
     justify-content: center;
 
-    > .t-fake-arrow {
+    > .@{prefix}-fake-arrow {
       transform: rotate(-90deg);
       transition: all @anim-duration-base @anim-time-fn-easing;
     }
@@ -52,7 +52,7 @@
       margin-left: @collapse-panel-header-icon-margin;
     }
 
-    &--active > .t-fake-arrow {
+    &--active > .@{prefix}-fake-arrow {
       transform: rotate(0);
     }
 

diff --git a/style/web/components/link/_index.less b/style/web/components/link/_index.less
@@ -91,12 +91,12 @@
 
   font: @@font-size;
 
-  .t-link__prefix-icon {
+  .@{prefix}-link__prefix-icon {
     margin-right: @@icon-margin-size;
     display: flex;
   }
 
-  .t-link__suffix-icon {
+  .@{prefix}-link__suffix-icon {
     margin-left: @@icon-margin-size;
     display: flex;
   }

diff --git a/style/web/components/notification/_index.less b/style/web/components/notification/_index.less
@@ -110,7 +110,7 @@
     margin-left: @notification-detail-item-margin-left;
   }
 
-  &__detail-item.t-is-active {
+  &__detail-item.@{prefix}-is-active {
     color: @notification-detail-item-is-active-color;
   }
 

diff --git a/style/web/components/table/_index.less b/style/web/components/table/_index.less
@@ -668,7 +668,7 @@
       border-top: @border;
       padding: @comp-paddingTB-l @comp-paddingLR-l;
 
-      .t-button + .t-button {
+      .@{prefix}-button + .@{prefix}-button {
         margin-left: @comp-margin-l;
       }
     }
@@ -794,7 +794,7 @@
 }
 
 .@{prefix}-table__th-row-select {
-  .t-table__th-cell-inner {
+  .@{prefix}-table__th-cell-inner {
     display: inline-flex;
     align-items: center;
   }
@@ -1213,7 +1213,7 @@
   }
 }
 
-.t-table .@{prefix}-table__sort-column {
+.@{prefix}-table .@{prefix}-table__sort-column {
   background-color: @table-sort-bg-color;
 }
 

diff --git a/style/web/components/transfer/_index.less b/style/web/components/transfer/_index.less
@@ -125,7 +125,7 @@
         margin-top: 0;
       }
 
-      &.t-is-disabled {
+      &.@{prefix}-is-disabled {
         &:hover {
           background: @transfer-bg-color;
         }
@@ -176,7 +176,7 @@
       font-size: @transfer-operations-icon-size;
     }
 
-    .t-icon + .t-button__text {
+    .t-icon + .@{prefix}-button__text {
       margin-left: 0;
     }
   }