💄 fix stylelint warnings and errors (#20562)

.stylelintrc.json

@@ -9,8 +9,7 @@
     "comment-empty-line-before": null,
     "function-name-case": ["lower", { "ignoreFunctions": ["/colorPalette/"] }],
     "no-invalid-double-slash-comments": null,
-    "no-duplicate-selectors": null,
+    "no-descending-specificity": null,
-    "no-descending-specificity": [true, { "severity": "warning" }],
     "declaration-empty-line-before": null
   },
   "ignoreFiles": ["components/style/color/{bezierEasing,colorPalette,tinyColor}.less"]

components/calendar/style/index.less

@@ -42,9 +42,7 @@
     .@{calendar-picker-prefix-cls}-body {
       padding: @padding-xs @padding-sm;
     }
-  }
 
-  .@{calendar-picker-prefix-cls}-panel {
     .@{calendar-picker-prefix-cls}-content {
       width: 100%;
     }

components/date-picker/style/index.less

@@ -237,22 +237,15 @@
     margin-left: @input-padding-horizontal-base * 1.5;
     transition: left @animation-duration-slow ease-out;
 
-    // .@{picker-prefix-cls}-time-range-wrapper & {
-    //   display: none !important;
-    // }
-
     &::after {
       position: absolute;
-      content: '';
-    }
-
-    &::after {
       top: @border-width-base;
       right: @border-width-base;
       width: @arrow-size;
       height: @arrow-size;
       border: @arrow-size / 2 solid @border-color-split;
       border-color: @calendar-bg @calendar-bg transparent transparent;
+      content: '';
     }
   }
 

components/date-picker/style/panel.less

@@ -380,14 +380,6 @@
     }
   }
 
-  &-decade-panel {
-    .@{picker-prefix-cls}-cell {
-      &::before {
-        display: none;
-      }
-    }
-  }
-
   // ======================== Footer ========================
   &-footer {
     line-height: @picker-text-height - 2 * @border-width-base;
@@ -434,6 +426,10 @@
     .@{picker-cell-inner-cls} {
       padding: 0 (@padding-xs / 2);
     }
+
+    .@{picker-prefix-cls}-cell::before {
+      display: none;
+    }
   }
 
   // ================== Year & Month Panel ==================

components/table/style/index.less

@@ -72,6 +72,8 @@
   // ============================ Footer ============================
   &-footer {
     padding: @table-padding-vertical @table-padding-horizontal;
+    color: @table-footer-color;
+    background: @table-footer-bg;
   }
 
   // ============================ Header ============================
@@ -123,6 +125,25 @@
           }
         }
       }
+
+      // ========================= Nest Table ===========================
+      .@{table-prefix-cls} {
+        margin: -@table-padding-vertical -@table-padding-horizontal -@table-padding-vertical (@table-padding-horizontal +
+              ceil(@font-size-sm * 1.4));
+
+        td {
+          background: transparent;
+        }
+
+        tbody > tr:last-child > td {
+          border-bottom: 0;
+
+          &:first-child,
+          &:last-child {
+            border-radius: 0;
+          }
+        }
+      }
     }
   }
 
@@ -136,13 +157,6 @@
     }
   }
 
-  // ============================ Footer ============================
-  &-footer {
-    padding: @table-padding-vertical @table-padding-horizontal;
-    color: @table-footer-color;
-    background: @table-footer-bg;
-  }
-
   // ========================== Pagination ==========================
   &-pagination.@{ant-prefix}-pagination {
     float: right;
@@ -508,6 +522,7 @@
       box-shadow: inset 10px 0 8px -8px darken(@shadow-color, 5%);
     }
   }
+
   &-ping-right {
     &:not(.@{table-prefix-cls}-has-fix-right) .@{table-prefix-cls}-container {
       position: relative;
@@ -521,70 +536,6 @@
       box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);
     }
   }
-
-  // ========================= Nest Table ===========================
-  tbody > tr > td {
-    .@{table-prefix-cls} {
-      margin: -@table-padding-vertical -@table-padding-horizontal -@table-padding-vertical (@table-padding-horizontal +
-            ceil(@font-size-sm * 1.4));
-
-      td {
-        background: transparent;
-      }
-
-      tbody > tr:last-child > td {
-        border-bottom: 0;
-
-        &:first-child,
-        &:last-child {
-          border-radius: 0;
-        }
-      }
-    }
-  }
-
-  // ================================================================
-  // =                         Border Radio                         =
-  // ================================================================
-
-  /* title + table */
-  &-title {
-    border-radius: @table-border-radius-base @table-border-radius-base 0 0;
-  }
-
-  &-title + &-container {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-
-    table > thead > tr:first-child {
-      th:first-child {
-        border-radius: 0;
-      }
-
-      th:last-child {
-        border-radius: 0;
-      }
-    }
-  }
-
-  /* table */
-  &-container {
-    border-top-left-radius: @table-border-radius-base;
-    border-top-right-radius: @table-border-radius-base;
-
-    table > thead > tr:first-child {
-      th:first-child {
-        border-top-left-radius: @table-border-radius-base;
-      }
-
-      th:last-child {
-        border-top-right-radius: @table-border-radius-base;
-      }
-    }
-  }
-
-  /* table + footer */
-  &-footer {
-    border-radius: 0 0 @table-border-radius-base @table-border-radius-base;
-  }
 }
+
+@import './radius.less';

components/table/style/radius.less

@@ -0,0 +1,45 @@
+// ================================================================
+// =                         Border Radio                         =
+// ================================================================
+.@{table-prefix-cls} {
+  /* title + table */
+  &-title {
+    border-radius: @table-border-radius-base @table-border-radius-base 0 0;
+  }
+
+  &-title + &-container {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+
+    table > thead > tr:first-child {
+      th:first-child {
+        border-radius: 0;
+      }
+
+      th:last-child {
+        border-radius: 0;
+      }
+    }
+  }
+
+  /* table */
+  &-container {
+    border-top-left-radius: @table-border-radius-base;
+    border-top-right-radius: @table-border-radius-base;
+
+    table > thead > tr:first-child {
+      th:first-child {
+        border-top-left-radius: @table-border-radius-base;
+      }
+
+      th:last-child {
+        border-top-right-radius: @table-border-radius-base;
+      }
+    }
+  }
+
+  /* table + footer */
+  &-footer {
+    border-radius: 0 0 @table-border-radius-base @table-border-radius-base;
+  }
+}