chore(deps-dev): bump stylelint-config-prettier from 8.0.2 to 9.0.2 (#32451)

* chore(deps-dev): bump stylelint-config-prettier from 8.0.2 to 9.0.2

Bumps [stylelint-config-prettier](https://github.com/prettier/stylelint-config-prettier) from 8.0.2 to 9.0.2.
- [Release notes](https://github.com/prettier/stylelint-config-prettier/releases)
- [Commits](https://github.com/prettier/stylelint-config-prettier/compare/v8.0.2...v9.0.2)

---
updated-dependencies:
- dependency-name: stylelint-config-prettier
  dependency-type: direct:development
  update-type: version-update:semver-major
...

Signed-off-by: dependabot[bot] <support@github.com>

* chore: autofix stylelint errors

* chore: autofix stylelint errors

Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: afc163 <afc163@gmail.com>

components/alert/style/index.less

@@ -84,6 +84,7 @@
     .@{iconfont-css-prefix}-close {
       color: @alert-close-color;
       transition: color 0.3s;
+
       &:hover {
         color: @alert-close-hover-color;
       }
@@ -93,6 +94,7 @@
   &-close-text {
     color: @alert-close-color;
     transition: color 0.3s;
+
     &:hover {
       color: @alert-close-hover-color;
     }
@@ -111,6 +113,7 @@
     margin-right: @alert-with-description-padding-vertical;
     font-size: @alert-with-description-icon-size;
   }
+
   &-with-description &-message {
     display: block;
     margin-bottom: 4px;

components/anchor/style/index.less

@@ -21,6 +21,7 @@
     top: 0;
     left: 0;
     height: 100%;
+
     &::before {
       position: relative;
       display: block;
@@ -30,6 +31,7 @@
       background-color: @anchor-border-color;
       content: ' ';
     }
+
     &-ball {
       position: absolute;
       left: 50%;
@@ -41,6 +43,7 @@
       border-radius: 8px;
       transform: translateX(-50%);
       transition: top 0.3s ease-in-out;
+
       &.visible {
         display: inline-block;
       }

components/badge/style/index.less

@@ -25,6 +25,7 @@
     background: @badge-color;
     border-radius: (@badge-height / 2);
     box-shadow: 0 0 0 1px @shadow-color-inverse;
+
     a,
     a:hover {
       color: @badge-text-color;
@@ -86,12 +87,15 @@
       vertical-align: middle;
       border-radius: 50%;
     }
+
     &-success {
       background-color: @success-color;
     }
+
     &-processing {
       position: relative;
       background-color: @processing-color;
+
       &::after {
         position: absolute;
         top: 0;
@@ -104,12 +108,15 @@
         content: '';
       }
     }
+
     &-default {
       background-color: @normal-color;
     }
+
     &-error {
       background-color: @error-color;
     }
+
     &-warning {
       background-color: @warning-color;
     }
@@ -177,6 +184,7 @@
     transform: scale(0.8);
     opacity: 0.5;
   }
+
   100% {
     transform: scale(2.4);
     opacity: 0;
@@ -192,6 +200,7 @@
 .@{number-prefix-cls} {
   overflow: hidden;
   direction: ltr;
+
   &-only {
     position: relative;
     display: inline-block;
@@ -216,6 +225,7 @@
     transform: scale(0) translate(50%, -50%);
     opacity: 0;
   }
+
   100% {
     transform: scale(1) translate(50%, -50%);
   }
@@ -225,6 +235,7 @@
   0% {
     transform: scale(1) translate(50%, -50%);
   }
+
   100% {
     transform: scale(0) translate(50%, -50%);
     opacity: 0;
@@ -236,6 +247,7 @@
     transform: scale(0);
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
   }
@@ -245,6 +257,7 @@
   0% {
     transform: scale(1);
   }
+
   100% {
     transform: scale(0);
     opacity: 0;

components/badge/style/rtl.less

@@ -43,6 +43,7 @@
       right: unset;
       left: 0;
       border-color: currentColor currentColor transparent transparent;
+
       &::after {
         border-color: currentColor currentColor transparent transparent;
       }
@@ -57,6 +58,7 @@
       right: 0;
       left: unset;
       border-color: currentColor transparent transparent currentColor;
+
       &::after {
         border-color: currentColor transparent transparent currentColor;
       }

components/breadcrumb/style/index.less

@@ -16,6 +16,7 @@
   a {
     color: @breadcrumb-link-color;
     transition: color 0.3s;
+
     &:hover {
       color: @breadcrumb-link-color-hover;
     }
@@ -23,6 +24,7 @@
 
   & > span:last-child {
     color: @breadcrumb-last-item-color;
+
     a {
       color: @breadcrumb-last-item-color;
     }

components/button/style/index.less

@@ -281,6 +281,7 @@ a.@{btn-prefix-cls} {
   &-lg {
     line-height: @btn-height-lg - 2px;
   }
+
   &-sm {
     line-height: @btn-height-sm - 2px;
   }

components/button/style/mixin.less

@@ -20,6 +20,7 @@
   // http://stackoverflow.com/a/17253457
   > a:only-child {
     color: currentColor;
+
     &::after {
       position: absolute;
       top: 0;
@@ -106,6 +107,7 @@
       .button-color(@primary-color-hover; @background; @primary-color-hover);
     }
   }
+
   &:active {
     & when (@theme = dark) {
       .button-color(@primary-7; @background; @primary-7);
@@ -126,6 +128,7 @@
 .button-variant-ghost(@color; @border; @borderHover: yellow; @borderActive: yellow) {
   .button-color(@color; null; @border);
   text-shadow: none;
+
   &:hover,
   &:focus {
     & when (@border = transparent) {
@@ -155,6 +158,7 @@
       }
     }
   }
+
   &:active {
     & when (@border = transparent) {
       & when (@theme = dark) {
@@ -192,11 +196,13 @@
   > .@{btnClassName},
   > span > .@{btnClassName} {
     position: relative;
+
     &:hover,
     &:focus,
     &:active {
       z-index: 2;
     }
+
     &[disabled] {
       z-index: 0;
     }
@@ -248,29 +254,36 @@
   > .@{iconfont-css-prefix} {
     line-height: 1;
   }
+
   &,
   &:active,
   &:focus {
     outline: 0;
   }
+
   &:not([disabled]):hover {
     text-decoration: none;
   }
+
   &:not([disabled]):active {
     outline: 0;
     box-shadow: none;
   }
+
   &[disabled] {
     cursor: not-allowed;
+
     > * {
       pointer-events: none;
     }
   }
+
   &-lg {
     .button-size(
       @btn-height-lg; @btn-padding-horizontal-lg; @btn-font-size-lg; @btn-border-radius-base
     );
   }
+
   &-sm {
     .button-size(
       @btn-height-sm; @btn-padding-horizontal-sm; @btn-font-size-sm; @btn-border-radius-sm
@@ -284,6 +297,7 @@
 // default button style
 .btn-default() {
   .button-variant-other(@btn-default-color; @btn-default-bg; @btn-default-border; );
+
   &:hover,
   &:focus,
   &:active {
@@ -307,6 +321,7 @@
 // danger default button style
 .btn-danger-default() {
   .button-color(@error-color, @btn-default-bg, @error-color);
+
   &:hover,
   &:focus {
     & when (@theme = dark) {
@@ -325,6 +340,7 @@
       .button-color(@error-color-hover, @btn-default-bg, @error-color-hover);
     }
   }
+
   &:active {
     & when (@theme = dark) {
       .button-color(
@@ -348,6 +364,7 @@
 .btn-danger-link() {
   .button-variant-other(@error-color, transparent, transparent);
   box-shadow: none;
+
   &:hover,
   &:focus {
     & when (@theme = dark) {
@@ -360,6 +377,7 @@
       .button-color(@error-color-hover; transparent; transparent);
     }
   }
+
   &:active {
     & when (@theme = dark) {
       .button-color(~`colorPalette('@{error-color}', 5) `; transparent; transparent);
@@ -377,9 +395,11 @@
 .btn-link() {
   .button-variant-other(@link-color, transparent, transparent);
   box-shadow: none;
+
   &:hover {
     background: @btn-link-hover-bg;
   }
+
   &:hover,
   &:focus,
   &:active {
@@ -391,6 +411,7 @@
 .btn-text() {
   .button-variant-other(@text-color, transparent, transparent);
   box-shadow: none;
+
   &:hover,
   &:focus {
     color: @text-color;
@@ -409,6 +430,7 @@
 .btn-danger-text() {
   .button-variant-other(@error-color, transparent, transparent);
   box-shadow: none;
+
   &:hover,
   &:focus {
     & when (@theme = dark) {
@@ -453,12 +475,14 @@
 .btn-square(@btnClassName: btn) {
   .square(@btn-square-size);
   .button-size(@btn-square-size; 0; @btn-square-only-icon-size; @btn-border-radius-base);
+
   & > * {
     font-size: @btn-square-only-icon-size;
   }
   &.@{btnClassName}-lg {
     .square(@btn-square-size-lg);
     .button-size(@btn-square-size-lg; 0; @btn-square-only-icon-size-lg; @btn-border-radius-base);
+
     & > * {
       font-size: @btn-square-only-icon-size-lg;
     }
@@ -466,6 +490,7 @@
   &.@{btnClassName}-sm {
     .square(@btn-square-size-sm);
     .button-size(@btn-square-size-sm; 0; @btn-square-only-icon-size-sm; @btn-border-radius-base);
+
     & > * {
       font-size: @btn-square-only-icon-size-sm;
     }
@@ -526,6 +551,7 @@
     border-top-right-radius: @btn-border-radius-base;
     border-bottom-right-radius: @btn-border-radius-base;
   }
+
   &-sm {
     > .@{btnClassName}:only-child {
       border-radius: @btn-border-radius-sm;
@@ -544,12 +570,14 @@
       border-bottom-right-radius: @btn-border-radius-sm;
     }
   }
+
   & > & {
     float: left;
   }
   & > &:not(:first-child):not(:last-child) > .@{btnClassName} {
     border-radius: 0;
   }
+
   & > &:first-child:not(:last-child) {
     > .@{btnClassName}:last-child {
       padding-right: 8px;

components/button/style/rtl.less

@@ -10,6 +10,7 @@
         border-right-color: @btn-group-border;
         border-left-color: @btn-default-border;
       }
+
       &[disabled] {
         .@{btn-prefix-cls}-group-rtl& {
           border-right-color: @btn-default-border;

components/card/style/index.less

@@ -250,6 +250,7 @@
 
     &-detail {
       overflow: hidden;
+
       > div:not(:last-child) {
         margin-bottom: @margin-xs;
       }
@@ -298,6 +299,7 @@
   100% {
     background-position: 0 50%;
   }
+
   50% {
     background-position: 100% 50%;
   }

components/carousel/style/index.less

@@ -116,6 +116,7 @@
     display: block;
     height: auto;
   }
+
   .slick-arrow.slick-hidden {
     display: none;
   }
@@ -137,15 +138,18 @@
     border: 0;
     outline: none;
     cursor: pointer;
+
     &:hover,
     &:focus {
       color: transparent;
       background: transparent;
       outline: none;
+
       &::before {
         opacity: 1;
       }
     }
+
     &.slick-disabled::before {
       opacity: 0.25;
     }
@@ -161,6 +165,7 @@
 
   .slick-next {
     right: -25px;
+
     &::before {
       content: '→';
     }
@@ -183,10 +188,12 @@
     &-bottom {
       bottom: 12px;
     }
+
     &-top {
       top: 12px;
       bottom: auto;
     }
+
     li {
       position: relative;
       display: inline-block;
@@ -202,6 +209,7 @@
       text-indent: -999px;
       vertical-align: top;
       transition: all 0.5s;
+
       button {
         display: block;
         width: 100%;
@@ -216,17 +224,21 @@
         cursor: pointer;
         opacity: 0.3;
         transition: all 0.5s;
+
         &:hover,
         &:focus {
           opacity: 0.75;
         }
       }
+
       &.slick-active {
         width: @carousel-dot-active-width;
+
         & button {
           background: @component-background;
           opacity: 1;
         }
+
         &:hover,
         &:focus {
           opacity: 1;
@@ -250,19 +262,23 @@
       right: auto;
       left: 12px;
     }
+
     &-right {
       right: 12px;
       left: auto;
     }
+
     li {
       width: @carousel-dot-height;
       height: @carousel-dot-width;
       margin: 4px 2px;
       vertical-align: baseline;
+
       button {
         width: @carousel-dot-height;
         height: @carousel-dot-width;
       }
+
       &.slick-active {
         width: @carousel-dot-height;
         height: @carousel-dot-active-width;

components/carousel/style/rtl.less

@@ -19,6 +19,7 @@
     .@{carousel-prefix-cls}-rtl & {
       right: -25px;
       left: auto;
+
       &::before {
         content: '→';
       }
@@ -29,6 +30,7 @@
     .@{carousel-prefix-cls}-rtl & {
       right: auto;
       left: -25px;
+
       &::before {
         content: '←';
       }

components/cascader/style/index.less

@@ -59,6 +59,7 @@
       &-disabled {
         color: @disabled-color;
         cursor: not-allowed;
+
         &:hover {
           background: transparent;
         }

components/checkbox/style/index.less

@@ -2,4 +2,5 @@
 @import './mixin';
 
 .antCheckboxFn();
+
 @import './rtl';

components/checkbox/style/mixin.less

@@ -127,6 +127,7 @@
     .@{checkbox-inner-prefix-cls} {
       background-color: @input-disabled-bg;
       border-color: @border-color-base !important;
+
       &::after {
         border-color: @input-disabled-bg;
         border-collapse: separate;
@@ -180,10 +181,12 @@
 
     &-item {
       margin-right: @checkbox-group-item-margin-right;
+
       &:last-child {
         margin-right: 0;
       }
     }
+
     &-item + &-item {
       margin-left: 0;
     }
@@ -222,6 +225,7 @@
     transform: scale(1);
     opacity: 0.5;
   }
+
   100% {
     transform: scale(1.6);
     opacity: 0;

components/checkbox/style/rtl.less

@@ -11,12 +11,14 @@
         margin-right: 0;
         margin-left: @checkbox-group-item-margin-right;
       }
+
       &:last-child {
         .@{checkbox-prefix-cls}-group-rtl & {
           margin-left: 0 !important;
         }
       }
     }
+
     &-item + &-item {
       .@{checkbox-prefix-cls}-group-rtl & {
         margin-left: @checkbox-group-item-margin-right;

components/comment/style/index.less

@@ -38,6 +38,7 @@
       justify-content: flex-start;
       margin-bottom: @margin-xss;
       font-size: @comment-font-size-base;
+
       & > a,
       & > span {
         padding-right: @padding-xs;
@@ -49,8 +50,10 @@
         color: @comment-author-name-color;
         font-size: @comment-font-size-base;
         transition: color 0.3s;
+
         > * {
           color: @comment-author-name-color;
+
           &:hover {
             color: @comment-author-name-color;
           }
@@ -78,6 +81,7 @@
     > li {
       display: inline-block;
       color: @comment-action-color;
+
       > span {
         margin-right: 10px;
         color: @comment-action-color;

components/comment/style/rtl.less

@@ -31,6 +31,7 @@
     .@{comment-prefix-cls}-rtl & {
       padding-right: 0;
     }
+
     > li {
       > span {
         .@{comment-prefix-cls}-rtl & {

components/date-picker/style/panel.less

@@ -280,6 +280,7 @@
     &-in-view&-range-start:not(&-range-start-single):not(&-range-end) .@{cellClassName} {
       border-radius: @border-radius-base 0 0 @border-radius-base;
     }
+
     // range end border-radius
     &-in-view&-range-end:not(&-range-end-single):not(&-range-start) .@{cellClassName} {
       border-radius: 0 @border-radius-base @border-radius-base 0;
@@ -298,12 +299,14 @@
         content: '';
       }
     }
+
     .@{picker-prefix-cls}-date-panel
       &-in-view&-in-range&-range-hover-start
       .@{cellClassName}::after {
       right: -5px - @border-width-base;
       left: 0;
     }
+
     .@{picker-prefix-cls}-date-panel &-in-view&-in-range&-range-hover-end .@{cellClassName}::after {
       right: 0;
       left: -5px - @border-width-base;
@@ -313,6 +316,7 @@
     &-range-hover&-range-start::after {
       right: 50%;
     }
+
     &-range-hover&-range-end::after {
       left: 50%;
     }

components/descriptions/style/index.less

@@ -31,6 +31,7 @@
     width: 100%;
     overflow: hidden;
     border-radius: @border-radius-base;
+
     table {
       width: 100%;
       table-layout: fixed;
@@ -42,6 +43,7 @@
     > td {
       padding-bottom: @descriptions-item-padding-bottom;
     }
+
     &:last-child {
       border-bottom: none;
     }
@@ -126,6 +128,7 @@
   &-bordered {
     .@{descriptions-prefix-cls}-view {
       border: 1px solid @border-color-split;
+
       > table {
         table-layout: auto;
         border-collapse: collapse;
@@ -144,6 +147,7 @@
 
     .@{descriptions-prefix-cls}-item-label {
       background-color: @descriptions-bg;
+
       &::after {
         display: none;
       }
@@ -151,6 +155,7 @@
 
     .@{descriptions-prefix-cls}-row {
       border-bottom: 1px solid @border-color-split;
+
       &:last-child {
         border-bottom: none;
       }

components/divider/style/index.less

@@ -57,6 +57,7 @@
       top: 50%;
       width: @divider-orientation-margin;
     }
+
     &::after {
       top: 50%;
       width: 100% - @divider-orientation-margin;
@@ -68,6 +69,7 @@
       top: 50%;
       width: 100% - @divider-orientation-margin;
     }
+
     &::after {
       top: 50%;
       width: @divider-orientation-margin;
@@ -88,6 +90,7 @@
 
   &-horizontal&-with-text&-dashed {
     border-top: 0;
+
     &::before,
     &::after {
       border-style: dashed none none;

components/divider/style/rtl.less

@@ -14,6 +14,7 @@
         width: 100% - @divider-orientation-margin;
       }
     }
+
     &::after {
       .@{divider-prefix-cls}-rtl& {
         width: @divider-orientation-margin;
@@ -27,6 +28,7 @@
         width: @divider-orientation-margin;
       }
     }
+
     &::after {
       .@{divider-prefix-cls}-rtl& {
         width: 100% - @divider-orientation-margin;

components/drawer/style/drawer.less

@@ -112,6 +112,7 @@
       .@{drawer-prefix-cls}-content-wrapper {
         box-shadow: @shadow-1-up;
       }
+
       &.no-mask {
         bottom: 1px;
         transform: translateY(1px);
@@ -245,6 +246,7 @@
   0% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }

components/dropdown/style/index.less

@@ -86,13 +86,16 @@
     border-left-color: transparent;
     box-shadow: 3px 3px 7px fade(@black, 7%);
   }
+
   &-placement-topCenter > &-arrow {
     left: 50%;
     transform: translateX(-50%) rotate(45deg);
   }
+
   &-placement-topLeft > &-arrow {
     left: 16px;
   }
+
   &-placement-topRight > &-arrow {
     right: 16px;
   }
@@ -107,13 +110,16 @@
     border-left-color: @popover-bg;
     box-shadow: -2px -2px 5px fade(@black, 6%);
   }
+
   &-placement-bottomCenter > &-arrow {
     left: 50%;
     transform: translateX(-50%) rotate(45deg);
   }
+
   &-placement-bottomLeft > &-arrow {
     left: 16px;
   }
+
   &-placement-bottomRight > &-arrow {
     right: 16px;
   }
@@ -362,6 +368,7 @@
     .@{dropdown-prefix-cls}-menu-submenu-arrow::after {
       color: @text-color-secondary-dark;
     }
+
     &:hover {
       color: @text-color-inverse;
       background: transparent;

components/empty/style/index.less

@@ -55,23 +55,29 @@
       fill: @white;
       fill-opacity: 0.08;
     }
+
     &-path {
       &-1 {
         fill: #262626;
       }
+
       &-2 {
         fill: url(#linearGradient-1);
       }
+
       &-3 {
         fill: #595959;
       }
+
       &-4 {
         fill: #434343;
       }
+
       &-5 {
         fill: #595959;
       }
     }
+
     &-g {
       fill: #434343;
     }
@@ -81,23 +87,29 @@
       fill: #f5f5f5;
       fill-opacity: 0.8;
     }
+
     &-path {
       &-1 {
         fill: #aeb8c2;
       }
+
       &-2 {
         fill: url(#linearGradient-1);
       }
+
       &-3 {
         fill: #f5f5f7;
       }
+
       &-4 {
         fill: #dce0e6;
       }
+
       &-5 {
         fill: #dce0e6;
       }
     }
+
     &-g {
       fill: @white;
     }
@@ -111,9 +123,11 @@
       fill: @white;
       fill-opacity: 0.08;
     }
+
     &-g {
       stroke: #434343;
     }
+
     &-path {
       fill: #262626;
       stroke: #434343;
@@ -123,9 +137,11 @@
     &-ellipse {
       fill: #f5f5f5;
     }
+
     &-g {
       stroke: #d9d9d9;
     }
+
     &-path {
       fill: #fafafa;
     }

components/form/style/components.less

@@ -54,6 +54,7 @@
     + .@{form-prefix-cls}-text {
       margin-left: 8px;
     }
+
     &-handler-wrap {
       z-index: 2; // https://github.com/ant-design/ant-design/issues/6289
     }

components/form/style/index.less

@@ -39,6 +39,7 @@
   &-small {
     .formSize(@input-height-sm);
   }
+
   &-large {
     .formSize(@input-height-lg);
   }
@@ -263,6 +264,7 @@
     transform: scale(0);
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     opacity: 1;
@@ -274,6 +276,7 @@
     transform: scale(0);
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     opacity: 1;
@@ -285,6 +288,7 @@
     transform: scale(0);
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     opacity: 1;

components/form/style/rtl.less

@@ -32,6 +32,7 @@
           margin-left: 4px;
         }
       }
+
       &::after {
         .@{form-prefix-cls}-rtl & {
           margin: 0 @form-item-label-colon-margin-left 0 @form-item-label-colon-margin-right;
@@ -130,6 +131,7 @@
           margin-left: 19px;
         }
       }
+
       &-clear {
         .@{form-prefix-cls}-rtl & {
           right: auto;

components/form/style/status.less

@@ -75,6 +75,7 @@
       &-arrow {
         margin-right: 19px;
       }
+
       &-clear {
         right: 32px;
       }
@@ -154,10 +155,12 @@
     .@{ant-prefix}-picker {
       background-color: @form-warning-input-bg;
       border-color: @warning-color;
+
       &-focused,
       &:focus {
         .active(@warning-color, @warning-color-hover, @warning-color-outline);
       }
+
       &:not([disabled]):hover {
         background-color: @form-warning-input-bg;
         border-color: @warning-color;
@@ -214,10 +217,12 @@
     .@{ant-prefix}-picker {
       background-color: @form-error-input-bg;
       border-color: @error-color;
+
       &-focused,
       &:focus {
         .active(@error-color, @error-color-hover, @error-color-outline);
       }
+
       &:not([disabled]):hover {
         background-color: @form-error-input-bg;
         border-color: @error-color;
@@ -285,6 +290,7 @@
     // Mentions
     .@{ant-prefix}-mentions {
       border-color: @error-color !important;
+
       &-focused,
       &:focus {
         .active(@error-color, @error-color-hover, @error-color-outline);

components/image/style/index.less

@@ -7,10 +7,12 @@
 .@{image-prefix-cls} {
   position: relative;
   display: inline-block;
+
   &-img {
     display: block;
     width: 100%;
     height: auto;
+
     &-placeholder {
       background-color: @image-bg;
       background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=);
@@ -74,9 +76,11 @@
       transition: transform 0.3s @ease-out 0s;
       user-select: none;
       pointer-events: auto;
+
       &-wrapper {
         .box();
         transition: transform 0.3s @ease-out 0s;
+
         &::before {
           display: inline-block;
           width: 1px;
@@ -90,6 +94,7 @@
     &-moving {
       .@{image-prefix-cls}-preview-img {
         cursor: grabbing;
+
         &-wrapper {
           transition-duration: 0s;
         }
@@ -119,14 +124,17 @@
         margin-left: @control-padding-horizontal;
         padding: @control-padding-horizontal;
         cursor: pointer;
+
         &-disabled {
           color: @image-preview-operation-disabled-color;
           pointer-events: none;
         }
+
         &:last-of-type {
           margin-left: 0;
         }
       }
+
       &-icon {
         font-size: @image-preview-operation-size;
       }
@@ -149,6 +157,7 @@
       border-radius: 50%;
       cursor: pointer;
       pointer-events: auto;
+
       &-disabled {
         color: @image-preview-operation-disabled-color;
         cursor: not-allowed;

components/input-number/style/index.less

@@ -13,6 +13,7 @@
   &-group {
     .reset-component();
     .input-group(~'@{input-number-prefix-cls}');
+
     &-wrapper {
       display: inline-block;
       text-align: start;
@@ -39,9 +40,11 @@
     text-align: center;
     border-left: @border-width-base @border-style-base @input-number-handler-border-color;
     transition: all 0.1s linear;
+
     &:active {
       background: @input-number-handler-active-bg;
     }
+
     &:hover &-up-inner,
     &:hover &-down-inner {
       color: @input-number-handler-hover-bg;
@@ -171,11 +174,13 @@
   &-handler-up {
     border-top-right-radius: @border-radius-base;
     cursor: pointer;
+
     &-inner {
       top: 50%;
       margin-top: -5px;
       text-align: center;
     }
+
     &:hover {
       height: 60% !important;
     }
@@ -186,11 +191,13 @@
     border-top: @border-width-base @border-style-base @border-color-base;
     border-bottom-right-radius: @border-radius-base;
     cursor: pointer;
+
     &-inner {
       top: 50%;
       text-align: center;
       transform: translateY(-50%);
     }
+
     &:hover {
       height: 60% !important;
     }

components/input/style/affix.less

@@ -1,5 +1,4 @@
 @import './mixin';
-
 @import (reference) '../../style/themes/index';
 @input-prefix-cls: ~'@{ant-prefix}-input';
 

components/input/style/index.less

@@ -15,6 +15,7 @@
   &-group {
     .reset-component();
     .input-group(~'@{input-prefix-cls}');
+
     &-wrapper {
       display: inline-block;
       width: 100%;

components/input/style/rtl.less

@@ -8,6 +8,7 @@
       direction: rtl;
     }
   }
+
   &-rtl {
     direction: rtl;
   }

components/list/style/index.less

@@ -26,6 +26,7 @@
   &-more {
     margin-top: @margin-sm;
     text-align: center;
+
     button {
       padding-right: 32px;
       padding-left: 32px;
@@ -66,30 +67,36 @@
       &-avatar {
         margin-right: @list-item-meta-avatar-margin-right;
       }
+
       &-content {
         flex: 1 0;
         width: 0;
         color: @text-color;
       }
+
       &-title {
         margin-bottom: 4px;
         color: @text-color;
         font-size: @font-size-base;
         line-height: @line-height-base;
+
         > a {
           color: @text-color;
           transition: all 0.3s;
+
           &:hover {
             color: @primary-color;
           }
         }
       }
+
       &-description {
         color: @text-color-secondary;
         font-size: @list-item-meta-description-font-size;
         line-height: @line-height-base;
       }
     }
+
     &-action {
       flex: 0 0 auto;
       margin-left: 48px;
@@ -146,6 +153,7 @@
 
   &-split &-item {
     border-bottom: 1px solid @border-color-split;
+
     &:last-child {
       border-bottom: none;
     }
@@ -204,6 +212,7 @@
 
       > li {
         padding: 0 @padding-md;
+
         &:first-child {
           padding-left: 0;
         }

components/list/style/responsive.less

@@ -20,6 +20,7 @@
   .@{list-prefix-cls} {
     &-item {
       flex-wrap: wrap;
+
       &-action {
         margin-left: 12px;
       }
@@ -29,9 +30,11 @@
   .@{list-prefix-cls}-vertical {
     .@{list-prefix-cls}-item {
       flex-wrap: wrap-reverse;
+
       &-main {
         min-width: 220px;
       }
+
       &-extra {
         margin: auto auto 16px;
       }

components/menu/style/dark.less

@@ -8,6 +8,7 @@
     .@{menu-prefix-cls}-submenu-title .@{menu-prefix-cls}-submenu-arrow {
       opacity: 0.45;
       transition: all 0.3s;
+
       &::after,
       &::before {
         background: @menu-dark-arrow-color;
@@ -65,6 +66,7 @@
     left: 0;
     margin-left: 0;
     border-right: 0;
+
     &::after {
       border-right: 0;
     }
@@ -83,6 +85,7 @@
   &-dark &-submenu-title:hover {
     color: @menu-dark-highlight-color;
     background-color: transparent;
+
     > a,
     > span > a {
       color: @menu-dark-highlight-color;
@@ -90,6 +93,7 @@
     > .@{menu-prefix-cls}-submenu-title {
       > .@{menu-prefix-cls}-submenu-arrow {
         opacity: 1;
+
         &::after,
         &::before {
           background: @menu-dark-highlight-color;
@@ -97,6 +101,7 @@
       }
     }
   }
+
   &-dark &-item:hover {
     background-color: @menu-dark-item-hover-bg;
   }
@@ -108,9 +113,11 @@
   &-dark &-item-selected {
     color: @menu-dark-highlight-color;
     border-right: 0;
+
     &::after {
       border-right: 0;
     }
+
     > a,
     > span > a,
     > a:hover,

components/menu/style/index.less

@@ -67,6 +67,7 @@
     transition: border-color @animation-duration-slow @ease-in-out,
       background @animation-duration-slow @ease-in-out;
   }
+
   &-submenu,
   &-submenu-inline {
     transition: border-color @animation-duration-slow @ease-in-out,
@@ -95,9 +96,11 @@
 
   &-item a {
     color: @menu-item-color;
+
     &:hover {
       color: @menu-highlight-color;
     }
+
     &::before {
       position: absolute;
       top: 0;
@@ -112,6 +115,7 @@
   // https://github.com/ant-design/ant-design/issues/19809
   &-item > .@{ant-prefix}-badge a {
     color: @menu-item-color;
+
     &:hover {
       color: @menu-highlight-color;
     }
@@ -142,6 +146,7 @@
 
   &-item-selected {
     color: @menu-highlight-color;
+
     a,
     a:hover {
       color: @menu-highlight-color;
@@ -182,6 +187,7 @@
       left: 0;
       margin-left: 0;
       border-right: 0;
+
       &::after {
         border-right: 0;
       }
@@ -218,6 +224,7 @@
       font-size: @menu-icon-size;
       transition: font-size @menu-animation-duration-normal @ease-out,
         margin @animation-duration-slow @ease-in-out, color @animation-duration-slow;
+
       + span {
         margin-left: @menu-icon-margin-right;
         opacity: 1;
@@ -280,6 +287,7 @@
     > .@{menu-prefix-cls} {
       background-color: @menu-bg;
       border-radius: @border-radius-base;
+
       &-submenu-title::after {
         transition: transform @animation-duration-slow @ease-in-out;
       }
@@ -314,9 +322,11 @@
           color @animation-duration-slow @ease-in-out;
         content: '';
       }
+
       &::before {
         transform: rotate(45deg) translateY(-2.5px);
       }
+
       &::after {
         transform: rotate(-45deg) translateY(2.5px);
       }
@@ -333,6 +343,7 @@
       &::before {
         transform: rotate(-45deg) translateX(2.5px);
       }
+
       &::after {
         transform: rotate(45deg) translateX(-2.5px);
       }
@@ -345,9 +356,11 @@
     &-open&-inline > &-title > &-arrow {
       // ↑
       transform: translateY(-2px);
+
       &::after {
         transform: rotate(-45deg) translateX(-2.5px);
       }
+
       &::before {
         transform: rotate(45deg) translateX(2.5px);
       }
@@ -411,13 +424,16 @@
     > .@{menu-prefix-cls}-item {
       a {
         color: @menu-item-color;
+
         &:hover {
           color: @menu-highlight-color;
         }
+
         &::before {
           bottom: -2px;
         }
       }
+
       &-selected a {
         color: @menu-highlight-color;
       }
@@ -437,6 +453,7 @@
   &-inline {
     .@{menu-prefix-cls}-item {
       position: relative;
+
       &::after {
         position: absolute;
         top: 0;
@@ -555,6 +572,7 @@
         margin: 0;
         font-size: @menu-icon-size-lg;
         line-height: @menu-item-height;
+
         + span {
           display: inline-block;
           opacity: 0;
@@ -574,6 +592,7 @@
       .@{iconfont-css-prefix} {
         display: none;
       }
+
       a {
         color: @text-color-dark;
       }

components/menu/style/rtl.less

@@ -87,6 +87,7 @@
             transform: rotate(-45deg) translateY(-2px);
           }
         }
+
         &::after {
           .@{menu-prefix-cls}-rtl & {
             transform: rotate(45deg) translateY(2px);

components/menu/style/status.less

@@ -17,6 +17,7 @@
 
     &-selected {
       color: @menu-highlight-danger-color;
+
       > a,
       > a:hover {
         color: @menu-highlight-danger-color;

components/message/style/index.less

@@ -63,6 +63,7 @@
     padding: 8px;
     opacity: 1;
   }
+
   100% {
     max-height: 0;
     padding: 0;

components/modal/style/modal.less

@@ -106,6 +106,7 @@
 
 .@{dialog-prefix-cls}-centered {
   text-align: center;
+
   &::before {
     display: inline-block;
     width: 0;

components/modal/style/rtl.less

@@ -50,6 +50,7 @@
         }
       }
     }
+
     &-btns {
       .@{dialog-wrap-rtl-cls} & {
         float: left;

components/notification/style/index.less

@@ -69,6 +69,7 @@
         max-width: 4px;
         background-color: transparent;
         pointer-events: none;
+
         &::before {
           display: block;
           content: '';
@@ -109,12 +110,15 @@
       &-success {
         color: @success-color;
       }
+
       &-info {
         color: @info-color;
       }
+
       &-warning {
         color: @warning-color;
       }
+
       &-error {
         color: @error-color;
       }
@@ -181,6 +185,7 @@
     left: @notification-width;
     opacity: 0;
   }
+
   100% {
     left: 0;
     opacity: 1;
@@ -192,6 +197,7 @@
     right: @notification-width;
     opacity: 0;
   }
+
   100% {
     right: 0;
     opacity: 1;
@@ -204,6 +210,7 @@
     margin-bottom: @notification-margin-bottom;
     opacity: 1;
   }
+
   100% {
     max-height: 0;
     margin-bottom: 0;

components/page-header/style/index.less

@@ -90,6 +90,7 @@
         margin-left: @margin-sm;
         white-space: unset;
       }
+
       > *:first-child {
         margin-left: 0;
       }
@@ -105,6 +106,7 @@
     .@{ant-prefix}-tabs {
       > .@{ant-prefix}-tabs-nav {
         margin: 0;
+
         &::before {
           border: none;
         }

components/page-header/style/rtl.less

@@ -56,6 +56,7 @@
           margin-left: 0;
         }
       }
+
       > *:first-child {
         .@{pageheader-prefix-cls}-rtl & {
           margin-right: 0;

components/pagination/style/index.less

@@ -63,6 +63,7 @@
     &:hover {
       border-color: @primary-color;
       transition: all 0.3s;
+
       a {
         color: @primary-color;
       }
@@ -101,6 +102,7 @@
         letter-spacing: -1px;
         opacity: 0;
         transition: all 0.2s;
+
         &-svg {
           top: 0;
           right: 0;
@@ -144,6 +146,7 @@
   &-jump-next {
     margin-right: 8px;
   }
+
   &-prev,
   &-next,
   &-jump-prev,
@@ -259,6 +262,7 @@
       height: @pagination-item-size-sm;
       background-color: transparent;
       border: 0;
+
       &::after {
         height: @pagination-item-size-sm;
         line-height: @pagination-item-size-sm;
@@ -326,6 +330,7 @@
   &.mini &-next &-item-link {
     background: transparent;
     border-color: transparent;
+
     &::after {
       height: @pagination-item-size-sm;
       line-height: @pagination-item-size-sm;
@@ -377,6 +382,7 @@
 
       &-active {
         background: @pagination-item-disabled-bg-active;
+
         a {
           color: @pagination-item-disabled-color-active;
         }

components/popover/style/index.less

@@ -99,6 +99,7 @@
       color: @warning-color;
       font-size: @font-size-base;
     }
+
     &-title {
       padding-left: @font-size-base + 8px;
     }
@@ -149,6 +150,7 @@
       transform: translateY((-@popover-arrow-rotate-width / 2)) rotate(45deg);
     }
   }
+
   &-placement-top &-arrow {
     left: 50%;
     transform: translateX(-50%);
@@ -172,13 +174,16 @@
       transform: translateX((@popover-arrow-rotate-width / 2)) rotate(45deg);
     }
   }
+
   &-placement-right &-arrow {
     top: 50%;
     transform: translateY(-50%);
   }
+
   &-placement-rightTop &-arrow {
     top: @popover-arrow-offset-vertical;
   }
+
   &-placement-rightBottom &-arrow {
     bottom: @popover-arrow-offset-vertical;
   }

components/progress/style/index.less

@@ -16,11 +16,13 @@
 
   &-steps {
     display: inline-block;
+
     &-outer {
       display: flex;
       flex-direction: row;
       align-items: center;
     }
+
     &-item {
       flex-shrink: 0;
       min-width: 2px;
@@ -180,6 +182,7 @@
       color: @error-color;
     }
   }
+
   &-circle&-status-success {
     .@{progress-prefix-cls}-text {
       color: @success-color;
@@ -192,10 +195,12 @@
     transform: translateX(-100%) scaleX(0);
     opacity: 0.1;
   }
+
   20% {
     transform: translateX(-100%) scaleX(0);
     opacity: 0.5;
   }
+
   100% {
     transform: translateX(0) scaleX(1);
     opacity: 0;

components/radio/style/index.less

@@ -126,6 +126,7 @@
 .@{radio-prefix-cls}-checked {
   .@{radio-inner-prefix-cls} {
     border-color: @radio-dot-color;
+
     &::after {
       transform: scale(1);
       opacity: 1;
@@ -141,6 +142,7 @@
     background-color: @input-disabled-bg;
     border-color: @border-color-base !important;
     cursor: not-allowed;
+
     &::after {
       background-color: @radio-dot-disabled-color;
     }
@@ -268,6 +270,7 @@ span.@{radio-prefix-cls} + * {
     &:hover {
       color: @radio-button-hover-color;
       border-color: @radio-button-hover-color;
+
       &::before {
         background-color: @radio-button-hover-color;
       }
@@ -276,6 +279,7 @@ span.@{radio-prefix-cls} + * {
     &:active {
       color: @radio-button-active-color;
       border-color: @radio-button-active-color;
+
       &::before {
         background-color: @radio-button-active-color;
       }
@@ -290,16 +294,19 @@ span.@{radio-prefix-cls} + * {
     color: @radio-solid-checked-color;
     background: @radio-dot-color;
     border-color: @radio-dot-color;
+
     &:hover {
       color: @radio-solid-checked-color;
       background: @radio-button-hover-color;
       border-color: @radio-button-hover-color;
     }
+
     &:active {
       color: @radio-solid-checked-color;
       background: @radio-button-active-color;
       border-color: @radio-button-active-color;
     }
+
     &:focus-within {
       box-shadow: @radio-button-focus-shadow;
     }
@@ -317,6 +324,7 @@ span.@{radio-prefix-cls} + * {
       background-color: @input-disabled-bg;
       border-color: @border-color-base;
     }
+
     &:first-child {
       border-left-color: @border-color-base;
     }
@@ -335,6 +343,7 @@ span.@{radio-prefix-cls} + * {
     transform: scale(1);
     opacity: 0.5;
   }
+
   100% {
     transform: scale(1.6);
     opacity: 0;

components/rate/style/index.less

@@ -17,6 +17,7 @@
 
   &-disabled &-star {
     cursor: default;
+
     &:hover {
       transform: scale(1);
     }

components/result/style/index.less

@@ -55,6 +55,7 @@
   &-extra {
     margin: @result-extra-margin;
     text-align: center;
+
     > * {
       margin-right: 8px;
 

components/select/style/index.less

@@ -1,7 +1,6 @@
 @import '../../style/themes/index';
 @import '../../style/mixins/index';
 @import '../../input/style/mixin';
-
 @import './single';
 @import './multiple';
 
@@ -167,9 +166,11 @@
     opacity: 0;
     transition: color 0.3s ease, opacity 0.15s ease;
     text-rendering: auto;
+
     &::before {
       display: block;
     }
+
     &:hover {
       color: @text-color-secondary;
     }

components/skeleton/style/index.less

@@ -271,6 +271,7 @@
   0% {
     background-position: 100% 50%;
   }
+
   100% {
     background-position: 0 50%;
   }

components/skeleton/style/rtl.less

@@ -41,6 +41,7 @@
   0% {
     background-position: 0% 50%;
   }
+
   100% {
     background-position: 100% 50%;
   }

components/slider/style/index.less

@@ -120,9 +120,11 @@
     &:first-child {
       margin-left: -4px;
     }
+
     &:last-child {
       margin-left: -4px;
     }
+
     &-active {
       border-color: @slider-dot-border-color-active;
     }

components/space/style/index.less

@@ -6,6 +6,7 @@
 
 .@{space-prefix-cls} {
   display: inline-flex;
+
   &-vertical {
     flex-direction: column;
   }
@@ -14,12 +15,15 @@
     &-center {
       align-items: center;
     }
+
     &-start {
       align-items: flex-start;
     }
+
     &-end {
       align-items: flex-end;
     }
+
     &-baseline {
       align-items: baseline;
     }

components/spin/style/index.less

@@ -142,16 +142,19 @@
         top: 0;
         left: 0;
       }
+
       &:nth-child(2) {
         top: 0;
         right: 0;
         animation-delay: 0.4s;
       }
+
       &:nth-child(3) {
         right: 0;
         bottom: 0;
         animation-delay: 0.8s;
       }
+
       &:nth-child(4) {
         bottom: 0;
         left: 0;

components/steps/style/index.less

@@ -74,6 +74,7 @@
       line-height: 1;
     }
   }
+
   &-tail {
     position: absolute;
     top: 12px;
@@ -91,6 +92,7 @@
       content: '';
     }
   }
+
   &-title {
     position: relative;
     display: inline-block;
@@ -110,6 +112,7 @@
       content: '';
     }
   }
+
   &-subtitle {
     display: inline;
     margin-left: 8px;
@@ -117,18 +120,21 @@
     font-weight: normal;
     font-size: @font-size-base;
   }
+
   &-description {
     color: @text-color-secondary;
     font-size: @font-size-base;
   }
   .step-item-status(wait);
   .step-item-status(process);
+
   &-process > &-container > &-icon {
     background: @process-icon-color;
     .@{steps-prefix-cls}-icon {
       color: @process-icon-text-color;
     }
   }
+
   &-process > &-container > &-title {
     font-weight: 500;
   }
@@ -197,9 +203,11 @@
     &:last-child .@{steps-prefix-cls}-item-title {
       padding-right: 0;
     }
+
     &-tail {
       display: none;
     }
+
     &-description {
       max-width: @steps-description-max-width;
       white-space: normal;
@@ -224,6 +232,7 @@
   }
   &-@{status} > &-container > &-content > &-title {
     color: @@title-color;
+
     &::after {
       background-color: @@tail-color;
     }

components/steps/style/label-placement.less

@@ -1,27 +1,33 @@
 .@{steps-prefix-cls}-label-vertical {
   .@{steps-prefix-cls}-item {
     overflow: visible;
+
     &-tail {
       margin-left: 58px;
       padding: 3.5px 24px;
     }
+
     &-content {
       display: block;
       width: ((@steps-icon-size / 2) + 42px) * 2;
       margin-top: 8px;
       text-align: center;
     }
+
     &-icon {
       display: inline-block;
       margin-left: 42px;
     }
+
     &-title {
       padding-right: 0;
       padding-left: 0;
+
       &::after {
         display: none;
       }
     }
+
     &-subtitle {
       display: block;
       margin-bottom: 4px;

components/steps/style/nav.less

@@ -41,6 +41,7 @@
     &:not(.@{steps-prefix-cls}-item-active) {
       .@{steps-prefix-cls}-item-container[role='button'] {
         cursor: pointer;
+
         &:hover {
           opacity: 0.85;
         }
@@ -49,6 +50,7 @@
 
     &:last-child {
       flex: 1;
+
       &::after {
         display: none;
       }
@@ -93,6 +95,7 @@
 .@{steps-prefix-cls}-navigation.@{steps-prefix-cls}-vertical {
   > .@{steps-prefix-cls}-item {
     margin-right: 0 !important;
+
     &::before {
       display: none;
     }
@@ -104,6 +107,7 @@
       width: 3px;
       height: calc(100% - 24px);
     }
+
     &::after {
       position: relative;
       top: -2px;

components/steps/style/progress-dot.less

@@ -4,6 +4,7 @@
     &-title {
       line-height: @line-height-base;
     }
+
     &-tail {
       top: @steps-dot-top;
       width: 100%;
@@ -19,6 +20,7 @@
     &:first-child .@{steps-prefix-cls}-icon-dot {
       left: 2px;
     }
+
     &-icon {
       width: @steps-dot-size;
       height: @steps-dot-size;
@@ -47,6 +49,7 @@
         }
       }
     }
+
     &-content {
       width: @steps-description-max-width;
     }

components/steps/style/rtl.less

@@ -193,6 +193,7 @@
         left: auto;
       }
     }
+
     &-icon {
       .@{steps-prefix-cls}-rtl& {
         margin-right: 67px;

components/steps/style/small.less

@@ -20,6 +20,7 @@
     padding-right: 12px;
     font-size: @font-size-base;
     line-height: @steps-small-icon-size;
+
     &::after {
       top: (@steps-small-icon-size / 2);
     }

components/style/core/global.less

@@ -199,6 +199,7 @@ sup {
 sub {
   bottom: -0.25em;
 }
+
 sup {
   top: -0.5em;
 }

components/style/core/motion.less

@@ -8,6 +8,7 @@
 // For common/openAnimation
 .ant-motion-collapse-legacy {
   overflow: hidden;
+
   &-active {
     transition: height @animation-duration-base @ease-in-out,
       opacity @animation-duration-base @ease-in-out !important;

components/style/core/motion/fade.less

@@ -17,6 +17,7 @@
   0% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }
@@ -26,6 +27,7 @@
   0% {
     opacity: 1;
   }
+
   100% {
     opacity: 0;
   }

components/style/core/motion/move.less

@@ -22,6 +22,7 @@
     transform-origin: 0 0;
     opacity: 0;
   }
+
   100% {
     transform: translateY(0%);
     transform-origin: 0 0;
@@ -35,6 +36,7 @@
     transform-origin: 0 0;
     opacity: 1;
   }
+
   100% {
     transform: translateY(100%);
     transform-origin: 0 0;
@@ -48,6 +50,7 @@
     transform-origin: 0 0;
     opacity: 0;
   }
+
   100% {
     transform: translateX(0%);
     transform-origin: 0 0;
@@ -61,6 +64,7 @@
     transform-origin: 0 0;
     opacity: 1;
   }
+
   100% {
     transform: translateX(-100%);
     transform-origin: 0 0;
@@ -74,6 +78,7 @@
     transform-origin: 0 0;
     opacity: 0;
   }
+
   100% {
     transform: translateX(0%);
     transform-origin: 0 0;
@@ -87,6 +92,7 @@
     transform-origin: 0 0;
     opacity: 1;
   }
+
   100% {
     transform: translateX(100%);
     transform-origin: 0 0;
@@ -100,6 +106,7 @@
     transform-origin: 0 0;
     opacity: 0;
   }
+
   100% {
     transform: translateY(0%);
     transform-origin: 0 0;
@@ -113,6 +120,7 @@
     transform-origin: 0 0;
     opacity: 1;
   }
+
   100% {
     transform: translateY(-100%);
     transform-origin: 0 0;

components/style/core/motion/slide.less

@@ -22,6 +22,7 @@
     transform-origin: 0% 0%;
     opacity: 0;
   }
+
   100% {
     transform: scaleY(1);
     transform-origin: 0% 0%;
@@ -35,6 +36,7 @@
     transform-origin: 0% 0%;
     opacity: 1;
   }
+
   100% {
     transform: scaleY(0.8);
     transform-origin: 0% 0%;
@@ -48,6 +50,7 @@
     transform-origin: 100% 100%;
     opacity: 0;
   }
+
   100% {
     transform: scaleY(1);
     transform-origin: 100% 100%;
@@ -61,6 +64,7 @@
     transform-origin: 100% 100%;
     opacity: 1;
   }
+
   100% {
     transform: scaleY(0.8);
     transform-origin: 100% 100%;
@@ -74,6 +78,7 @@
     transform-origin: 0% 0%;
     opacity: 0;
   }
+
   100% {
     transform: scaleX(1);
     transform-origin: 0% 0%;
@@ -87,6 +92,7 @@
     transform-origin: 0% 0%;
     opacity: 1;
   }
+
   100% {
     transform: scaleX(0.8);
     transform-origin: 0% 0%;
@@ -100,6 +106,7 @@
     transform-origin: 100% 0%;
     opacity: 0;
   }
+
   100% {
     transform: scaleX(1);
     transform-origin: 100% 0%;
@@ -113,6 +120,7 @@
     transform-origin: 100% 0%;
     opacity: 1;
   }
+
   100% {
     transform: scaleX(0.8);
     transform-origin: 100% 0%;

components/style/core/motion/zoom.less

@@ -33,6 +33,7 @@
     transform: scale(0.2);
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     opacity: 1;
@@ -43,6 +44,7 @@
   0% {
     transform: scale(1);
   }
+
   100% {
     transform: scale(0.2);
     opacity: 0;
@@ -54,6 +56,7 @@
     transform: scale(0.8);
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     opacity: 1;
@@ -64,6 +67,7 @@
   0% {
     transform: scale(1);
   }
+
   100% {
     transform: scale(0.8);
     opacity: 0;
@@ -76,6 +80,7 @@
     transform-origin: 50% 0%;
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     transform-origin: 50% 0%;
@@ -87,6 +92,7 @@
     transform: scale(1);
     transform-origin: 50% 0%;
   }
+
   100% {
     transform: scale(0.8);
     transform-origin: 50% 0%;
@@ -100,6 +106,7 @@
     transform-origin: 0% 50%;
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     transform-origin: 0% 50%;
@@ -111,6 +118,7 @@
     transform: scale(1);
     transform-origin: 0% 50%;
   }
+
   100% {
     transform: scale(0.8);
     transform-origin: 0% 50%;
@@ -124,6 +132,7 @@
     transform-origin: 100% 50%;
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     transform-origin: 100% 50%;
@@ -135,6 +144,7 @@
     transform: scale(1);
     transform-origin: 100% 50%;
   }
+
   100% {
     transform: scale(0.8);
     transform-origin: 100% 50%;
@@ -148,6 +158,7 @@
     transform-origin: 50% 100%;
     opacity: 0;
   }
+
   100% {
     transform: scale(1);
     transform-origin: 50% 100%;
@@ -159,6 +170,7 @@
     transform: scale(1);
     transform-origin: 50% 100%;
   }
+
   100% {
     transform: scale(0.8);
     transform-origin: 50% 100%;

components/style/mixins/clearfix.less

@@ -6,6 +6,7 @@
     display: table;
     content: '';
   }
+
   &::after {
     // https://github.com/ant-design/ant-design/issues/21864
     display: table;

components/style/mixins/customize.less

@@ -64,6 +64,7 @@
       .@{table-prefix-cls}-row-expand-icon {
         border: @popover-border;
       }
+
       tfoot {
         > tr {
           > th,
@@ -72,6 +73,7 @@
           }
         }
       }
+
       thead {
         > tr {
           > th {
@@ -80,6 +82,7 @@
           }
         }
       }
+
       tbody {
         > tr {
           > td {

components/switch/style/index.less

@@ -45,6 +45,7 @@
   &-disabled {
     cursor: not-allowed;
     opacity: @switch-disabled-opacity;
+
     * {
       box-shadow: none;
       cursor: not-allowed;

components/table/style/bordered.less

@@ -1,5 +1,4 @@
 @import './size';
-
 @import (reference) '../../style/themes/index';
 @table-prefix-cls: ~'@{ant-prefix}-table';
 

components/table/style/index.less

@@ -539,6 +539,7 @@
     &-collapsed::before {
       transform: rotate(-180deg);
     }
+
     &-collapsed::after {
       transform: rotate(0deg);
     }
@@ -593,6 +594,7 @@
     .@{table-prefix-cls}-empty & {
       color: @disabled-color;
     }
+
     &:hover {
       > td {
         background: @component-background;
@@ -651,6 +653,7 @@
     &::before {
       left: 0;
     }
+
     &::after {
       right: 0;
     }
@@ -689,6 +692,7 @@
       box-shadow: inset -10px 0 8px -8px darken(@shadow-color, 5%);
     }
   }
+
   &-sticky {
     &-holder {
       position: sticky;
@@ -705,16 +709,20 @@
       background: lighten(@table-border-color, 80%);
       border-top: 1px solid @table-border-color;
       opacity: 0.6;
+
       &:hover {
         transform-origin: center bottom;
       }
+
       &-bar {
         height: 8px;
         background-color: @table-sticky-scroll-bar-bg;
         border-radius: @table-sticky-scroll-bar-radius;
+
         &:hover {
           background-color: @table-sticky-scroll-bar-active-bg;
         }
+
         &-active {
           background-color: @table-sticky-scroll-bar-active-bg;
         }
@@ -730,6 +738,7 @@
         box-shadow: none !important;
       }
     }
+
     &-ping-right {
       .@{table-prefix-cls}-cell-fix-right-first::after {
         box-shadow: none !important;

components/tabs/style/position.less

@@ -40,6 +40,7 @@
           left: 0;
           box-shadow: inset 10px 0 8px -8px fade(@shadow-color, 8%);
         }
+
         &::after {
           right: 0;
           box-shadow: inset -10px 0 8px -8px fade(@shadow-color, 8%);
@@ -123,6 +124,7 @@
           top: 0;
           box-shadow: inset 0 10px 8px -8px fade(@shadow-color, 8%);
         }
+
         &::after {
           bottom: 0;
           box-shadow: inset 0 -10px 8px -8px fade(@shadow-color, 8%);

components/tabs/style/rtl.less

@@ -77,6 +77,7 @@
   &-rtl {
     direction: rtl;
   }
+
   &-menu-item {
     .@{tab-prefix-cls}-dropdown-rtl & {
       text-align: right;

components/tag/style/index.less

@@ -58,16 +58,20 @@
     background-color: transparent;
     border-color: transparent;
     cursor: pointer;
+
     &:not(&-checked):hover {
       color: @primary-color;
     }
+
     &:active,
     &-checked {
       color: @text-color-inverse;
     }
+
     &-checked {
       background-color: @primary-6;
     }
+
     &:active {
       background-color: @primary-7;
     }

components/transfer/style/rtl.less

@@ -15,6 +15,7 @@
         padding-right: @control-padding-horizontal-sm;
         padding-left: 24px;
       }
+
       &-action {
         .@{transfer-prefix-cls}-rtl & {
           right: auto;
@@ -35,6 +36,7 @@
         right: 0;
         left: auto;
       }
+
       &-title {
         .@{transfer-prefix-cls}-rtl & {
           text-align: left;

components/tree/style/mixin.less

@@ -12,6 +12,7 @@
     display: inline-block;
     font-size: 10px;
     vertical-align: baseline;
+
     svg {
       transition: transform 0.3s;
     }
@@ -27,6 +28,7 @@
     background-color: @primary-color;
     border-radius: 1px;
     pointer-events: none;
+
     &::after {
       position: absolute;
       top: -3px;
@@ -187,6 +189,7 @@
         border-right: 1px solid @normal-color;
         content: ' ';
       }
+
       &::after {
         position: absolute;
         width: @tree-title-height - 14px;
@@ -233,6 +236,7 @@
       line-height: @tree-title-height;
       text-align: center;
       vertical-align: top;
+
       &:empty {
         display: none;
       }
@@ -310,6 +314,7 @@
   0% {
     opacity: 0;
   }
+
   100% {
     opacity: 1;
   }

components/typography/style/index.less

@@ -22,6 +22,7 @@
 
   &&-danger {
     color: @error-color;
+
     a&:active,
     a&:focus,
     a&:hover {
@@ -45,18 +46,22 @@
   h1 {
     .typography-title-1();
   }
+
   h2&,
   h2 {
     .typography-title-2();
   }
+
   h3&,
   h3 {
     .typography-title-3();
   }
+
   h4&,
   h4 {
     .typography-title-4();
   }
+
   h5&,
   h5 {
     .typography-title-5();

components/upload/style/index.less

@@ -121,6 +121,7 @@
       color: @disabled-color;
       font-size: 30px;
       transition: all 0.3s;
+
       &:hover {
         color: @text-color-secondary;
       }
@@ -149,6 +150,7 @@
     height: @line-height-base * @font-size-base;
     margin-top: @margin-xs;
     font-size: @font-size-base;
+
     &-name {
       display: inline-block;
       width: 100%;
@@ -246,6 +248,7 @@
       .@{iconfont-css-prefix} {
         color: @error-color;
       }
+
       &-btn {
         opacity: 1;
       }

components/upload/style/rtl.less

@@ -21,6 +21,7 @@
   &-rtl {
     direction: rtl;
   }
+
   &-item-list-type-text {
     &:hover {
       .@{upload-prefix-cls}-list-item-name-icon-count-1 {
@@ -37,6 +38,7 @@
       }
     }
   }
+
   &-item {
     &-name {
       .@{upload-prefix-cls}-list-rtl & {

package.json

@@ -78,7 +78,7 @@
     "lint:deps": "antd-tools run deps-lint",
     "lint:md": "remark . -f -q",
     "lint:script": "eslint . --ext .js,.jsx,.ts,.tsx",
-    "lint:style": "stylelint {site,components}/**/*.less --syntax less",
+    "lint:style": "stylelint '{site,components}/**/*.less' --syntax less",
     "pre-publish": "npm run test-all -- --skip-build",
     "prettier": "prettier -c --write **/*",
     "pretty-quick": "pretty-quick",
@@ -270,7 +270,7 @@
     "simple-git": "^2.23.0",
     "string-replace-loader": "^3.0.3",
     "stylelint": "^13.0.0",
-    "stylelint-config-prettier": "^8.0.0",
+    "stylelint-config-prettier": "^9.0.2",
     "stylelint-config-rational-order": "^0.1.2",
     "stylelint-config-standard": "^22.0.0",
     "stylelint-declaration-block-no-ignored-properties": "^2.1.0",

site/theme/static/colors.less

@@ -24,23 +24,30 @@
 
 .color-palettes {
   margin: 0 1%;
+
   &-dark {
     margin: 0;
     padding: 0 28px;
     background-color: #141414;
+
     .color-title {
       color: fade(@white, 85);
     }
+
     .color-description {
       color: fade(@white, 45);
     }
+
     .color-palette {
       margin: 45px 3.5% 45px 0;
+
       &:nth-of-type(3n) {
         margin-right: 0;
       }
+
       .main-color-item {
         margin-right: 0;
+
         &:hover {
           margin-right: -8px;
         }
@@ -48,38 +55,46 @@
     }
   }
 }
+
 .color-palette {
   display: inline-block;
   width: 31%;
   margin: 45px 1%;
+
   &-pick {
     margin: 0 0 20px;
     font-size: 20px;
     text-align: center;
   }
+
   &-picker {
     margin: 24px 0;
+
     &-value {
       position: relative;
       top: -3px;
       margin-left: 16px;
       font-size: 14px;
       font-family: Consolas, sans-serif;
+
       .ant-row-rtl & {
         margin-right: 16px;
         margin-left: 0;
       }
     }
+
     &-validation {
       position: relative;
       top: -3px;
       margin-left: 16px;
       color: @error-color;
       font-size: 13px;
+
       .ant-row-rtl & {
         margin-right: 16px;
         margin-left: 0;
       }
+
       &-dark {
         margin-left: 0;
       }
@@ -105,9 +120,11 @@
   .palette-gray-11 {
     background: @gray-11;
   }
+
   .palette-gray-12 {
     background: @gray-12;
   }
+
   .palette-gray-13 {
     background: @gray-13;
   }
@@ -124,21 +141,26 @@
     line-height: 44px;
     cursor: pointer;
     transition: all 0.2s;
+
     &:first-child {
       border-radius: 4px 4px 0 0;
     }
+
     &:last-child {
       border-radius: 0 0 4px 4px;
     }
+
     &:hover {
       margin-right: -8px;
       border-radius: 0 4px 4px 0;
     }
   }
+
   &-item &-text {
     float: left;
     transition: all 0.3s;
   }
+
   &-item &-value {
     position: relative;
     left: 3px;
@@ -175,19 +197,24 @@
 
 .color-palette-horizontal {
   width: 100%;
+
   &-dark {
     height: 303px;
     padding: 32px 28px;
     background-color: #141414;
+
     .color-palette-picker {
       margin-bottom: 0;
     }
+
     .color-palette-pick {
       color: fade(@white, 65);
       text-align: left;
+
       &-hex {
         color: fade(@white, 65);
       }
+
       .ant-row-rtl & {
         direction: rtl;
         text-align: right;

site/theme/static/common.less

@@ -148,6 +148,7 @@ a {
 
   .menu-item-link-outside {
     position: relative;
+
     .anticon {
       position: absolute;
       top: 16px;
@@ -157,6 +158,7 @@ a {
       opacity: 0;
       transition: all 0.3s;
     }
+
     &:hover .anticon {
       opacity: 1;
     }
@@ -178,6 +180,7 @@ a {
   margin-left: 5px;
   color: #aaa;
   font-size: 12px;
+
   .ant-row-rtl & {
     margin-right: 5px;
     margin-left: 0;
@@ -204,6 +207,7 @@ a {
 
 .drawer-content {
   padding: 40px 0;
+
   &-wrapper {
     background-color: @component-background;
   }
@@ -227,22 +231,27 @@ a {
   display: flex;
   flex-direction: column;
   cursor: pointer;
+
   &-tooltip {
     .ant-tooltip-inner {
       min-width: 100px;
     }
   }
+
   & > div {
     display: block;
   }
+
   &-active {
     color: @primary-color;
   }
+
   & &-avatar {
     color: #000;
     background-color: #fff;
     box-shadow: @shadow-2;
     transition: color 0.3s;
+
     &:hover {
       color: @primary-color;
     }

site/theme/static/dark.less

@@ -41,16 +41,19 @@
 
   .code-box {
     border: 1px solid @border-color-split;
+
     .markdown {
       pre {
         margin: 0.5em 0;
         padding: 6px 12px;
       }
+
       pre code {
         margin: 0;
         background: #262626;
       }
     }
+
     &-debug {
       border-color: @purple-3;
     }
@@ -63,6 +66,7 @@
       cursor: pointer;
       opacity: 0.45;
       transition: all 0.3s;
+
       &:hover {
         opacity: 0.65;
       }
@@ -84,9 +88,11 @@
   ul.anticons-list {
     li {
       color: #acacac;
+
       &.TwoTone:hover {
         background-color: #15395b;
       }
+
       &:hover {
         .anticon {
           color: #fff;
@@ -206,13 +212,16 @@
         transparent 95.83333333%
       );
     }
+
     .code-box-demo .ant-row > div:not(.gutter-row) {
       padding: 16px 0;
       background: #028ac8;
+
       &:nth-child(2n + 1) {
         background: fade(#0088c6, 70%);
       }
     }
+
     .ant-row .demo-col,
     .code-box-demo .ant-row .demo-col {
       margin-top: 0;
@@ -223,14 +232,17 @@
       text-align: center;
       border: none;
     }
+
     .ant-row .demo-col-1 {
       background: fade(#0088c6, 70%);
     }
+
     .ant-row .demo-col-3,
     .code-box-demo .ant-row .demo-col-3 {
       color: @site-text-color-secondary;
       background: unset;
     }
+
     .ant-row .demo-col-5,
     .code-box-demo .ant-row .demo-col-5 {
       color: @site-text-color-secondary;
@@ -268,10 +280,12 @@
     .ds-dropdown-menu {
       [class^='ds-dataset-'] {
         background: @popover-background;
+
         .algolia-docsearch-suggestion {
           background: @popover-background;
         }
       }
+
       .ds-suggestion.ds-cursor {
         .algolia-docsearch-suggestion:not(.suggestion-layout-simple) {
           .algolia-docsearch-suggestion--content {
@@ -280,13 +294,16 @@
         }
       }
     }
+
     .algolia-docsearch-suggestion--category-header {
       color: rgba(255, 255, 255, 0.65);
       border-bottom: 1px solid @border-color-split;
     }
+
     .algolia-docsearch-suggestion--subcategory-column::before {
       background: @border-color-split;
     }
+
     .algolia-docsearch-suggestion--content {
       &::before {
         background: @border-color-split;
@@ -364,6 +381,7 @@
     &-img {
       background-color: rgba(255, 255, 255, 0.1);
     }
+
     &-search input {
       color: rgba(255, 255, 255, 0.65);
     }

site/theme/static/demo.less

@@ -15,6 +15,7 @@
   border: 1px solid @site-border-color-split;
   border-radius: @border-radius-base;
   transition: all 0.2s;
+
   .code-box-title {
     &,
     a {
@@ -22,20 +23,24 @@
       background: @component-background;
     }
   }
+
   &,
   .code-box-demo {
     background-color: @component-background;
   }
+
   .markdown {
     pre {
       margin: 0.5em 0;
       padding: 6px 12px;
     }
+
     pre code {
       margin: 0;
       background: #f5f5f5;
     }
   }
+
   &:target {
     border: 1px solid @primary-color;
   }
@@ -100,6 +105,7 @@
     .anticon {
       color: @site-text-color-secondary;
       transition: all 0.3s;
+
       &:hover {
         color: @site-text-color;
       }
@@ -187,6 +193,7 @@
   .code-expand-icon-show {
     opacity: 0.55;
     pointer-events: auto;
+
     &:hover {
       opacity: 1;
     }
@@ -223,6 +230,7 @@
       padding: 0;
       background: @component-background;
     }
+
     &:not(:first-child) {
       border-top: 1px dashed @site-border-color-split;
     }
@@ -282,6 +290,7 @@
     &:hover {
       transform: scale(1.2);
     }
+
     &.anticon-check {
       color: @green-6 !important;
       font-weight: bold;
@@ -310,6 +319,7 @@
     overflow: hidden;
     border: 0;
     cursor: pointer;
+
     &:hover {
       opacity: 1;
     }
@@ -325,6 +335,7 @@
   pre {
     width: auto;
     margin: 0;
+
     code {
       background: @component-background;
       border: none;

site/theme/static/docsearch.less

@@ -6,6 +6,7 @@
     [class^='ds-dataset-'] {
       background: @component-background;
       border: none;
+
       .algolia-docsearch-suggestion {
         background: @component-background;
       }

site/theme/static/footer.less

@@ -16,6 +16,7 @@
   &-columns {
     justify-content: space-between;
   }
+
   &-item {
     html.rtl & {
       display: flex;

site/theme/static/highlight.less

@@ -146,6 +146,7 @@ pre[class*='language-'] {
 .token.bold {
   font-weight: bold;
 }
+
 .token.italic {
   font-style: italic;
 }

site/theme/static/icon-pic-searcher.less

@@ -6,6 +6,7 @@
     color: @text-color-secondary;
     cursor: pointer;
     transition: all 0.3s;
+
     &:hover {
       color: @input-icon-hover-color;
     }
@@ -30,15 +31,19 @@
 .icon-pic-search-result {
   min-height: 50px;
   padding: 0 10px;
+
   > .result-tip {
     padding: 10px 0;
     color: @text-color-secondary;
   }
+
   > table {
     width: 100%;
+
     .col-icon {
       width: 80px;
       padding: 10px 0;
+
       > .anticon {
         font-size: 30px;
 

site/theme/static/icons.less

@@ -3,6 +3,7 @@ ul.anticons-list {
   overflow: hidden;
   direction: ltr;
   list-style: none;
+
   li {
     position: relative;
     float: left;
@@ -18,10 +19,12 @@ ul.anticons-list {
     border-radius: 4px;
     cursor: pointer;
     transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
+
     .rtl & {
       margin: 3px 0;
       padding: 10px 0 0;
     }
+
     .anticon {
       margin: 12px 0 8px;
       font-size: 36px;
@@ -35,6 +38,7 @@ ul.anticons-list {
       white-space: nowrap;
       text-align: center;
       transform: scale(0.83);
+
       .ant-badge {
         transition: color 0.3s ease-in-out;
       }
@@ -43,9 +47,11 @@ ul.anticons-list {
     &:hover {
       color: #fff;
       background-color: @primary-color;
+
       .anticon {
         transform: scale(1.4);
       }
+
       .ant-badge {
         color: #fff;
       }

site/theme/static/markdown.less

@@ -57,12 +57,15 @@
 .markdown h3 {
   font-size: 18px;
 }
+
 .markdown h4 {
   font-size: 16px;
 }
+
 .markdown h5 {
   font-size: 14px;
 }
+
 .markdown h6 {
   font-size: 12px;
 }
@@ -78,6 +81,7 @@
 .markdown p,
 .markdown pre {
   margin: 1em 0;
+
   .ant-row-rtl & {
     direction: rtl;
     text-align: right;
@@ -95,6 +99,7 @@
     padding-right: 4px;
     padding-left: 0;
   }
+
   &:empty {
     display: none;
   }
@@ -176,6 +181,7 @@
 
 .markdown table td > a:not(:last-child) {
   margin-right: 0 !important;
+
   &::after {
     position: relative !important;
   }
@@ -288,6 +294,7 @@
 
     tbody tr {
       transition: all 0.3s;
+
       &:hover {
         background: rgba(60, 90, 100, 0.04);
       }
@@ -300,25 +307,31 @@
         font-weight: 600;
         white-space: nowrap;
       }
+
       &:nth-child(2) {
         width: 55%;
       }
+
       &:nth-child(3) {
         width: 22%;
         color: @magenta-7;
         font-size: max(@font-size-base - 1px, 12px);
       }
+
       &:nth-child(4) {
         width: 15%;
         font-size: max(@font-size-base - 1px, 12px);
       }
+
       &:nth-child(5) {
         width: 8%;
         font-size: max(@font-size-base - 1px, 12px);
       }
+
       &:nth-last-child(3):first-child {
         width: 38%;
       }
+
       &:nth-last-child(3):first-child ~ td:nth-last-child(2) {
         width: 70%;
       }
@@ -388,6 +401,7 @@
       transparent 95.83333333%
     );
   }
+
   .ant-row > div,
   .code-box-demo .ant-row > div {
     min-height: 30px;
@@ -397,13 +411,16 @@
     text-align: center;
     border-radius: 0;
   }
+
   .code-box-demo .ant-row > div:not(.gutter-row) {
     padding: 16px 0;
     background: @demo-grid-color;
+
     &:nth-child(2n + 1) {
       background: fade(@demo-grid-color, 75%);
     }
   }
+
   .ant-row .demo-col,
   .code-box-demo .ant-row .demo-col {
     margin-top: 0;
@@ -414,39 +431,48 @@
     text-align: center;
     border: none;
   }
+
   .ant-row .demo-col-1 {
     background: fade(@demo-grid-color, 75%);
   }
+
   .ant-row .demo-col-2,
   .code-box-demo .ant-row .demo-col-2 {
     background: fade(@demo-grid-color, 50%);
   }
+
   .ant-row .demo-col-3,
   .code-box-demo .ant-row .demo-col-3 {
     color: #999;
     background: rgba(255, 255, 255, 0.2);
   }
+
   .ant-row .demo-col-4,
   .code-box-demo .ant-row .demo-col-4 {
     background: fade(@demo-grid-color, 60%);
   }
+
   .ant-row .demo-col-5,
   .code-box-demo .ant-row .demo-col-5 {
     color: #999;
     background: rgba(255, 255, 255, 0.2);
   }
+
   .code-box-demo .height-100 {
     height: 100px;
     line-height: 100px;
   }
+
   .code-box-demo .height-50 {
     height: 50px;
     line-height: 50px;
   }
+
   .code-box-demo .height-120 {
     height: 120px;
     line-height: 120px;
   }
+
   .code-box-demo .height-80 {
     height: 80px;
     line-height: 80px;
@@ -464,19 +490,23 @@
 // For Changelog
 .markdown ul.ant-timeline {
   line-height: 2;
+
   li.ant-timeline-item {
     margin: 0;
     padding: 0 0 30px;
     list-style: none;
+
     .ant-timeline-item-content {
       position: relative;
       top: -14px;
       padding-left: 32px;
       font-size: 14px;
+
       > h2 {
         margin-top: 0;
         padding-top: 4px;
         direction: ltr;
+
         span {
           .ant-row-rtl & {
             float: right;
@@ -485,6 +515,7 @@
       }
     }
   }
+
   li.ant-timeline-item:first-child {
     margin-top: 40px;
   }

site/theme/static/motion.less

@@ -32,6 +32,7 @@
 .video-player {
   position: relative;
   max-width: 800px;
+
   &-right {
     float: right;
     width: 616px;

site/theme/static/preview-img.less

@@ -55,6 +55,7 @@
 .preview-image-wrapper video {
   display: block;
   width: 100%;
+
   + svg {
     position: absolute;
     top: 0;
@@ -110,6 +111,7 @@
   border-radius: @border-radius-base;
   cursor: pointer;
   transition: all 0.3s;
+
   &.no-padding {
     padding: 0;
     background: none;
@@ -137,13 +139,16 @@
   .ant-carousel {
     .slick-slider {
       padding-bottom: 24px;
+
       img {
         display: inline;
         max-width: 100%;
       }
     }
+
     .slick-dots {
       bottom: 4px;
+
       li button {
         background: #888;
       }
@@ -198,6 +203,7 @@
     text-align: center;
     border: 1px solid #e8e8e8;
     border-radius: 4px;
+
     &:last-child {
       margin-right: 0;
     }

site/theme/static/responsive.less

@@ -20,6 +20,7 @@
       display: none;
     }
   }
+
   .code-boxes-col-2-1,
   .code-boxes-col-1-1 {
     float: none;
@@ -34,6 +35,7 @@
     width: 100%;
     margin: 0 !important;
   }
+
   .preview-image-box {
     width: 100%;
     margin: 10px 0;
@@ -74,6 +76,7 @@
     margin-left: 0;
     padding-right: 16px;
     padding-left: 16px;
+
     > .markdown > * {
       width: 100% !important;
     }
@@ -113,16 +116,20 @@
         margin: 80px auto 64px;
       }
     }
+
     .parallax-bg {
       display: none;
     }
   }
+
   .banner {
     display: block;
     height: 632px;
+
     &-bg-wrapper {
       display: none;
     }
+
     .img-wrapper,
     .text-wrapper {
       display: inline-block;
@@ -132,10 +139,12 @@
       margin: auto;
       text-align: center;
     }
+
     .img-wrapper {
       position: initial;
       margin-top: 20px;
       text-align: center;
+
       svg {
         width: 100%;
         max-width: 260px;
@@ -143,18 +152,22 @@
         margin: 0 auto;
       }
     }
+
     .text-wrapper {
       min-height: 200px;
       margin-top: 32px;
       padding: 0;
+
       h1 {
         display: none;
       }
+
       p {
         color: @home-text-color;
         font-size: 14px;
         line-height: 28px;
       }
+
       .banner-btns {
         display: block;
         min-width: 100%;
@@ -166,15 +179,19 @@
           font-size: 14px;
         }
       }
+
       .banner-promote {
         min-width: 100%;
         margin-top: 32px;
+
         .ant-divider {
           display: none;
         }
+
         a {
           font-size: 14px;
           white-space: nowrap;
+
           img {
             width: 20px;
           }
@@ -182,72 +199,92 @@
       }
     }
   }
+
   .page1 {
     min-height: 1300px;
+
     .ant-row {
       margin: 24px auto 64px;
+
       > div {
         margin-bottom: 48px;
       }
     }
   }
+
   .page2 {
     min-height: 840px;
     background: @body-background;
+
     &-content {
       box-shadow: none;
     }
+
     &-components {
       display: none;
     }
+
     &-product {
       min-height: auto;
       padding: 0 16px;
+
       .product-block {
         margin-bottom: 34px;
         padding-bottom: 35px;
         border-bottom: 1px solid @site-border-color-split;
+
         &:last-child {
           margin-bottom: 32px;
           border-bottom: none;
+
           .block-text-wrapper {
             height: auto;
           }
         }
+
         .block-image-wrapper {
           height: 88px;
+
           img {
             height: 100%;
           }
         }
+
         .block-text-wrapper {
           padding-bottom: 0;
           border-bottom: none;
+
           h4 {
             margin-bottom: 4px;
             font-size: 18px;
             line-height: 24px;
           }
+
           p {
             margin-bottom: 8px;
             font-size: 12px;
             line-height: 20px;
           }
+
           a {
             line-height: 20px;
           }
+
           .components-button-wrapper {
             margin-top: 16px;
             font-size: 12px;
+
             a {
               display: block;
             }
           }
+
           a.more-mobile-react,
           a.more-mobile-angular {
             margin-top: 0;
             color: @link-color;
           }
+
           a.more-mobile-react:hover,
           a.more-mobile-angular:hover {
             color: #40a9ff;
@@ -256,19 +293,23 @@
       }
     }
   }
+
   .page3 {
     min-height: 688px;
     background: url('https://gw.alipayobjects.com/zos/rmsportal/qICoJIqqQRMeRGhPHBBS.svg') no-repeat;
     background-size: cover;
+
     .ant-row {
       margin: 0 8px;
     }
+
     .page3-block {
       margin-bottom: 32px;
       padding: 24px;
       background: @body-background;
       border-radius: 4px;
       box-shadow: 0 8px 16px rgba(174, 185, 193, 0.3);
+
       &:nth-child(2) {
         .page3-img-wrapper img {
           display: block;
@@ -276,15 +317,19 @@
           margin: auto;
         }
       }
+
       p {
         font-size: 12px;
       }
+
       .page3-img-wrapper {
         width: 20%;
+
         img {
           width: 100%;
         }
       }
+
       .page3-text-wrapper {
         width: 80%;
         max-width: initial;

site/theme/static/rtl.less

@@ -5,6 +5,7 @@
       left: 32px;
     }
   }
+
   .fixed-widgets {
     right: auto;
     left: 32px;

site/theme/static/toc.less

@@ -16,6 +16,7 @@ ul.toc > li {
   padding-left: 0;
   line-height: 1.5;
   list-style: none;
+
   &:not(:last-child) {
     margin-bottom: 4px;
   }
@@ -71,6 +72,7 @@ ul.toc > li {
   position: absolute;
   top: 8px;
   right: 20px;
+
   .ant-affix {
     z-index: 9;
     max-height: ~'calc(100vh - 16px)';
@@ -78,6 +80,7 @@ ul.toc > li {
     overflow-y: auto;
     background: #fff;
   }
+
   .ant-row-rtl & {
     right: auto;
     left: 20px;
@@ -88,9 +91,11 @@ ul.toc > li {
   position: absolute;
   right: 20px;
   bottom: 88px;
+
   .ant-affix {
     background: @body-background;
   }
+
   .ant-row-rtl & {
     right: auto;
     left: 20px;

site/theme/template/Content/ComponentOverview.less

@@ -12,15 +12,18 @@
     color: @text-color;
     text-overflow: ellipsis;
   }
+
   &-img {
     display: flex;
     align-items: center;
     justify-content: center;
     height: 152px;
   }
+
   &-card {
     cursor: pointer;
     transition: all @animation-duration-base @ease-in-out;
+
     &:hover {
       box-shadow: @shadow-1-down;
     }

site/theme/template/Home/Banner/Logo.less

@@ -20,6 +20,7 @@
     display: block;
     max-width: 100%;
   }
+
   .home-banner-normal {
     display: none;
   }
@@ -33,9 +34,11 @@
     .home-banner-mini {
       display: none;
     }
+
     .home-banner-normal {
       display: block;
     }
+
     .home-card-logo-icon {
       display: block;
     }