Merge pull request #146 from hocgin/feature-scss

Feature scss
hocgin · Nov 2, 2023 · f50f556 · f50f556
2 parents 856f93b + 08f451c
commit f50f556
Show file tree

Hide file tree

Showing 154 changed files with 719 additions and 731 deletions.
diff --git a/src/Adverts/style/index.less → src/Adverts/style/index.scss b/src/Adverts/style/index.less → src/Adverts/style/index.scss
@@ -1,8 +1,8 @@
-@import (reference) '../../style/index.less';
+@import '../../style/index.scss';
 
-@adverts-prefix-cls: ~'@{hui-prefix}-adverts';
+$adverts-prefix-cls: $hui-prefix + '-adverts';
 
-.@{adverts-prefix-cls} {
+.#{$adverts-prefix-cls} {
   overflow: hidden;
   border-radius: 5px;
   border: 1px solid #ebedf1;
@@ -35,7 +35,7 @@
     object-fit: cover;
   }
 
-  .@{ant-prefix}-image {
+  .#{$ant-prefix}-image {
     height: 100%;
     width: 100%;
     object-fit: cover;
@@ -44,7 +44,7 @@
     display: flex;
   }
 
-  .@{ant-prefix}-carousel .slick-dots-bottom {
+  .#{$ant-prefix}-carousel .slick-dots-bottom {
     bottom: 0;
   }
 }
diff --git a/src/Adverts/style/index.tsx b/src/Adverts/style/index.tsx
@@ -1 +1 @@
-import './index.less';
+import './index.scss';
diff --git a/src/Audio/style/index.less b/src/Audio/style/index.less
diff --git a/src/Audio/style/index.scss b/src/Audio/style/index.scss
@@ -0,0 +1,7 @@
+@import '../../style/index.scss';
+
+$audio-prefix-cls: $hui-prefix + '-audio';
+
+.#{$audio-prefix-cls} {
+  //
+}
diff --git a/src/Audio/style/index.tsx b/src/Audio/style/index.tsx
@@ -1 +1 @@
-import './index.less';
+import './index.scss';
diff --git a/src/ChangeLog/style/index.less b/src/ChangeLog/style/index.less
diff --git a/src/ChangeLog/style/index.scss b/src/ChangeLog/style/index.scss
@@ -0,0 +1,26 @@
+@import '../../style/index.scss';
+
+$changelog-prefix-cls: $hui-prefix + '-changelog';
+
+.#{$changelog-prefix-cls} {
+  margin: 0 5px;
+
+  &-panel {
+    .#{$ant-prefix}-collapse-header {
+      padding: 0 !important;
+    }
+
+    .#{$ant-prefix}-collapse-arrow {
+      margin-right: 5px !important;
+    }
+
+    .#{$ant-prefix}-collapse-content-box {
+      padding-top: 5px !important;
+      padding-bottom: 5px !important;
+      font-size: 12px;
+    }
+  }
+
+  &-current {
+  }
+}
diff --git a/src/ChangeLog/style/index.tsx b/src/ChangeLog/style/index.tsx
@@ -1 +1 @@
-import './index.less';
+import './index.scss';
diff --git a/src/Code/style/index.less b/src/Code/style/index.less
diff --git a/src/Code/style/index.scss b/src/Code/style/index.scss
@@ -0,0 +1,14 @@
+@import '../../style/index.scss';
+
+$code-prefix-cls: $hui-prefix + '-code';
+
+.#{$code-prefix-cls} {
+  padding: 8px;
+  background-color: #fff;
+
+  &.#{$code-prefix-cls}-bordered {
+    border: 1px solid #ebedf1;
+    margin: 2px 0;
+    box-sizing: content-box;
+  }
+}
diff --git a/src/Code/style/index.tsx b/src/Code/style/index.tsx
@@ -1 +1 @@
-import './index.less';
+import './index.scss';
diff --git a/src/Collapse/style/index.less b/src/Collapse/style/index.less
diff --git a/src/Collapse/style/index.scss b/src/Collapse/style/index.scss
@@ -0,0 +1,22 @@
+@import '../../style/index.scss';
+
+$collapse-prefix-cls: $hui-prefix + '-collapse';
+
+.#{$collapse-prefix-cls} {
+  .#{$ant-prefix}-collapse {
+    background-color: unset !important;
+
+    .#{$ant-prefix}-collapse-item {
+      border: unset;
+
+      .#{$ant-prefix}-collapse-header {
+        padding-left: 0;
+        padding-right: 0;
+      }
+    }
+
+    .#{$ant-prefix}-collapse-content > .#{$ant-prefix}-collapse-content-box {
+      padding: 0 !important;
+    }
+  }
+}
diff --git a/src/Collapse/style/index.tsx b/src/Collapse/style/index.tsx
@@ -1 +1 @@
-import './index.less';
+import './index.scss';
diff --git a/src/Comment/style/Comment.Comment.less → src/Comment/style/Comment.Comment.scss b/src/Comment/style/Comment.Comment.less → src/Comment/style/Comment.Comment.scss
@@ -1,9 +1,9 @@
-@import (reference) '../../mixin.less';
-@import (reference) '../../style/index.less';
+@import '../../mixin.scss';
+@import '../../style/index.scss';
 
