From d79381340a5e6beb216ce060a72b176f764fe91e Mon Sep 17 00:00:00 2001
From: Kayla Glick <12898988+kayla-glick@users.noreply.github.com>
Date: Sun, 11 Feb 2024 15:44:48 -0500
Subject: [PATCH] fix map-gets, update homepage (#4211)

---
 ui/index.html                                  |  2 +-
 ui/scss/core/components/_bulk.scss             |  6 +++---
 ui/scss/core/components/_character_stats.scss  | 12 ++++++------
 ui/scss/core/components/_content_block.scss    |  2 +-
 ui/scss/core/components/_encounter_picker.scss |  2 +-
 ui/scss/core/components/_filters_menu.scss     |  2 +-
 ui/scss/core/components/_gear_picker.scss      | 12 ++++++------
 ui/scss/core/components/_icon_picker.scss      |  4 ++--
 ui/scss/core/components/_input.scss            |  4 ++--
 ui/scss/core/components/_item_swap_picker.scss |  2 +-
 ui/scss/core/components/_list_picker.scss      |  8 ++++----
 ui/scss/core/components/_raid_sim_action.scss  |  4 ++--
 .../core/components/_saved_data_manager.scss   |  6 +++---
 ui/scss/core/components/_sim_tab.scss          |  4 ++--
 .../core/components/_stat_weights_action.scss  |  8 ++++----
 .../individual_sim_ui/_consumes_picker.scss    |  2 +-
 .../individual_sim_ui/_cooldowns_picker.scss   |  2 +-
 .../individual_sim_ui/_rotation_tab.scss       |  2 +-
 .../individual_sim_ui/_settings_tab.scss       |  4 ++--
 ui/scss/core/sim_ui/_header.scss               |  2 +-
 ui/scss/core/sim_ui/_sidebar.scss              |  4 ++--
 ui/scss/homepage/_homepage.scss                | 18 +++++++++---------
 ui/scss/shared/_bootstrap_style_overrides.scss |  4 ++--
 ui/scss/shared/_global.scss                    |  2 +-
 ui/scss/shared/_sim_links.scss                 |  4 ++--
 ui/scss/shared/_variables.scss                 |  6 +++---
 ui/scss/sims/raid/_blessings_picker.scss       |  4 ++--
 ui/scss/sims/raid/_player.scss                 |  2 +-
 ui/scss/sims/raid/_raid_picker.scss            | 12 ++++++------
 ui/scss/sims/raid/_raid_sim_ui.scss            |  4 ++--
 ui/scss/sims/raid/_raid_stats.scss             |  6 +++---
 ui/scss/sims/raid/_settings_tab.scss           |  2 +-
 32 files changed, 79 insertions(+), 79 deletions(-)

diff --git a/ui/index.html b/ui/index.html
index d25ec144ba..d9f830e004 100644
--- a/ui/index.html
+++ b/ui/index.html
@@ -23,7 +23,7 @@
 								<img class="wowsims-logo" src="/wotlk/assets/img/WoW-Simulator-Icon.png">
 								<div class="d-flex flex-column">
 									<h2 class="wowsims-title">WoWSims</h2>
-									<h2 class="expansion-title w-100">Wrath of the Lich King</h2>
+									<h3 class="expansion-title w-100">Wrath of the Lich King</h2>
 								</div>
 							</a>
 							<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#homepageHeaderCollapse" aria-controls="homepageHeaderCollapse" aria-expanded="false" aria-label="Toggle navigation">
diff --git a/ui/scss/core/components/_bulk.scss b/ui/scss/core/components/_bulk.scss
index 6e0b83363c..76fca547b6 100644
--- a/ui/scss/core/components/_bulk.scss
+++ b/ui/scss/core/components/_bulk.scss
@@ -1,7 +1,7 @@
 @use "sass:map";
 
 .bulk-settings-button {
-  margin-top: map.get($spacers, 3);
+  margin-top: map-get($spacers, 3);
 }
 
 .bulk-result {
@@ -20,7 +20,7 @@
 .bulk-result-item-slot {
   color: aliceblue;
   margin-left: 0.5rem;
-  font-size: 0.5 * map.get($font-sizes, 6);
+  font-size: 0.5 * map-get($font-sizes, 6);
 }
 
 .bulk-results-header .content-block-header {
@@ -42,7 +42,7 @@
 }
 
 .bulk-result-body-dps {
-  font-size: map.get($font-sizes, 6);
+  font-size: map-get($font-sizes, 6);
   text-align: left;
 
   .topline-result-avg {
diff --git a/ui/scss/core/components/_character_stats.scss b/ui/scss/core/components/_character_stats.scss
index 8c379397d5..4cb3a52d3d 100644
--- a/ui/scss/core/components/_character_stats.scss
+++ b/ui/scss/core/components/_character_stats.scss
@@ -5,7 +5,7 @@
   padding-bottom: .8rem;
   
   .character-stats-label {
-    margin-bottom: map.get($spacers, 2);
+    margin-bottom: map-get($spacers, 2);
   }
 
   .character-stats-table {
@@ -17,17 +17,17 @@
 
       .character-stats-table-label,
       .character-stats-table-value {
-        padding-top: map.get($spacers, 2);
-        padding-bottom: map.get($spacers, 2);
+        padding-top: map-get($spacers, 2);
+        padding-bottom: map-get($spacers, 2);
       }
 
       .character-stats-table-label {
-        padding-right: map.get($spacers, 2);
+        padding-right: map-get($spacers, 2);
         text-align: left;
       }
 
       .character-stats-table-value {
-        padding-left: map.get($spacers, 2);
+        padding-left: map-get($spacers, 2);
         font-weight: bold;
         text-align: right;
       }
@@ -52,6 +52,6 @@
 	justify-content: space-between;
 
   span:first-child {
-    margin-right: map.get($spacers, 2);
+    margin-right: map-get($spacers, 2);
   }
 }
diff --git a/ui/scss/core/components/_content_block.scss b/ui/scss/core/components/_content_block.scss
index 4bc7523a3f..4fac4e2a30 100644
--- a/ui/scss/core/components/_content_block.scss
+++ b/ui/scss/core/components/_content_block.scss
@@ -5,7 +5,7 @@
   flex-direction: column;
 
   &:not(:last-child) {
-    margin-bottom: 2 * map.get($spacers, 3);
+    margin-bottom: 2 * map-get($spacers, 3);
   }
 
   .content-block-header {
diff --git a/ui/scss/core/components/_encounter_picker.scss b/ui/scss/core/components/_encounter_picker.scss
index 925be0d74b..3b5c924a7f 100644
--- a/ui/scss/core/components/_encounter_picker.scss
+++ b/ui/scss/core/components/_encounter_picker.scss
@@ -51,7 +51,7 @@
 			width: 33.33%;
 
 			&:not(:last-child) {
-				margin-right: map.get($spacers, 3);
+				margin-right: map-get($spacers, 3);
 			}
 
 			&.target-picker-section2 {
diff --git a/ui/scss/core/components/_filters_menu.scss b/ui/scss/core/components/_filters_menu.scss
index 4e512e8d5b..a0427fcaf6 100644
--- a/ui/scss/core/components/_filters_menu.scss
+++ b/ui/scss/core/components/_filters_menu.scss
@@ -1,6 +1,6 @@
 .filters-menu {
 	.menu-section:not(:last-child) {
-		margin-bottom: map.get($spacers, 3);
+		margin-bottom: map-get($spacers, 3);
 	}
 
 	[class*="filters-menu-section-"] {
diff --git a/ui/scss/core/components/_gear_picker.scss b/ui/scss/core/components/_gear_picker.scss
index 842bfcadcb..3e07b9938e 100644
--- a/ui/scss/core/components/_gear_picker.scss
+++ b/ui/scss/core/components/_gear_picker.scss
@@ -105,12 +105,12 @@
 }
 
 .item-picker-labels-container {
-  padding: map.get($spacers, 2);
+  padding: map-get($spacers, 2);
   flex: 1;
 
   .item-picker-name {
     color: white;
-    font-size: map.get($font-sizes, 6);
+    font-size: map-get($font-sizes, 6);
     letter-spacing: normal;
   }
   
@@ -148,12 +148,12 @@
 }
 
 .item-picker-labels-container {
-  padding: map.get($spacers, 2);
+  padding: map-get($spacers, 2);
   flex: 1;
 
   .item-picker-name {
     color: white;
-    font-size: map.get($font-sizes, 6);
+    font-size: map-get($font-sizes, 6);
     letter-spacing: normal;
   }
   
@@ -169,12 +169,12 @@
     padding: 0;
   
     .selector-modal-filters {
-      margin-bottom: map.get($spacers, 3);
+      margin-bottom: map-get($spacers, 3);
       display: flex;
       align-items: center;
 
       &> *:not(:last-child) {
-        margin-right: map.get($spacers, 2);
+        margin-right: map-get($spacers, 2);
       }
 
       input, select {
diff --git a/ui/scss/core/components/_icon_picker.scss b/ui/scss/core/components/_icon_picker.scss
index b2d2a00d9c..07cfac71fe 100644
--- a/ui/scss/core/components/_icon_picker.scss
+++ b/ui/scss/core/components/_icon_picker.scss
@@ -67,7 +67,7 @@
   }
 
   label {
-    margin-left: map.get($spacers, 2);
+    margin-left: map-get($spacers, 2);
   }
 
   .dropdown-menu {
@@ -100,7 +100,7 @@
     flex-wrap: wrap;
 
     &> :not(:last-child) {
-      margin-right: map.get($spacers, 1);
+      margin-right: map-get($spacers, 1);
     }
 
     &> * {
diff --git a/ui/scss/core/components/_input.scss b/ui/scss/core/components/_input.scss
index 41ea35645a..202878f322 100644
--- a/ui/scss/core/components/_input.scss
+++ b/ui/scss/core/components/_input.scss
@@ -24,7 +24,7 @@
   align-items: center;
 
   label {
-    margin-right: map.get($spacers, 1);
+    margin-right: map-get($spacers, 1);
   }
 
   input, select {
@@ -40,7 +40,7 @@
     flex: 1;
 
     &:not(:last-child) {
-      margin-right: map.get($spacers, 3);
+      margin-right: map-get($spacers, 3);
     }
   }
 }
diff --git a/ui/scss/core/components/_item_swap_picker.scss b/ui/scss/core/components/_item_swap_picker.scss
index fd0952bc47..c3db7b2049 100644
--- a/ui/scss/core/components/_item_swap_picker.scss
+++ b/ui/scss/core/components/_item_swap_picker.scss
@@ -15,6 +15,6 @@
   }
 
   .input-root:not(:last-child) {
-    margin-right: map.get($spacers, 1);
+    margin-right: map-get($spacers, 1);
   }
 }
diff --git a/ui/scss/core/components/_list_picker.scss b/ui/scss/core/components/_list_picker.scss
index 57007af435..425b360e51 100644
--- a/ui/scss/core/components/_list_picker.scss
+++ b/ui/scss/core/components/_list_picker.scss
@@ -5,7 +5,7 @@
 	align-items: center;
 
 	&:not(:last-child) {
-		margin-bottom: 2 * map.get($spacers, 3);
+		margin-bottom: 2 * map-get($spacers, 3);
 	}
 
 	.list-picker-title {
@@ -21,7 +21,7 @@
 		width: 100%;
 
 		.list-picker-item-container {
-			margin-bottom: map.get($spacers, 3);
+			margin-bottom: map-get($spacers, 3);
 
 			&.inline {
 				border: 0;
@@ -36,7 +36,7 @@
 			}
 
 			&:not(.inline) {
-				padding: map.get($spacers, 3) map.get($spacers, 3) 0 map.get($spacers, 3);
+				padding: map-get($spacers, 3) map-get($spacers, 3) 0 map-get($spacers, 3);
 				border: 1px solid $link-color;
 
 				.list-picker-item-header {
@@ -59,7 +59,7 @@
 				}
 		
 				.list-picker-item-action {
-					margin-left: map.get($spacers, 2);
+					margin-left: map-get($spacers, 2);
 				}
 			}
 		}
diff --git a/ui/scss/core/components/_raid_sim_action.scss b/ui/scss/core/components/_raid_sim_action.scss
index e61f072a87..ed8a952ca1 100644
--- a/ui/scss/core/components/_raid_sim_action.scss
+++ b/ui/scss/core/components/_raid_sim_action.scss
@@ -58,7 +58,7 @@
 		}
 
 		.results-reference {
-			margin-bottom: map.get($spacers, 2);
+			margin-bottom: map-get($spacers, 2);
 			font-weight: normal;
 
 			.results-reference-diff {
@@ -68,7 +68,7 @@
 	}
 
 	.results-sim-reference {
-		margin-top: map.get($spacers, 2);
+		margin-top: map-get($spacers, 2);
 		font-weight: normal;
 
 		&.has-reference {
diff --git a/ui/scss/core/components/_saved_data_manager.scss b/ui/scss/core/components/_saved_data_manager.scss
index df798ada96..52eaf66fde 100644
--- a/ui/scss/core/components/_saved_data_manager.scss
+++ b/ui/scss/core/components/_saved_data_manager.scss
@@ -56,13 +56,13 @@
   }
 
   .saved-data-set-name {
-    padding: map.get($spacers, 2);
+    padding: map-get($spacers, 2);
     color: $body-color;
   }
 
   .saved-data-set-delete {
-    padding: map.get($spacers, 2) 0;
-    margin-right: map.get($spacers, 2);
+    padding: map-get($spacers, 2) 0;
+    margin-right: map-get($spacers, 2);
     color: $body-color;
   }
 }
diff --git a/ui/scss/core/components/_sim_tab.scss b/ui/scss/core/components/_sim_tab.scss
index 0a32bda41b..272451724a 100644
--- a/ui/scss/core/components/_sim_tab.scss
+++ b/ui/scss/core/components/_sim_tab.scss
@@ -20,7 +20,7 @@
       flex: 1;
 
       &:not(:last-child) {
-        margin-right: 2 * map.get($spacers, 3);
+        margin-right: 2 * map-get($spacers, 3);
       }
     }
 
@@ -28,7 +28,7 @@
       flex: 1;
 
       &:not(:last-child) {
-        margin-right: 2 * map.get($spacers, 3);
+        margin-right: 2 * map-get($spacers, 3);
       }
     }
   }
diff --git a/ui/scss/core/components/_stat_weights_action.scss b/ui/scss/core/components/_stat_weights_action.scss
index d072ad8e7e..5ff63fd127 100644
--- a/ui/scss/core/components/_stat_weights_action.scss
+++ b/ui/scss/core/components/_stat_weights_action.scss
@@ -57,9 +57,9 @@
 			}
 
 			th {
-				padding-top: map.get($spacers, 2);
-				padding-bottom: map.get($spacers, 2);
-				padding-right: map.get($spacers, 2);
+				padding-top: map-get($spacers, 2);
+				padding-bottom: map-get($spacers, 2);
+				padding-right: map-get($spacers, 2);
 				text-align: left;
 			}
 
@@ -118,7 +118,7 @@
 			}
 
 			.col-action {
-				margin-left: map.get($spacers, 1);
+				margin-left: map-get($spacers, 1);
 			}
 		}
 	}
diff --git a/ui/scss/core/components/individual_sim_ui/_consumes_picker.scss b/ui/scss/core/components/individual_sim_ui/_consumes_picker.scss
index 13d12fe85c..c6e62884ee 100644
--- a/ui/scss/core/components/individual_sim_ui/_consumes_picker.scss
+++ b/ui/scss/core/components/individual_sim_ui/_consumes_picker.scss
@@ -10,7 +10,7 @@
         margin-bottom: 0;
 
         &:not(:last-child) {
-          margin-right: map.get($spacers, 1);
+          margin-right: map-get($spacers, 1);
         }
       }
     }
