reorganizing and streamlining stylesheets

wowsims · Nov 25, 2022 · 2174e1c · 2174e1c
1 parent 6a175a1
commit 2174e1c
Show file tree

Hide file tree

Showing 118 changed files with 150 additions and 123 deletions.
diff --git a/makefile b/makefile
@@ -85,7 +85,7 @@ ui/core/proto/api.ts: proto/*.proto node_modules
 
 ui/%/index.html: ui/index_template.html
 	$(eval title := $(shell echo $(shell basename $(@D)) | sed -r 's/(^|_)([a-z])/\U \2/g' | cut -c 2-))
-	cat ui/index_template.html | sed 's/@@TITLE@@/WOTLK $(title) Simulator/g' > $@
+	cat ui/index_template.html | sed -e 's/@@TITLE@@/WOTLK $(title) Simulator/g' -e 's/@@SPEC@@/$(shell basename $(@D))/g' > $@
 
 package-lock.json:
 	npm install
@@ -103,7 +103,7 @@ $(OUT_DIR)/%/index.html: ui/index_template.html $(OUT_DIR)/assets
 	$(eval title := $(shell echo $(shell basename $(@D)) | sed -r 's/(^|_)([a-z])/\U \2/g' | cut -c 2-))
 	echo $(title)
 	mkdir -p $(@D)
-	cat ui/index_template.html | sed 's/@@TITLE@@/WOTLK $(title) Simulator/g' > $@
+	cat ui/index_template.html | sed -e 's/@@TITLE@@/WOTLK $(title) Simulator/g' -e 's/@@SPEC@@/$(shell basename $(@D))/g' > $@
 
 .PHONY: wasm
 wasm: $(OUT_DIR)/lib.wasm

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,6 +25,7 @@
     },
     "dependencies": {
         "@popperjs/core": "^2.11.6",
-        "bootstrap": "5.2.3"
+        "bootstrap": "5.2.3",
+        "tippy.js": "^6.3.7"
     }
 }
diff --git a/ui/balance_druid/index.scss b/ui/balance_druid/index.scss
diff --git a/ui/deathknight/index.scss b/ui/deathknight/index.scss
diff --git a/ui/elemental_shaman/index.scss b/ui/elemental_shaman/index.scss
diff --git a/ui/enhancement_shaman/index.scss b/ui/enhancement_shaman/index.scss
diff --git a/ui/feral_druid/index.scss b/ui/feral_druid/index.scss
diff --git a/ui/feral_tank_druid/index.scss b/ui/feral_tank_druid/index.scss
diff --git a/ui/healing_priest/index.scss b/ui/healing_priest/index.scss
diff --git a/ui/hunter/index.scss b/ui/hunter/index.scss
diff --git a/ui/index.html b/ui/index.html
@@ -5,7 +5,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1.0"> 
 
 		<link rel="icon" href="/wotlk/assets/favicon_io/favicon.ico" type="image/x-icon">
-		<link rel="stylesheet" href="./index.scss">
+		<link rel="stylesheet" href="./homepage/index.scss">
 		<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 	</head>
 	<body>

diff --git a/ui/index.scss b/ui/index.scss
diff --git a/ui/index.ts b/ui/index.ts
@@ -1,15 +1,18 @@
 import * as Popper from '@popperjs/core';
 import * as bootstrap from 'bootstrap';
+import tippy from 'tippy.js';
 
 declare global {
   interface Window {
     Popper: any;
     bootstrap: any;
+    tippy: any;
   }
 }
 
 window.Popper = Popper;
 window.bootstrap = bootstrap;
+window.tippy = tippy;
 
 import './shared/bootstrap_overrides';
 

diff --git a/ui/index_template.html b/ui/index_template.html
@@ -1,26 +1,24 @@
+<!DOCTYPE html>
 <html>
   <head>
     <title>@@TITLE@@</title>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <link rel="preload" href="/wotlk/assets/database/db.bin" as="fetch" crossOrigin="anonymous">
     <link rel="icon" type="image/x-icon" href="/wotlk/assets/favicon_io/favicon.ico">
-    <link rel="stylesheet" href="./index.scss">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-Zenh87qX5JnK2Jl0vWa8Ck2rdkQ2Bzep5IDxbcnCeuOxjzrPF/et3URy9Bv1WTRi" crossorigin="anonymous">
+    <link rel="stylesheet" href="../scss/sims/@@SPEC@@/index.scss">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" integrity="sha512-9usAa10IRO0HhonpyAIVpjrylPvoDwiPUiKdWk5t3PyolY1cOd4DSE0Ga+ri4AuTroPR5aQvXU9xC6qOPnzFeg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.tablesorter/2.31.3/js/jquery.tablesorter.min.js" integrity="sha512-qzgd5cYSZcosqpzpn7zF2ZId8f/8CHmFKZ8j7mU4OUXTNRd5g+ZHBPsgKEwoqxCtdQvExE5LprwwPAgoicguNg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/bPopup/0.11.0/jquery.bpopup.min.js" integrity="sha512-kmrY+BFhi6ywgfK8hW1ySM/KYU3xPd4elbMhORq3DhacwqmitFrf3GB2HpLj3srV1zFsqxvAcZ4qU+y+ym1Eeg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/muuri.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
-    <script src="https://unpkg.com/@popperjs/core@2"></script>
-    <script src="https://unpkg.com/tippy.js@6"></script>
+    <script src="../index.ts" type="module"></script>
+    <script src="./index.ts" type="module"></script>
     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.5.1/chart.min.js" integrity="sha512-Wt1bJGtlnMtGP0dqNFH1xlkLBNpEodaiQ8ZN5JLA5wpc1sUlk/O5uuOMNgvzddzkpvZ9GLyYNa8w2s7rqiTk5Q==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
-    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3" crossorigin="anonymous"></script>
-    <script type="module" src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.4/pako.min.js"></script>
-    <script type="module" src="./index.ts"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/pako/2.0.4/pako.min.js" type="module"></script>
     <!-- Global site tag (gtag.js) - Google Analytics -->
     <script async src="https://www.googletagmanager.com/gtag/js?id=G-T3HBB0LXNX"></script>
     <script>

diff --git a/ui/mage/index.scss b/ui/mage/index.scss
diff --git a/ui/protection_paladin/index.scss b/ui/protection_paladin/index.scss
diff --git a/ui/protection_warrior/index.scss b/ui/protection_warrior/index.scss
diff --git a/ui/retribution_paladin/index.scss b/ui/retribution_paladin/index.scss
diff --git a/ui/rogue/index.scss b/ui/rogue/index.scss
diff --git a/ui/core/components/_bonus_stats_picker.scss → ...s/core/components/bonus_stats_picker.scss b/ui/core/components/_bonus_stats_picker.scss → ...s/core/components/bonus_stats_picker.scss
diff --git a/ui/core/components/_boolean_picker.scss → ui/scss/core/components/boolean_picker.scss b/ui/core/components/_boolean_picker.scss → ui/scss/core/components/boolean_picker.scss
diff --git a/ui/core/components/_character_stats.scss → ui/scss/core/components/character_stats.scss b/ui/core/components/_character_stats.scss → ui/scss/core/components/character_stats.scss
diff --git a/ui/core/components/_close_button.scss → ui/scss/core/components/close_button.scss b/ui/core/components/_close_button.scss → ui/scss/core/components/close_button.scss
diff --git a/ui/core/components/_cooldowns_picker.scss → ...css/core/components/cooldowns_picker.scss b/ui/core/components/_cooldowns_picker.scss → ...css/core/components/cooldowns_picker.scss
diff --git a/...e/components/_custom_rotation_picker.scss → ...re/components/custom_rotation_picker.scss b/...e/components/_custom_rotation_picker.scss → ...re/components/custom_rotation_picker.scss
diff --git a/ui/core/components/_detailed_results.scss → ...css/core/components/detailed_results.scss b/ui/core/components/_detailed_results.scss → ...css/core/components/detailed_results.scss
diff --git a/ui/core/components/_encounter_picker.scss → ...css/core/components/encounter_picker.scss b/ui/core/components/_encounter_picker.scss → ...css/core/components/encounter_picker.scss
diff --git a/ui/core/components/_enum_picker.scss → ui/scss/core/components/enum_picker.scss b/ui/core/components/_enum_picker.scss → ui/scss/core/components/enum_picker.scss
diff --git a/ui/core/components/_exporters.scss → ui/scss/core/components/exporters.scss b/ui/core/components/_exporters.scss → ui/scss/core/components/exporters.scss
diff --git a/ui/core/components/_filters_menu.scss → ui/scss/core/components/filters_menu.scss b/ui/core/components/_filters_menu.scss → ui/scss/core/components/filters_menu.scss
diff --git a/ui/core/components/_gear_picker.scss → ui/scss/core/components/gear_picker.scss b/ui/core/components/_gear_picker.scss → ui/scss/core/components/gear_picker.scss
diff --git a/ui/core/components/_icon_enum_picker.scss → ...css/core/components/icon_enum_picker.scss b/ui/core/components/_icon_enum_picker.scss → ...css/core/components/icon_enum_picker.scss
diff --git a/ui/core/components/_icon_picker.scss → ui/scss/core/components/icon_picker.scss b/ui/core/components/_icon_picker.scss → ui/scss/core/components/icon_picker.scss
diff --git a/ui/core/components/_importers.scss → ui/scss/core/components/importers.scss b/ui/core/components/_importers.scss → ui/scss/core/components/importers.scss
diff --git a/ui/core/components/_input.scss → ui/scss/core/components/input.scss b/ui/core/components/_input.scss → ui/scss/core/components/input.scss
diff --git a/ui/core/components/_list_picker.scss → ui/scss/core/components/list_picker.scss b/ui/core/components/_list_picker.scss → ui/scss/core/components/list_picker.scss
diff --git a/ui/core/components/_log_runner.scss → ui/scss/core/components/log_runner.scss b/ui/core/components/_log_runner.scss → ui/scss/core/components/log_runner.scss
diff --git a/ui/core/components/_multi_icon_picker.scss → ...ss/core/components/multi_icon_picker.scss b/ui/core/components/_multi_icon_picker.scss → ...ss/core/components/multi_icon_picker.scss
diff --git a/ui/core/components/_number_list_picker.scss → ...s/core/components/number_list_picker.scss b/ui/core/components/_number_list_picker.scss → ...s/core/components/number_list_picker.scss
diff --git a/ui/core/components/_number_picker.scss → ui/scss/core/components/number_picker.scss b/ui/core/components/_number_picker.scss → ui/scss/core/components/number_picker.scss
diff --git a/ui/core/components/_popup.scss → ui/scss/core/components/popup.scss b/ui/core/components/_popup.scss → ui/scss/core/components/popup.scss
diff --git a/ui/core/components/_raid_sim_action.scss → ui/scss/core/components/raid_sim_action.scss b/ui/core/components/_raid_sim_action.scss → ui/scss/core/components/raid_sim_action.scss
diff --git a/ui/core/components/_raid_target_picker.scss → ...s/core/components/raid_target_picker.scss b/ui/core/components/_raid_target_picker.scss → ...s/core/components/raid_target_picker.scss
diff --git a/ui/core/components/_saved_data_manager.scss → ...s/core/components/saved_data_manager.scss b/ui/core/components/_saved_data_manager.scss → ...s/core/components/saved_data_manager.scss
diff --git a/ui/core/components/_settings_menu.scss → ui/scss/core/components/settings_menu.scss b/ui/core/components/_settings_menu.scss → ui/scss/core/components/settings_menu.scss
diff --git a/ui/core/components/_stat_weights_action.scss → .../core/components/stat_weights_action.scss b/ui/core/components/_stat_weights_action.scss → .../core/components/stat_weights_action.scss
diff --git a/ui/core/components/_string_picker.scss → ui/scss/core/components/string_picker.scss b/ui/core/components/_string_picker.scss → ui/scss/core/components/string_picker.scss
diff --git a/ui/core/components/_title.scss → ui/scss/core/components/title.scss b/ui/core/components/_title.scss → ui/scss/core/components/title.scss
diff --git a/ui/core/components/_totem_inputs.scss → ui/scss/core/components/totem_inputs.scss b/ui/core/components/_totem_inputs.scss → ui/scss/core/components/totem_inputs.scss
diff --git a/ui/scss/core/individual_sim_ui/index.scss b/ui/scss/core/individual_sim_ui/index.scss
@@ -0,0 +1,32 @@
+// Import Sim UI and system-wide styles
+@import "../sim_ui/index";
+
+// Import Individual Sim UI Styles
+@import "./shared";
+
+// Import component styles
+@import "../components/bonus_stats_picker";
+@import "../components/boolean_picker";
+@import "../components/character_stats";
+@import "../components/cooldowns_picker";
+@import "../components/custom_rotation_picker";
+@import "../components/detailed_results";
+@import "../components/encounter_picker";
+@import "../components/exporters";
+@import "../components/enum_picker";
+@import "../components/gear_picker";
+@import "../components/icon_enum_picker";
+@import "../components/icon_picker";
+@import "../components/importers";
+@import "../components/log_runner";
+@import "../components/multi_icon_picker";
+@import "../components/number_list_picker";
+@import "../components/number_picker";
+@import "../components/raid_sim_action";
+@import "../components/raid_target_picker";
+@import "../components/saved_data_manager";
+@import "../components/settings_menu";
+@import "../components/stat_weights_action";
+@import "../talents/hunter_pet";
+@import "../talents/glyphs_picker";
+@import "../talents/talents_picker";
diff --git a/ui/core/_individual_sim_ui.scss → ui/scss/core/individual_sim_ui/shared.scss b/ui/core/_individual_sim_ui.scss → ui/scss/core/individual_sim_ui/shared.scss
@@ -1,31 +1,3 @@
-@import "./shared";
-@import "./sim_ui";
-@import "./components/bonus_stats_picker";
-@import "./components/boolean_picker";
-@import "./components/character_stats";
-@import "./components/cooldowns_picker";
-@import "./components/custom_rotation_picker";
-@import "./components/detailed_results";
-@import "./components/encounter_picker";
-@import "./components/exporters";
-@import "./components/enum_picker";
-@import "./components/gear_picker";
-@import "./components/icon_enum_picker";
-@import "./components/icon_picker";
-@import "./components/importers";
-@import "./components/log_runner";
-@import "./components/multi_icon_picker";
-@import "./components/number_list_picker";
-@import "./components/number_picker";
-@import "./components/raid_sim_action";
-@import "./components/raid_target_picker";
-@import "./components/saved_data_manager";
-@import "./components/settings_menu";
-@import "./components/stat_weights_action";
-@import "./talents/hunter_pet";
-@import "./talents/glyphs_picker";
-@import "./talents/talents_picker";
-
 .within-raid-sim .within-raid-sim-hide {
 	display: none;
 }

diff --git a/ui/scss/core/sim_ui/index.scss b/ui/scss/core/sim_ui/index.scss
@@ -0,0 +1,10 @@
+// Import system-wide styles
+@import "../../index";
+
+// Import Sim UI Styles
+@import "./shared";
+
+// Import Components
+@import "../components/close_button";
+@import "../components/number_picker";
+@import "../components/title";
diff --git a/ui/core/_sim_ui.scss → ui/scss/core/sim_ui/shared.scss b/ui/core/_sim_ui.scss → ui/scss/core/sim_ui/shared.scss
@@ -1,7 +1,3 @@
-@import "./components/close_button";
-@import "./components/number_picker";
-@import "./components/title";
-
 html {
 	overflow: hidden;
 }
@@ -14,6 +10,10 @@ td, th {
   padding: auto;
 }
 
+.sim-ui {
+	height: 100%;
+}
+
 .sim-root {
   height: 100%;
   display: flex;

diff --git a/ui/core/talents/_glyphs_picker.scss → ui/scss/core/talents/glyphs_picker.scss b/ui/core/talents/_glyphs_picker.scss → ui/scss/core/talents/glyphs_picker.scss
diff --git a/ui/core/talents/_hunter_pet.scss → ui/scss/core/talents/hunter_pet.scss b/ui/core/talents/_hunter_pet.scss → ui/scss/core/talents/hunter_pet.scss
@@ -1,4 +1,3 @@
-
 .hunter-pet-talents-cunning, .hunter-pet-talents-ferocity, .hunter-pet-talents-tenacity {
 	display: none !important;
 }

diff --git a/ui/core/talents/_talents_picker.scss → ui/scss/core/talents/talents_picker.scss b/ui/core/talents/_talents_picker.scss → ui/scss/core/talents/talents_picker.scss
diff --git a/ui/scss/global.scss b/ui/scss/global.scss
@@ -6,6 +6,10 @@
   letter-spacing: 1px;
 }
 
+html {
+  height: 100%;
+}
+
 body {
   height: 100%;
   opacity: 0;

diff --git a/ui/core/_shared.scss → ui/scss/global_old.scss b/ui/core/_shared.scss → ui/scss/global_old.scss
diff --git a/ui/scss/homepage.scss → ui/scss/homepage/homepage.scss b/ui/scss/homepage.scss → ui/scss/homepage/homepage.scss
diff --git a/ui/scss/homepage/index.scss b/ui/scss/homepage/index.scss
@@ -0,0 +1,2 @@
+@import "../index";
+@import "./homepage";
diff --git a/ui/scss/index.scss b/ui/scss/index.scss
@@ -19,13 +19,18 @@
 @import "bootstrap/scss/helpers";
 @import "bootstrap/scss/transitions";
 @import "bootstrap/scss/dropdown";
+@import "bootstrap/scss/nav";
 @import "bootstrap/scss/navbar";
 
 // Bootstrap Utilities API
-@import "bootstrap/scss/utilities/api";
+@import "./bootstrap/scss/utilities/api";
 
-// custom Bootstrap style overrides
-@import "bootstrap_style_overrides";
+// Custom Bootstrap style overrides
+@import "./bootstrap_style_overrides";
+
+// Import other plugin styles
+@import "tippy.js/dist/tippy";
 
 // Custom styles
-@import "global";
+@import "./global";
+@import "./global_old";
diff --git a/ui/scss/sims/balance_druid/index.scss b/ui/scss/sims/balance_druid/index.scss
@@ -0,0 +1,2 @@
+@import "../../core/individual_sim_ui/index";
+@import "./sim";
diff --git a/ui/balance_druid/_sim.scss → ui/scss/sims/balance_druid/sim.scss b/ui/balance_druid/_sim.scss → ui/scss/sims/balance_druid/sim.scss
diff --git a/ui/scss/sims/deathknight/index.scss b/ui/scss/sims/deathknight/index.scss
@@ -0,0 +1,2 @@
+@import "../../core/individual_sim_ui/index";
+@import "./sim";
diff --git a/ui/deathknight/_sim.scss → ui/scss/sims/deathknight/sim.scss b/ui/deathknight/_sim.scss → ui/scss/sims/deathknight/sim.scss
diff --git a/ui/detailed_results/_dps_histogram.scss → .../sims/detailed_results/dps_histogram.scss b/ui/detailed_results/_dps_histogram.scss → .../sims/detailed_results/dps_histogram.scss
diff --git a/ui/detailed_results/index.scss → ui/scss/sims/detailed_results/index.scss b/ui/detailed_results/index.scss → ui/scss/sims/detailed_results/index.scss
@@ -1,12 +1,11 @@
-@import "../core/shared";
-@import "../core/sim_ui";
-@import "dps_histogram";
-@import "player_damage";
-@import "resource_metrics";
-@import "results_filter";
-@import "source_chart";
-@import "timeline";
-@import "topline_results";
+@import "../../core/sim_ui";
+@import "./dps_histogram";
+@import "./player_damage";
+@import "./resource_metrics";
+@import "./results_filter";
+@import "./source_chart";
+@import "./timeline";
+@import "./topline_results";
 
 body {
 	background-color: transparent;
@@ -142,8 +141,7 @@ body.new-tab {
 .child-metric>*:first-child {
 	padding-left: 20px;
 }
-.expand-toggle {
-}
+
 tr:not(.parent-metric) .expand-toggle {
 	display: none;
 }

diff --git a/ui/detailed_results/_player_damage.scss → .../sims/detailed_results/player_damage.scss b/ui/detailed_results/_player_damage.scss → .../sims/detailed_results/player_damage.scss
diff --git a/ui/detailed_results/_resource_metrics.scss → ...ms/detailed_results/resource_metrics.scss b/ui/detailed_results/_resource_metrics.scss → ...ms/detailed_results/resource_metrics.scss
diff --git a/ui/detailed_results/_results_filter.scss → ...sims/detailed_results/results_filter.scss b/ui/detailed_results/_results_filter.scss → ...sims/detailed_results/results_filter.scss
diff --git a/ui/detailed_results/_source_chart.scss → ...s/sims/detailed_results/source_chart.scss b/ui/detailed_results/_source_chart.scss → ...s/sims/detailed_results/source_chart.scss
diff --git a/ui/detailed_results/_timeline.scss → ui/scss/sims/detailed_results/timeline.scss b/ui/detailed_results/_timeline.scss → ui/scss/sims/detailed_results/timeline.scss
diff --git a/ui/detailed_results/_topline_results.scss → ...ims/detailed_results/topline_results.scss b/ui/detailed_results/_topline_results.scss → ...ims/detailed_results/topline_results.scss
@@ -1,4 +1,4 @@
-@import "../core/components/raid_sim_action";
+@import "../../core/components/raid_sim_action";
 
 .topline-results-root {
 	display: flex;

diff --git a/ui/scss/sims/elemental_shaman/index.scss b/ui/scss/sims/elemental_shaman/index.scss
@@ -0,0 +1,3 @@
+@import "../../core/individual_sim_ui/index";
+@import "../../core/components/totem_inputs";
+@import "./sim";
diff --git a/ui/elemental_shaman/_sim.scss → ui/scss/sims/elemental_shaman/sim.scss b/ui/elemental_shaman/_sim.scss → ui/scss/sims/elemental_shaman/sim.scss
@@ -1,5 +1,3 @@
-@import "../core/components/totem_inputs";
-
 // Set color variables which control the site theme.
 .elemental-shaman-sim-ui {
 	--theme-color-primary: #228db0;

diff --git a/ui/scss/sims/enhancement_shaman/index.scss b/ui/scss/sims/enhancement_shaman/index.scss
@@ -0,0 +1,3 @@
+@import "../../core/individual_sim_ui/index";
+@import "../../core/components/totem_inputs";
+@import "./sim";
diff --git a/ui/enhancement_shaman/_sim.scss → ui/scss/sims/enhancement_shaman/sim.scss b/ui/enhancement_shaman/_sim.scss → ui/scss/sims/enhancement_shaman/sim.scss
@@ -1,5 +1,3 @@
-@import "../core/components/totem_inputs";
-
 // Set color variables which control the site theme.
 .enhancement-shaman-sim-ui {
 	--theme-color-primary: #228db0;

diff --git a/ui/scss/sims/feral_druid/index.scss b/ui/scss/sims/feral_druid/index.scss
@@ -0,0 +1,2 @@
+@import "../../core/individual_sim_ui/index";
+@import "./sim";
diff --git a/ui/feral_druid/_sim.scss → ui/scss/sims/feral_druid/sim.scss b/ui/feral_druid/_sim.scss → ui/scss/sims/feral_druid/sim.scss
diff --git a/ui/scss/sims/feral_tank_druid/index.scss b/ui/scss/sims/feral_tank_druid/index.scss
@@ -0,0 +1,2 @@
+@import "../../core/individual_sim_ui/index";
+@import "./sim";
diff --git a/ui/feral_tank_druid/_sim.scss → ui/scss/sims/feral_tank_druid/sim.scss b/ui/feral_tank_druid/_sim.scss → ui/scss/sims/feral_tank_druid/sim.scss
diff --git a/ui/scss/sims/healing_priest/index.scss b/ui/scss/sims/healing_priest/index.scss
@@ -0,0 +1,2 @@
+@import "../../core/individual_sim_ui/index";
+@import "./sim";
diff --git a/ui/healing_priest/_sim.scss → ui/scss/sims/healing_priest/sim.scss b/ui/healing_priest/_sim.scss → ui/scss/sims/healing_priest/sim.scss
diff --git a/ui/scss/sims/hunter/index.scss b/ui/scss/sims/hunter/index.scss
@@ -0,0 +1,3 @@
+@import "../../core/individual_sim_ui/index";
+@import "../../core/components/totem_inputs";
+@import "./sim";
diff --git a/ui/hunter/_sim.scss → ui/scss/sims/hunter/sim.scss b/ui/hunter/_sim.scss → ui/scss/sims/hunter/sim.scss
@@ -1,5 +1,3 @@
-@import "../core/components/totem_inputs";
-
 // Set color variables which control the site theme.
 .hunter-sim-ui {
 	--theme-color-primary: #2ead50;

diff --git a/ui/scss/sims/mage/index.scss b/ui/scss/sims/mage/index.scss
@@ -0,0 +1,2 @@
+@import "../../core/individual_sim_ui/index";
+@import "./sim";
diff --git a/ui/mage/_sim.scss → ui/scss/sims/mage/sim.scss b/ui/mage/_sim.scss → ui/scss/sims/mage/sim.scss
diff --git a/ui/scss/sims/protection_paladin/index.scss b/ui/scss/sims/protection_paladin/index.scss
@@ -0,0 +1,2 @@
+@import "../../core/individual_sim_ui/index";
+@import "./sim";
diff --git a/ui/protection_paladin/_sim.scss → ui/scss/sims/protection_paladin/sim.scss b/ui/protection_paladin/_sim.scss → ui/scss/sims/protection_paladin/sim.scss
diff --git a/ui/scss/sims/protection_warrior/index.scss b/ui/scss/sims/protection_warrior/index.scss
@@ -0,0 +1,2 @@
+@import "../../core/individual_sim_ui/index";
+@import "./sim";
diff --git a/ui/protection_warrior/_sim.scss → ui/scss/sims/protection_warrior/sim.scss b/ui/protection_warrior/_sim.scss → ui/scss/sims/protection_warrior/sim.scss
diff --git a/ui/raid/_assignments_picker.scss → ui/scss/sims/raid/assignments_picker.scss b/ui/raid/_assignments_picker.scss → ui/scss/sims/raid/assignments_picker.scss
diff --git a/ui/raid/_blessings_picker.scss → ui/scss/sims/raid/blessings_picker.scss b/ui/raid/_blessings_picker.scss → ui/scss/sims/raid/blessings_picker.scss
@@ -1,4 +1,3 @@
-
 .blessings-table-header-cell {
 	padding: 2px 10px;
 }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		@import "../../core/individual_sim_ui/index";
		@import "./sim";