-@comment-prefix-cls: ~'@{hui-prefix}-comment';
+$comment-prefix-cls: $hui-prefix + '-comment';
 
-.@{comment-prefix-cls} {
+.#{$comment-prefix-cls} {
   flex: 1 1;
   font-style: normal;
 
@@ -51,61 +51,62 @@
     margin-right: 2px;
   }
 
-  .@{ant-prefix}-pagination-item-active {
+  .#{$ant-prefix}-pagination-item-active {
     background: unset !important;
     border: unset !important;
     border-color: unset !important;
   }
 
-  .@{ant-prefix}-comment-nested {
+  .#{$ant-prefix}-comment-nested {
     margin-bottom: 10px;
   }
 
-  .@{ant-prefix}-comment-actions {
+  .#{$ant-prefix}-comment-actions {
     margin-top: 4px;
     margin-bottom: 4px;
   }
 
-  .@{ant-prefix}-comment-content-author-name {
+  .#{$ant-prefix}-comment-content-author-name {
     font-size: 14px;
     font-weight: 400;
   }
 
-  .@{ant-prefix}-comment-content-author {
+  .#{$ant-prefix}-comment-content-author {
     padding-top: 0;
     display: flex;
     align-items: center;
     justify-content: space-between;
   }
 
-  .@{ant-prefix}-comment-avatar {
+  .#{$ant-prefix}-comment-avatar {
     margin-right: 5px;
   }
 
-  .@{ant-prefix}-comment-nested {
+  .#{$ant-prefix}-comment-nested {
     margin-left: 35px;
   }
 
-  .@{ant-prefix}-list-item {
+  .#{$ant-prefix}-list-item {
     padding-top: 4px !important;
     padding-left: 4px !important;
     padding-right: 0 !important;
   }
 
-  .@{ant-prefix}-comment-inner {
+  .#{$ant-prefix}-comment-inner {
     padding-bottom: 0;
   }
-  .@{ant-prefix}-comment {
+
+  .#{$ant-prefix}-comment {
     background-color: unset;
   }
 }
 
-.@{comment-prefix-cls}-commentAction {
+.#{$comment-prefix-cls}-commentAction {
   padding-left: 8px;
   cursor: auto;
 }
 
-.@{comment-prefix-cls}-content {
+.#{$comment-prefix-cls}-content {
   .ProseMirror p {
     margin-bottom: 0;
   }
@@ -115,57 +116,57 @@
   }
 }
 
-.@{comment-prefix-cls}-expanded {
+.#{$comment-prefix-cls}-expanded {
   margin-top: 10px;
   display: flex;
   justify-content: flex-end;
 }
 
-.@{comment-prefix-cls}-activeComment {
+.#{$comment-prefix-cls}-activeComment {
   background-color: rgba(0, 0, 0, 0.02);
 }
 
-.@{comment-prefix-cls}-small {
-  .@{ant-prefix}-comment-inner {
+.#{$comment-prefix-cls}-small {
+  .#{$ant-prefix}-comment-inner {
     padding: 0;
   }
 
-  .@{ant-prefix}-comment-avatar {
+  .#{$ant-prefix}-comment-avatar {
     margin-right: 2px;
   }
 }
 
-.@{comment-prefix-cls} {
-  .@{ant-prefix}-list-item:hover {
+.#{$comment-prefix-cls} {
+  .#{$ant-prefix}-list-item:hover {
     background-color: rgba(0, 0, 0, 0.01);
     border-radius: 2px;
   }
 }
 
-.@{comment-prefix-cls}-subComments {
+.#{$comment-prefix-cls}-subComments {
   flex: 1 1;
 
-  .@{ant-prefix}-list-item {
+  .#{$ant-prefix}-list-item {
     border: none;
   }
 
-  .@{ant-prefix}-list-items .@{ant-prefix}-list-item:last-child {
+  .#{$ant-prefix}-list-items .#{$ant-prefix}-list-item:last-child {
     border-bottom: none !important;
   }
 
-  .@{ant-prefix}-comment-avatar {
+  .#{$ant-prefix}-comment-avatar {
     margin-right: 4px;
   }
 }
 
-.@{comment-prefix-cls}-pagination {
+.#{$comment-prefix-cls}-pagination {
   margin-top: 10px;
   margin-bottom: 10px;
 
-  .@{ant-prefix}-pagination-prev:hover .@{ant-prefix}-pagination-item-link,
-  .@{ant-prefix}-pagination-next:hover .@{ant-prefix}-pagination-item-link,
-  .@{ant-prefix}-pagination-item-active a,
-  .@{ant-prefix}-pagination-item:hover a {
+  .#{$ant-prefix}-pagination-prev:hover .#{$ant-prefix}-pagination-item-link,
+  .#{$ant-prefix}-pagination-next:hover .#{$ant-prefix}-pagination-item-link,
+  .#{$ant-prefix}-pagination-item-active a,
+  .#{$ant-prefix}-pagination-item:hover a {
     color: rgba(0, 0, 0, 0.85);
     border-radius: 6px;
     background: rgba(0, 0, 0, 0.018);