improve scss imports, use client:media for navbar instead

calblueprint · Jan 5, 2024 · 1a6e378 · 1a6e378
1 parent b1d6a3d
commit 1a6e378
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 7 deletions.
diff --git a/src/components/Header.astro b/src/components/Header.astro
@@ -11,7 +11,7 @@ import Hero from './Hero.astro';
       { name: 'Schedule', url: '#schedule' },
       { name: 'FAQ', url: '#faq' },
     ]}
-    client:load
+    client:media="(max-width: 767px)"
   />
   <Hero />
 </header>

diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -22,8 +22,8 @@
 </div>
 
 <style lang="scss">
-  @use '../styles/breakpoints' as breakpoints;
-  @use '../styles/colors' as colors;
+  @use '../styles/breakpoints';
+  @use '../styles/colors';
 
   .container {
     display: flex;

diff --git a/src/components/Navbar/style.module.scss b/src/components/Navbar/style.module.scss
@@ -1,5 +1,5 @@
-@use '../../styles/colors' as colors;
-@use '../../styles/breakpoints' as breakpoints;
+@use '../../styles/colors';
+@use '../../styles/breakpoints';
 
 .nav {
   display: flex;

diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -24,8 +24,8 @@ const { title } = Astro.props;
 </html>
 
 <style is:global lang="scss">
-  @use '../styles/breakpoints.scss' as breakpoints;
-  @use '../styles/colors.scss' as colors;
+  @use '../styles/breakpoints';
+  @use '../styles/colors';
 
   html {
     font-family: 'Lexend Deca Variable', system-ui, sans-serif;

diff --git a/src/styles/breakpoints.scss → src/styles/_breakpoints.scss b/src/styles/breakpoints.scss → src/styles/_breakpoints.scss
diff --git a/src/styles/colors.scss → src/styles/_colors.scss b/src/styles/colors.scss → src/styles/_colors.scss