Reorganize CSS files (#24739)

Reorganize various CSS files for clarity, group together by subdirectory
in `index.css`. This reorders some of the rules, but I don't think it
should introduce any issues because of that.

.stylelintrc.yaml

@@ -5,7 +5,7 @@ ignoreFiles:
   - "**/*.go"
 
 overrides:
-  - files: ["**/chroma/*", "**/codemirror/*", "**/standalone/*", "**/console/*"]
+  - files: ["**/chroma/*", "**/codemirror/*", "**/standalone/*", "**/console.css"]
     rules:
       scale-unlimited/declaration-strict-value: null
   - files: ["**/chroma/*", "**/codemirror/*"]

web_src/css/base.css

@@ -321,6 +321,16 @@ progress::-moz-progress-bar {
   opacity: 1 !important;
 }
 
+.svg {
+  display: inline-block;
+  vertical-align: text-top;
+  fill: currentcolor;
+}
+
+.middle .svg {
+  vertical-align: middle;
+}
+
 .unselectable,
 .button,
 .lines-num,

web_src/css/index.css

@@ -1,47 +1,53 @@
-@import "./animations.css";
+@import "./modules/animations.css";
+@import "./modules/tippy.css";
+@import "./modules/modal.css";
+@import "./modules/breadcrumb.css";
+@import "./modules/card.css";
+@import "./modules/comment.css";
+
 @import "./shared/issuelist.css";
 @import "./shared/repoorg.css";
+
 @import "./features/dropzone.css";
 @import "./features/gitgraph.css";
 @import "./features/heatmap.css";
 @import "./features/imagediff.css";
 @import "./features/codeeditor.css";
 @import "./features/projects.css";
-@import "./modules/tippy.css";
+@import "./features/tribute.css";
-@import "./modules/modal.css";
+@import "./features/console.css";
-@import "./modules/breadcrumb.css";
+
-@import "./modules/card.css";
-@import "./modules/comment.css";
-@import "./code/linebutton.css";
 @import "./markup/content.css";
 @import "./markup/codecopy.css";
 @import "./markup/asciicast.css";
 
 @import "./chroma/base.css";
 @import "./chroma/light.css";
+
 @import "./codemirror/base.css";
 @import "./codemirror/light.css";
-@import "./console/console.css";
 
-@import "./svg.css";
-@import "./tribute.css";
 @import "./font_i18n.css";
 @import "./base.css";
 @import "./home.css";
 @import "./install.css";
 @import "./form.css";
-@import "./repository.css";
+
-@import "./repository/release-tag.css";
+@import "./repo.css";
-@import "./repository/issue-label.css";
+@import "./repo/release-tag.css";
-@import "./repository/issue-list.css";
+@import "./repo/issue-label.css";
-@import "./repository/list-header.css";
+@import "./repo/issue-list.css";
-@import "./editor.css";
+@import "./repo/list-header.css";
+@import "./repo/linebutton.css";
+
+@import "./editor/fileeditor.css";
 @import "./editor/combomarkdowneditor.css";
-@import "./organization.css";
+
+@import "./org.css";
 @import "./user.css";
 @import "./dashboard.css";
 @import "./admin.css";
 @import "./explore.css";
 @import "./review.css";
-@import "./runner.css";
+@import "./actions.css";
 @import "./helpers.css";

web_src/css/svg.css

@@ -1,9 +0,0 @@
-.svg {
-  display: inline-block;
-  vertical-align: text-top;
-  fill: currentcolor;
-}
-
-.middle .svg {
-  vertical-align: middle;
-}