OOKNET                             [ /  search the index  ]  
──────────────────────────────────────────────────────────────────────────────────────
[ KB ]    [ GIT ]    [ PROJECTS ]    [ ABOUT ]                                      EN
══════════════════════════════════════════════════════════════════════════════════════
OOKNET   [ /  search  ]  
────────────────────────────────────────────────
[ KB ] [ GIT ] [ PROJECTS ] [ ABOUT ]
════════════════════════════════════════════════
 
HASH      cc310ddd02c4
DATE      2025-08-14
SUBJECT   web: sass import
FILES     3 CHANGED
HASH      cc310ddd02c4
DATE      2025-08-14
SUBJECT   web: sass import
FILES     3 CHANGED
 

diff --git a/web/src/components/FormSelect.astro b/web/src/components/FormSelect.a
stro
index 4643d24..72f06fd 100644
--- a/web/src/components/FormSelect.astro
+++ b/web/src/components/FormSelect.astro
@@ -1,4 +1,6 @@
 ---
+import '../styles/components.scss';
+
 export interface Props {
   id: string;
   label: string;
@@ -9,8 +11,6 @@ export interface Props {
 const { id, label, options, class: className } = Astro.props;
 ---
 
-<link rel="stylesheet" href="/src/styles/components.scss" />
-
 <div class={`form-group ${className || ""}`.trim()}>
   <label for={id} class="form-label">{label}:</label>
   <select id={id} class="form-select">


diff --git a/web/src/components/FormSelect.a
stro b/web/src/components/FormSelect.astro
index 4643d24..72f06fd 100644
--- a/web/src/components/FormSelect.astro
+++ b/web/src/components/FormSelect.astro
@@ -1,4 +1,6 @@
 ---
+import '../styles/components.scss';
+
 export interface Props {
   id: string;
   label: string;
@@ -9,8 +11,6 @@ export interface Props {
 const { id, label, options, class: classNam
e } = Astro.props;
 ---
 
-<link rel="stylesheet" href="/src/styles/co
mponents.scss" />
-
 <div class={`form-group ${className || ""}`
.trim()}>
   <label for={id} class="form-label">{label
}:</label>
   <select id={id} class="form-select">

 

diff --git a/web/src/layouts/ChallengeModeLayout.astro b/web/src/layouts/Challenge
ModeLayout.astro
index 2b499ba..3e76046 100644
--- a/web/src/layouts/ChallengeModeLayout.astro
+++ b/web/src/layouts/ChallengeModeLayout.astro
@@ -5,6 +5,7 @@ import FormSelect from "../components/FormSelect.astro";
 import LoadingState from "../components/LoadingState.astro";
 import WoWClassColors from "../components/WoWClassColors.astro";
 import { DATA_MAP } from "../data/realms.js";
+import '../styles/components.scss';
 
 export interface Props {
   initialRegion?: string;
@@ -26,7 +27,6 @@ const baseUrl = import.meta.env.BASE_URL;
   pageTitle="Challenge Mode Leaderboards - MoP Classic"
 >
   <WoWClassColors />
-  <link rel="stylesheet" href="/src/styles/components.scss" />
 
   <style>
     .leaderboard-container {


diff --git a/web/src/layouts/ChallengeModeLa
yout.astro b/web/src/layouts/ChallengeModeLa
yout.astro
index 2b499ba..3e76046 100644
--- a/web/src/layouts/ChallengeModeLayout.as
tro
+++ b/web/src/layouts/ChallengeModeLayout.as
tro
@@ -5,6 +5,7 @@ import FormSelect from "../c
omponents/FormSelect.astro";
 import LoadingState from "../components/Loa
dingState.astro";
 import WoWClassColors from "../components/W
oWClassColors.astro";
 import { DATA_MAP } from "../data/realms.js
";
+import '../styles/components.scss';
 
 export interface Props {
   initialRegion?: string;
@@ -26,7 +27,6 @@ const baseUrl = import.met
a.env.BASE_URL;
   pageTitle="Challenge Mode Leaderboards - 
MoP Classic"
 >
   <WoWClassColors />
-  <link rel="stylesheet" href="/src/styles/
components.scss" />
 
   <style>
     .leaderboard-container {

 

diff --git a/web/src/layouts/ChartLayout.astro b/web/src/layouts/ChartLayout.astro
index d27742f..8732f66 100644
--- a/web/src/layouts/ChartLayout.astro
+++ b/web/src/layouts/ChartLayout.astro
@@ -2,6 +2,7 @@
 import Navigation from "../components/Navigation.astro";
 import Callout from "../components/Callout.astro";
 import ItemDatabase from "../components/ItemDatabase.astro";
+import '../styles/components.scss';
 
 export interface Props {
   title: string;
@@ -31,7 +32,6 @@ const isFixedClassSpec = fixedClass && fixedSpec;
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>{title}</title>
     <link rel="stylesheet" href="/src/styles/global.css" />
-    <link rel="stylesheet" href="/src/styles/components.scss" />
     <style>
       body {
         font-family: Arial, sans-serif;


diff --git a/web/src/layouts/ChartLayout.ast
ro b/web/src/layouts/ChartLayout.astro
index d27742f..8732f66 100644
--- a/web/src/layouts/ChartLayout.astro
+++ b/web/src/layouts/ChartLayout.astro
@@ -2,6 +2,7 @@
 import Navigation from "../components/Navig
ation.astro";
 import Callout from "../components/Callout.
astro";
 import ItemDatabase from "../components/Ite
mDatabase.astro";
+import '../styles/components.scss';
 
 export interface Props {
   title: string;
@@ -31,7 +32,6 @@ const isFixedClassSpec = f
ixedClass && fixedSpec;
     <meta name="viewport" content="width=de
vice-width, initial-scale=1.0" />
     <title>{title}</title>
     <link rel="stylesheet" href="/src/style
s/global.css" />
-    <link rel="stylesheet" href="/src/style
s/components.scss" />
     <style>
       body {
         font-family: Arial, sans-serif;

 
[ BACK TO LOG ]
──────────────────────────────────────────────────────────────────────────────────────
OOKNET
────────────────────────────────────────────────
OOKNET