diff --git a/ui/scss/core/components/individual_sim_ui/_cooldowns_picker.scss b/ui/scss/core/components/individual_sim_ui/_cooldowns_picker.scss
index 53d1d0ff40..dce93766aa 100644
--- a/ui/scss/core/components/individual_sim_ui/_cooldowns_picker.scss
+++ b/ui/scss/core/components/individual_sim_ui/_cooldowns_picker.scss
@@ -18,7 +18,7 @@
 		}
 
 		&> :not(:last-child) {
-			margin-right: map.get($spacers, 2);
+			margin-right: map-get($spacers, 2);
 		}
 
 		.cooldown-picker-label {
diff --git a/ui/scss/core/components/individual_sim_ui/_rotation_tab.scss b/ui/scss/core/components/individual_sim_ui/_rotation_tab.scss
index 1210987874..5812552251 100644
--- a/ui/scss/core/components/individual_sim_ui/_rotation_tab.scss
+++ b/ui/scss/core/components/individual_sim_ui/_rotation_tab.scss
@@ -74,7 +74,7 @@
 
 	.rotation-settings {
 		flex: 1;
-		margin-right: 2 * map.get($spacers, 3);
+		margin-right: 2 * map-get($spacers, 3);
 	}
 
 	.cooldown-settings {
diff --git a/ui/scss/core/components/individual_sim_ui/_settings_tab.scss b/ui/scss/core/components/individual_sim_ui/_settings_tab.scss
index daf2b54117..2726db2323 100644
--- a/ui/scss/core/components/individual_sim_ui/_settings_tab.scss
+++ b/ui/scss/core/components/individual_sim_ui/_settings_tab.scss
@@ -60,10 +60,10 @@
       grid-template-columns: repeat(3, minmax(0, 1fr));
 
       &> .icon-picker {
-        margin-bottom: map.get($spacers, 1) !important;
+        margin-bottom: map-get($spacers, 1) !important;
 
         &:not(:nth-child(3n)) {
-          margin-right: map.get($spacers, 2);
+          margin-right: map-get($spacers, 2);
         }
 
         .form-label {
diff --git a/ui/scss/core/sim_ui/_header.scss b/ui/scss/core/sim_ui/_header.scss
index dc40d13b3f..60196a42d7 100644
--- a/ui/scss/core/sim_ui/_header.scss
+++ b/ui/scss/core/sim_ui/_header.scss
@@ -80,7 +80,7 @@
 		font-size: $content-font-size;
 
 		.sim-toolbar-item, .sim-toolbar-socials {
-			margin-left: map.get($spacers, 3);
+			margin-left: map-get($spacers, 3);
 			display: flex;
 
 			a {
diff --git a/ui/scss/core/sim_ui/_sidebar.scss b/ui/scss/core/sim_ui/_sidebar.scss
index 4a1a1a1eb4..6e81855235 100644
--- a/ui/scss/core/sim_ui/_sidebar.scss
+++ b/ui/scss/core/sim_ui/_sidebar.scss
@@ -15,12 +15,12 @@
     padding-top: $gap-width;
     padding-left: $gap-width;
     padding-right: $gap-width;
-    padding-bottom: map.get($spacers, 3);
+    padding-bottom: map-get($spacers, 3);
     display: flex;
     flex-direction: column;
 
     &> *:not(:last-child) {
-      margin-bottom: map.get($spacers, 4);
+      margin-bottom: map-get($spacers, 4);
     }
 
     .sim-sidebar-actions {
diff --git a/ui/scss/homepage/_homepage.scss b/ui/scss/homepage/_homepage.scss
index d7a39bc3ee..48d50167d1 100644
--- a/ui/scss/homepage/_homepage.scss
+++ b/ui/scss/homepage/_homepage.scss
@@ -34,7 +34,7 @@
 
         .wowsims-logo {
           width: 6rem;
-          margin-right: map.get($spacers, 3);
+          margin-right: map-get($spacers, 3);
         }
   
         .wowsims-title {
@@ -47,8 +47,8 @@
       }
 
       .homepage-header-collapse {
-        padding-top: map.get($spacers, 3);
-        padding-bottom: map.get($spacers, 3);
+        padding-top: map-get($spacers, 3);
+        padding-bottom: map-get($spacers, 3);
         align-items: flex-end;
         justify-content: flex-end;
       }
@@ -84,7 +84,7 @@
         flex-wrap: wrap;
 
         &:not(:last-child) {
-          margin-bottom: map.get($spacers, 5);
+          margin-bottom: map-get($spacers, 5);
         }
 
         &> .sim-link, &> .sim-link-dropdown {
@@ -123,8 +123,8 @@
       }
 
       .sim-links-container {
-        margin-left: map.get($spacers, 3) * -1;
-        margin-right: map.get($spacers, 3) * -1;
+        margin-left: map-get($spacers, 3) * -1;
+        margin-right: map-get($spacers, 3) * -1;
 
         .sim-links {
           margin-bottom: 0 !important;
@@ -152,8 +152,8 @@
     .homepage-header-container,
     .homepage-content-container,
     .homepage-footer-container {
-      padding-top: map.get($spacers, 3);
-      padding-bottom: map.get($spacers, 3);
+      padding-top: map-get($spacers, 3);
+      padding-bottom: map-get($spacers, 3);
     }
 
     .homepage-header {
@@ -174,7 +174,7 @@
 
     .homepage-content-container {
       .info-container {
-        margin-bottom: map.get($spacers, 3);
+        margin-bottom: map-get($spacers, 3);
       }
 
       .sim-links-container {
diff --git a/ui/scss/shared/_bootstrap_style_overrides.scss b/ui/scss/shared/_bootstrap_style_overrides.scss
index 2a7556d033..33a5f8c3a6 100644
--- a/ui/scss/shared/_bootstrap_style_overrides.scss
+++ b/ui/scss/shared/_bootstrap_style_overrides.scss
@@ -192,10 +192,10 @@
         }
 
         .nav-link {
-          padding-bottom: map.get($spacers, 3);
+          padding-bottom: map-get($spacers, 3);
 
           &:first-of-type {
-            padding-top: map.get($spacers, 2);
+            padding-top: map-get($spacers, 2);
           }
         }
       }
diff --git a/ui/scss/shared/_global.scss b/ui/scss/shared/_global.scss
index ea16ef14f9..ff38f256ec 100644
--- a/ui/scss/shared/_global.scss
+++ b/ui/scss/shared/_global.scss
@@ -25,7 +25,7 @@
 }
 
 // We want to apply only to 1440p monitors, NOT 1080p Ultrawide
-@media (min-width: map.get($grid-breakpoints, 1440p)) and (max-aspect-ratio: 16/9) {
+@media (min-width: map-get($grid-breakpoints, 1440p)) and (max-aspect-ratio: 16/9) {
   :root {
     --bs-body-font-size: 24px;
   }
diff --git a/ui/scss/shared/_sim_links.scss b/ui/scss/shared/_sim_links.scss
index b6dc8a8d6b..0bc9b3024b 100644
--- a/ui/scss/shared/_sim_links.scss
+++ b/ui/scss/shared/_sim_links.scss
@@ -8,14 +8,14 @@
   }
 
   .sim-link-content {
-    padding: map.get($spacers, 2);
+    padding: map-get($spacers, 2);
     display: flex;
     align-items: center;
 
     .sim-link-icon {
       width: 3rem;
       height: 3rem;
-      margin-right: map.get($spacers, 2);
+      margin-right: map-get($spacers, 2);
     }
 
     .sim-link-label, .launch-status-label {
diff --git a/ui/scss/shared/_variables.scss b/ui/scss/shared/_variables.scss
index c53e3057a1..0f3492817a 100644
--- a/ui/scss/shared/_variables.scss
+++ b/ui/scss/shared/_variables.scss
@@ -181,7 +181,7 @@ $navbar-dark-active-color: $primary;
 $navbar-padding-y: 0;
 
 $nav-link-font-size: .875rem;
-$nav-link-padding-y: map.get($spacers, 3);
+$nav-link-padding-y: map-get($spacers, 3);
 $nav-link-transition: $link-transition;
 
 $nav-tabs-border-color: $border-color;
@@ -190,8 +190,8 @@ $nav-tabs-link-active-color: white;
 
 $popover-bg: #424557;
 $popover-body-color: white;
-$popover-body-padding-x: map.get($spacers, 2);
-$popover-body-padding-y: map.get($spacers, 2);
+$popover-body-padding-x: map-get($spacers, 2);
+$popover-body-padding-y: map-get($spacers, 2);
 
 $tooltip-bg: $popover-bg;
 $tooltip-max-width: 15vw;
diff --git a/ui/scss/sims/raid/_blessings_picker.scss b/ui/scss/sims/raid/_blessings_picker.scss
index 12e0106bba..873a3f2afc 100644
--- a/ui/scss/sims/raid/_blessings_picker.scss
+++ b/ui/scss/sims/raid/_blessings_picker.scss
@@ -6,7 +6,7 @@
 		justify-content: space-between;
 
 		&:not(:last-child) {
-			margin-bottom: map.get($spacers, 1);
+			margin-bottom: map-get($spacers, 1);
 		}
 
 		.blessings-picker-spec {
@@ -21,7 +21,7 @@
 		.blessings-picker-container {
 			display: grid;
 			grid-template-columns: repeat(4, 1fr);
-			grid-column-gap: map.get($spacers, 1);
+			grid-column-gap: map-get($spacers, 1);
 
 			.blessing-picker {
 				&:not(.disabled) .icon-picker-button {
diff --git a/ui/scss/sims/raid/_player.scss b/ui/scss/sims/raid/_player.scss
index 4aff4d8d23..c68f862ae8 100644
--- a/ui/scss/sims/raid/_player.scss
+++ b/ui/scss/sims/raid/_player.scss
@@ -42,6 +42,6 @@
 .player-icon {
   width: 2rem;
   height: 2rem;
-  margin-right: map.get($spacers, 1);
+  margin-right: map-get($spacers, 1);
   border-radius: 100%;
 }
diff --git a/ui/scss/sims/raid/_raid_picker.scss b/ui/scss/sims/raid/_raid_picker.scss
index ccc1d29b34..7d5e496140 100644
--- a/ui/scss/sims/raid/_raid_picker.scss
+++ b/ui/scss/sims/raid/_raid_picker.scss
@@ -26,8 +26,8 @@
 		grid-template-columns: repeat(5, 1fr);
 	
 		.class-presets-container {
-			padding: map.get($spacers, 1) 0;
-			border-radius: map.get($spacers, 1);
+			padding: map-get($spacers, 1) 0;
+			border-radius: map-get($spacers, 1);
 			display: flex;
 			justify-content: space-evenly;
 		}
@@ -56,7 +56,7 @@
 
 	.players-container {
 		display: grid;
-		grid-gap: map.get($spacers, 1);
+		grid-gap: map-get($spacers, 1);
 	}
 }
 
@@ -66,13 +66,13 @@
 		align-items: center;
 
 		&> :not(:last-child) {
-			margin-right: map.get($spacers, 1);
+			margin-right: map-get($spacers, 1);
 		}
 	}
 }
 
 .party-results {
-	margin-bottom: map.get($spacers, 1);
+	margin-bottom: map-get($spacers, 1);
 	line-height: 1rem;
 }
 
@@ -85,7 +85,7 @@
 
 .party-results-reference-delta,
 .player-results-reference-delta {
-	margin-left: map.get($spacers, 1);
+	margin-left: map-get($spacers, 1);
 	font-size: .75rem;
 	line-height: .875rem;
 }
diff --git a/ui/scss/sims/raid/_raid_sim_ui.scss b/ui/scss/sims/raid/_raid_sim_ui.scss
index 41dd7022f9..0f6554ab74 100644
--- a/ui/scss/sims/raid/_raid_sim_ui.scss
+++ b/ui/scss/sims/raid/_raid_sim_ui.scss
@@ -20,8 +20,8 @@
 
   .settings-section-container {
     position: absolute;
-    margin-bottom: 2 * map.get($spacers, 3);
-    margin-right: 2 * map.get($spacers, 3);
+    margin-bottom: 2 * map-get($spacers, 3);
+    margin-right: 2 * map-get($spacers, 3);
 
     .raid-encounter-section {
       .encounter-picker-root {
diff --git a/ui/scss/sims/raid/_raid_stats.scss b/ui/scss/sims/raid/_raid_stats.scss
index badbdb3c2b..33f6eba4f7 100644
--- a/ui/scss/sims/raid/_raid_stats.scss
+++ b/ui/scss/sims/raid/_raid_stats.scss
@@ -9,7 +9,7 @@
 		}
 
 		.raid-stats-section-content {
-			padding: map.get($spacers, 2);
+			padding: map-get($spacers, 2);
 			border: $border-default;
 			display: grid;
 			grid-template-columns: repeat(4, 1fr);
@@ -64,11 +64,11 @@
 		align-items: center;
 
 		&:not(:last-child) {
-			margin-bottom: map.get($spacers, 1);
+			margin-bottom: map-get($spacers, 1);
 		}
 
 		&> :not(:last-child) {
-			margin-right: map.get($spacers, 1);
+			margin-right: map-get($spacers, 1);
 		}
 
 		.raid-stats-effect-counter {
diff --git a/ui/scss/sims/raid/_settings_tab.scss b/ui/scss/sims/raid/_settings_tab.scss
index d1ed08d11b..e6c75b29f0 100644
--- a/ui/scss/sims/raid/_settings_tab.scss
+++ b/ui/scss/sims/raid/_settings_tab.scss
@@ -9,7 +9,7 @@
     .consumes-container {
       display: grid;
       grid-template-columns: repeat(4, 1fr);
-      grid-gap: map.get($spacers, 1);
+      grid-gap: map-get($spacers, 1);
     }
   }
 }