style: Organize external styles imports and remove redundant entries …

…for improved clarity
DHRI-Curriculum · Dec 18, 2024 · fe63b8b · fe63b8b
1 parent fbecac7
commit fe63b8b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 8 deletions.
diff --git a/pages/_app.js b/pages/_app.js
@@ -4,16 +4,19 @@ import Head from 'next/head';
 import CssBaseline from '@mui/material/CssBaseline';
 import { StyledEngineProvider } from '@mui/material/styles';
 
+// External styles
+import 'highlight.js/styles/obsidian.css';
+import 'allotment/dist/style.css';
+import 'react-medium-image-zoom/dist/styles.css';
+
 // Framework imports
 import dynamic from 'next/dynamic';
 import { ThemeProvider } from 'next-themes';
 import { SWRConfig, useSWRConfig } from 'swr';
 import { useRouter } from 'next/router';
 import { GitHubProvider } from '../components/GitHubContext';
 
-// Custom styles after MUI
-import 'allotment/dist/style.css';
-import '../node_modules/highlight.js/styles/obsidian.css';
+// Custom styles last
 import '../styles/styles.scss';
 
 const Footer = dynamic(() => import('../components/Footer'));

diff --git a/styles/styles.scss b/styles/styles.scss
@@ -1,10 +1,7 @@
-// import fonts
-// import Poppins
+// Import fonts
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
 @import url('https://fonts.googleapis.com/css2?family=Baloo:wght@400;500;600;700&display=swap');
-@import '../node_modules/highlight.js/styles/obsidian.css';
-@import '../node_modules/allotment/dist/style.css';
-@import 'react-medium-image-zoom/dist/styles.css';
+
 
 // primary colors (still need primary colors for dark mode)
 $primary-color-bark: #2E2E2E;