feat: extract color styles to theme.scss

DTStack · Nov 27, 2020 · 6dd927f · 6dd927f
1 parent a99d131
commit 6dd927f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 8 deletions.
diff --git a/src/components/tabs/style.scss b/src/components/tabs/style.scss
@@ -9,7 +9,6 @@ $tabSwitcher: 'tab-switcher';
 
 .tab-button {
     align-items: center;
-    color: rgba(255, 255, 255, 0.6);
     cursor: pointer;
     display: inline-flex;
     height: 100%;
@@ -37,7 +36,6 @@ $tabSwitcher: 'tab-switcher';
         width: 18px;
 
         &::after {
-            background-color: #fff;
             border-radius: 50%;
             content: '';
             display: block;
@@ -52,7 +50,6 @@ $tabSwitcher: 'tab-switcher';
     &__close {
         cursor: pointer;
         display: block;
-        fill: rgba(255, 255, 255, 1);
         font-weight: 500;
         height: 18px;
         width: 18px;
@@ -92,4 +89,4 @@ $tabSwitcher: 'tab-switcher';
     margin-bottom: auto;
     overflow: hidden;
     overflow-y: auto;
-}
+}
diff --git a/src/style/theme.scss b/src/style/theme.scss
@@ -152,17 +152,17 @@
         }
     }
 
-    .rc-tree-treenode.drag-over > .draggable {
+    .rc-tree-treenode.drag-over>.draggable {
         @include border-color(#316ac5);
         background-color: #316ac5;
         color: #bbb;
     }
 
-    .rc-tree-treenode.drag-over-gap-top > .draggable {
+    .rc-tree-treenode.drag-over-gap-top>.draggable {
         border-top: 2px rgb(0, 122, 204) solid;
     }
 
-    .rc-tree-treenode.drag-over-gap-bottom > .draggable {
+    .rc-tree-treenode.drag-over-gap-bottom>.draggable {
         border-bottom: 2px rgb(0, 122, 204) solid;
     }
 
@@ -174,6 +174,20 @@
 // =============== Tab =============== //
 #{prefix($tabSwitcher)} {
     background-color: rgb(37, 37, 38);
+
+    .tab-button {
+        color: rgba(255, 255, 255, 0.6);
+
+        &__dot {
+            &::after {
+                background-color: #fff;
+            }
+        }
+
+        &__close {
+            fill: rgba(255, 255, 255, 1);
+        }
+    }
 }
 
 // =============== Button =============== //
@@ -192,4 +206,4 @@
             background-color: #316ac5;
         }
     }
-}
+}