up to latest verison

Author: chenshuai2144

jsExample/src/components/GlobalHeader/index.less

@@ -1,11 +1,12 @@
-@import '~antd/es/style/themes/default.less';
+@import url('~antd/es/style/themes/default.less');
 
 @pro-header-hover-bg: rgba(0, 0, 0, 0.025);
 
 .menu {
   :global(.anticon) {
     margin-right: 8px;
   }
+
   :global(.ant-dropdown-menu-item) {
     min-width: 160px;
   }
@@ -17,46 +18,55 @@
   height: 48px;
   margin-left: auto;
   overflow: hidden;
+
   .action {
     display: flex;
     align-items: center;
     height: 100%;
     padding: 0 12px;
     cursor: pointer;
     transition: all 0.3s;
+
     > span {
       vertical-align: middle;
     }
+
     &:hover {
       background: @pro-header-hover-bg;
     }
+
     &:global(.opened) {
       background: @pro-header-hover-bg;
     }
   }
+
   .search {
     padding: 0 12px;
+
     &:hover {
       background: transparent;
     }
   }
+
   .account {
     .avatar {
       margin: ~'calc((@{layout-header-height} - 24px) / 2)' 0;
       margin-right: 8px;
       color: @primary-color;
       vertical-align: top;
-      background: rgba(255, 255, 255, 0.85);
+      background: rgb(255 255 255 / 85%);
     }
   }
 }
 
 .dark {
   .action {
-    color: rgba(255, 255, 255, 0.85);
+    color: rgb(255 255 255 / 85%);
+
     > span {
-      color: rgba(255, 255, 255, 0.85);
+      color: rgb(255 255 255 / 85%);
     }
+
     &:hover,
     &:global(.opened) {
       background: @primary-color;
@@ -68,13 +78,16 @@
   .dark {
     .action {
       color: @text-color;
+
       > span {
         color: @text-color;
       }
+
       &:hover {
-        color: rgba(255, 255, 255, 0.85);
+        color: rgb(255 255 255 / 85%);
+
         > span {
-          color: rgba(255, 255, 255, 0.85);
+          color: rgb(255 255 255 / 85%);
         }
       }
     }

jsExample/src/components/HeaderDropdown/index.less

@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import url('~antd/es/style/themes/default.less');
 
 .container > * {
   background-color: @popover-bg;
@@ -10,6 +10,7 @@
   .container {
     width: 100% !important;
   }
+
   .container > * {
     border-radius: 0 !important;
   }

jsExample/src/components/HeaderSearch/index.less

@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import url('~antd/es/style/themes/default.less');
 
 .headerSearch {
   .input {
@@ -8,20 +8,24 @@
     background: transparent;
     border-radius: 0;
     transition: width 0.3s, margin-left 0.3s;
+
     :global(.ant-select-selection) {
       background: transparent;
     }
+
     input {
       padding-right: 0;
       padding-left: 0;
       border: 0;
       box-shadow: none !important;
     }
+
     &,
     &:hover,
     &:focus {
       border-bottom: 1px solid @border-color-base;
     }
+
     &.show {
       width: 210px;
       margin-left: 8px;

jsExample/src/components/NoticeIcon/NoticeList.less

@@ -1,11 +1,13 @@
-@import '~antd/es/style/themes/default.less';
+@import url('~antd/es/style/themes/default.less');
 
 .list {
   max-height: 400px;
   overflow: auto;
+
   &::-webkit-scrollbar {
     display: none;
   }
+
   .item {
     padding-right: 24px;
     padding-left: 24px;
@@ -21,32 +23,39 @@
       margin-top: 4px;
       background: @component-background;
     }
+
     .iconElement {
       font-size: 32px;
     }
 
     &.read {
       opacity: 0.4;
     }
+
     &:last-child {
       border-bottom: 0;
     }
+
     &:hover {
       background: @primary-1;
     }
+
     .title {
       margin-bottom: 8px;
       font-weight: normal;
     }
+
     .description {
       font-size: 12px;
       line-height: @line-height-base;
     }
+
     .datetime {
       margin-top: 4px;
       font-size: 12px;
       line-height: @line-height-base;
     }
+
     .extra {
       float: right;
       margin-top: -1.5px;
@@ -55,13 +64,15 @@
       font-weight: normal;
     }
   }
+
   .loadMore {
     padding: 8px 0;
     color: @primary-6;
     text-align: center;
     cursor: pointer;
+
     &.loadedAll {
-      color: rgba(0, 0, 0, 0.25);
+      color: rgb(0 0 0 / 25%);
       cursor: unset;
     }
   }
@@ -71,6 +82,7 @@
   padding: 73px 0 88px;
   color: @text-color-secondary;
   text-align: center;
+
   img {
     display: inline-block;
     height: 76px;
@@ -86,6 +98,7 @@
   border-top: 1px solid @border-color-split;
   border-radius: 0 0 @border-radius-base @border-radius-base;
   transition: all 0.3s;
+
   div {
     display: inline-block;
     width: 50%;
@@ -96,6 +109,7 @@
     &:only-child {
       width: 100%;
     }
+
     &:not(:only-child):last-child {
       border-left: 1px solid @border-color-split;
     }

jsExample/src/components/NoticeIcon/index.less

@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import url('~antd/es/style/themes/default.less');
 
 .popover {
   position: relative;
@@ -10,6 +10,7 @@
   cursor: pointer;
   transition: all 0.3s;
 }
+
 .icon {
   padding: 4px;
   vertical-align: middle;
@@ -28,6 +29,7 @@
     .ant-tabs-nav-scroll {
       text-align: center;
     }
+
     .ant-tabs-bar {
       margin-bottom: 0;
     }

jsExample/src/global.less

@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import url('~antd/es/style/themes/default.less');
 
 html,
 body,
@@ -19,7 +19,7 @@ canvas {
 }
 
 body {
-  text-rendering: optimizeLegibility;
+  text-rendering: optimizelegibility;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
@@ -33,11 +33,13 @@ ol {
   .ant-table {
     width: 100%;
     overflow-x: auto;
+
     &-thead > tr,
     &-tbody > tr {
       > th,
       > td {
         white-space: pre;
+
         > span {
           display: block;
         }

jsExample/src/layouts/UserLayout.less

@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import url('~antd/es/style/themes/default.less');
 
 .container {
   display: flex;
@@ -13,6 +13,7 @@
   height: 40px;
   line-height: 44px;
   text-align: right;
+
   :global(.ant-dropdown-trigger) {
     margin-right: 24px;
   }
@@ -43,6 +44,7 @@
 .header {
   height: 44px;
   line-height: 44px;
+
   a {
     text-decoration: none;
   }

jsExample/src/pages/User/login/index.less

@@ -1,4 +1,4 @@
-@import '~antd/es/style/themes/default.less';
+@import url('~antd/es/style/themes/default.less');
 
 .main {
   width: 328px;
@@ -17,7 +17,7 @@
 
   .icon {
     margin-left: 16px;
-    color: rgba(0, 0, 0, 0.2);
+    color: rgb(0 0 0 / 20%);
     font-size: 24px;
     vertical-align: middle;
     cursor: pointer;
@@ -32,6 +32,7 @@
     margin-top: 24px;
     line-height: 22px;
     text-align: left;
+
     .register {
       float: right;
     }

jsExample/src/pages/Welcome.less

@@ -1,4 +1,4 @@
-@import '~antd/lib/style/themes/default.less';
+@import url('~antd/lib/style/themes/default.less');
 
 .pre {
   margin: 12px 0;

jsExample/src/utils/utils.less

@@ -2,11 +2,13 @@
 // ------------------------
 .clearfix() {
   zoom: 1;
+
   &::before,
   &::after {
     display: table;
     content: ' ';
   }
+
   &::after {
     clear: both;
     height: 0;