tmp

pages/_app.tsx

@@ -5,19 +5,14 @@ import { useRouter } from 'next/router'
 
 import * as Fathom from 'fathom-client'
 // used for rendering equations (optional)
-import 'katex/dist/katex.min.css'
 import posthog from 'posthog-js'
 // used for code syntax highlighting (optional)
-import 'prismjs/themes/prism-coy.css'
 // core styles shared by all of react-notion-x (required)
-import 'react-notion-x/src/styles.css'
-import 'styles/global.css'
 // this might be better for dark mode
 // import 'prismjs/themes/prism-okaidia.css'
 // global style overrides for notion
-import 'styles/notion.css'
 // global style overrides for prism theme (optional)
-import 'styles/prism-theme.css'
+import '~/styles/custom/index.scss';
 
 import { bootstrap } from '@/lib/bootstrap-client'
 import {

styles/styles/custom/index.scss

@@ -0,0 +1,13 @@
+// 해당 import문의 순서를 변경하면 스타일이 제대로 적용되지 않습니다.
+@import 'react-notion-x/styles.css';
+@import 'katex/dist/katex.min.css';
+@import 'prismjs/themes/prism-coy.css';
+@import '~/styles/global.css';
+@import '~/styles/notion.css';
+@import '~/styles/prism-theme.css';
+
+@import './vars.scss';
+@import './notion.scss';
+
+@import '~/components/Comments/index.scss';
+@import '~/components/PageLoading/index.scss';