Fix imports for clarity

RichDom2185 · RichDom2185 · commit 66c2990e8be2 · 2025-10-03T19:46:14.000+08:00
diff --git a/src/styles/Academy.module.scss b/src/styles/Academy.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 .Academy {
   height: 100%;
diff --git a/src/styles/ContextMenu.module.scss b/src/styles/ContextMenu.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 .context-menu {
   background-color: $cadet-color-1;
diff --git a/src/styles/Contributors.module.scss b/src/styles/Contributors.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 // Styling components of the ContributorsDetails
 
diff --git a/src/styles/FileSystemView.module.scss b/src/styles/FileSystemView.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 .file-system-view-container {
   width: 100%;
diff --git a/src/styles/Grading.module.scss b/src/styles/Grading.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 .grading-overview-unfilterable-btns,
 .grading-overview-filterable-btns {
diff --git a/src/styles/GradingBadges.module.scss b/src/styles/GradingBadges.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 .grading-badge {
   border-radius: 9999px;
diff --git a/src/styles/Login.module.scss b/src/styles/Login.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 .Login {
   background-size: cover;
diff --git a/src/styles/NavigationBar.module.scss b/src/styles/NavigationBar.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 .primary-navbar {
   background: #141e30; /* fallback for old browsers */
diff --git a/src/styles/SideContentSessionManagement.module.scss b/src/styles/SideContentSessionManagement.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 @use '@blueprintjs/core/lib/scss/variables' as *;
 
 .span {
diff --git a/src/styles/Stories.module.scss b/src/styles/Stories.module.scss
@@ -1,4 +1,4 @@
-@use '_global' as *;
+@use 'variables' as *;
 
 .highlight-row {
   background-color: #e0f2fe;
diff --git a/src/styles/_academy.scss b/src/styles/_academy.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 @media only screen and (max-width: 512px) {
   .custom-hidden-xxxs {
     display: none;
diff --git a/src/styles/_achievementcontrol.scss b/src/styles/_achievementcontrol.scss
@@ -1,3 +1,6 @@
+@use 'sass:math';
+@use 'variables' as *;
+
 .AchievementControl {
   // Cover aspect ratio 2:1
   $cover-height: 18em;
diff --git a/src/styles/_achievementdashboard.scss b/src/styles/_achievementdashboard.scss
@@ -1,3 +1,6 @@
+@use 'sass:math';
+@use 'variables' as *;
+
 .AchievementDashboard {
   background: black url(#{$achievement-assets}/background.png) center/cover no-repeat fixed;
   display: flex;
diff --git a/src/styles/_application.scss b/src/styles/_application.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 /**
  * Background is repeated here instead of Application, so that
  * - The background is repeated regardless of content overextending the page
diff --git a/src/styles/_commons.scss b/src/styles/_commons.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .ContentDisplay {
   height: fit-content;
   width: 100%;
diff --git a/src/styles/_contributors.scss b/src/styles/_contributors.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 // Overall fullpage
 
 .fullpage {
diff --git a/src/styles/_dropdown.scss b/src/styles/_dropdown.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .profile {
   // 30% of 1366 pixels
   min-width: 410px;
diff --git a/src/styles/_editorTabs.scss b/src/styles/_editorTabs.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .editor-container {
   display: flex;
   flex-direction: column;
diff --git a/src/styles/_game.scss b/src/styles/_game.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 #game-display {
   display: flex;
   flex-direction: column;
diff --git a/src/styles/_gamesimulator.scss b/src/styles/_gamesimulator.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 #simulator-display {
   width: 200px;
   align-self: flex-start;
diff --git a/src/styles/_github.scss b/src/styles/_github.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .githubDialog {
   background-color: $cadet-color-3;
 }
diff --git a/src/styles/_groundcontrol.scss b/src/styles/_groundcontrol.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .GroundControl {
   .#{$ns}-collapse .#{$ns}-card {
     margin-top: 4px;
diff --git a/src/styles/_mobileworkspace.scss b/src/styles/_mobileworkspace.scss
@@ -1,3 +1,4 @@
+@use 'variables' as *;
 @use 'react-simple-keyboard/build/css/index.css' as *;
 
 $shadow-dark: rgba(0, 0, 0, 0.5);
diff --git a/src/styles/_navigationBar.scss b/src/styles/_navigationBar.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 /*
  * Style for all navigation bars.
  */
diff --git a/src/styles/_playground.scss b/src/styles/_playground.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .Playground {
   height: 100%;
   display: flex;
diff --git a/src/styles/_sicp.scss b/src/styles/_sicp.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 $sicp-text-color: #333333;
 $sicp-background-color: #ffffff;
 
diff --git a/src/styles/_sideBar.scss b/src/styles/_sideBar.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .sidebar-container {
   height: 100%;
   padding-bottom: 0.6rem;
diff --git a/src/styles/_sourcecast.scss b/src/styles/_sourcecast.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .Sourcecast {
   height: 100%;
   display: flex;
diff --git a/src/styles/_sourcereel.scss b/src/styles/_sourcereel.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .Sourcereel {
   height: 100%;
   display: flex;
diff --git a/src/styles/_stories.scss b/src/styles/_stories.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .workspace {
   .#{$ns}-card {
     background-color: $cadet-color-2;
diff --git a/src/styles/_variableHighlighting.scss b/src/styles/_variableHighlighting.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .ace_variable_highlighting {
   z-index: 4;
   position: absolute;
diff --git a/src/styles/_workspace.scss b/src/styles/_workspace.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 $code-color-code: #ced9e0;
 $code-color-log: #dd8c60;
 $code-color-result: #ffffff;
diff --git a/src/styles/_workspaceGreen.scss b/src/styles/_workspaceGreen.scss
@@ -1,3 +1,5 @@
+@use 'variables' as *;
+
 .GreenScreen {
   // Hide NavigationBar
   position: absolute;
diff --git a/src/styles/index.scss b/src/styles/index.scss
@@ -1,7 +1,4 @@
-@use 'sass:math';
-
 @use '../../node_modules/@blueprintjs/core/lib/scss/variables' as *;
-@use 'global' as *;
 
 @use 'academy' as *;
 @use 'achievementcontrol' as *;

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		`-@use '_global' as *;`
	`1`	`+@use 'variables' as *;`
`2`	`2`
`3`	`3`	`.Academy {`
`4`	`4`	`height: 100%;`