sass 拆分

src/setting.scss

@@ -0,0 +1,86 @@
+// Made by Luting ^-^
+// 设置左边栏(包含 Actions 的工作流栏)
+.ui.vertical.menu {
+  background: var(--color-body);
+  border: 0;
+
+  .header.item {
+    color: #9198a1 !important;
+    font-size: 1.5rem;
+    font-weight: 700;
+    background: unset;
+    margin-bottom: 0.5rem;
+  }
+
+  .menu .item:hover {
+    background: var(--color-hover);
+  }
+
+  .item,
+  .item > summary {
+    font-size: 1.1rem;
+    font-weight: 500;
+    background: unset;
+    padding: 8px;
+    color: var(--color-white) !important;
+  }
+
+  .item:before {
+    background: unset;
+  }
+
+  .active.item:after {
+    background: #1f6feb;
+    border-radius: 0.375rem;
+    content: '';
+    height: 1.8rem;
+    left: calc(0.5rem * -1);
+    position: absolute;
+    top: calc(50% - 13px);
+    width: 0.25rem;
+  }
+}
+
+.ui.vertical.menu,
+.ui.fluid.vertical.menu {
+  .active.item {
+    background: #161a21 !important;
+
+    &:hover {
+      background-color: var(--color-hover) !important;
+    }
+  }
+
+  .item,
+  .item > summary {
+    border-radius: 0.5rem !important;
+  }
+}
+
+// 设置右面版
+.user-main-content,
+.repo-setting-content,
+.user-setting-content,
+.org-setting-content,
+.admin-setting-content {
+  .ui.top.attached.header {
+    border: 0;
+    font-size: 1.5rem;
+    font-weight: 400;
+    background-color: unset !important;
+    margin-bottom: 0.25rem;
+  }
+
+  .ui.attached.segment {
+    background-color: unset;
+    border-radius: 0.5rem !important;
+  }
+
+  .ui.attached.segment:not(.error) {
+    border: 1px solid var(--color-light-border) !important;
+  }
+
+  .ui.attached.segment.error {
+    border: 1px solid var(--color-error-border) !important;
+  }
+}