Added dependencies and renamed files to use stylus for style sheets

germainep · Nov 5, 2020 · 7370148 · 7370148
1 parent 026ab51
commit 7370148
Show file tree

Hide file tree

Showing 8 changed files with 466 additions and 25 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/package.json b/package.json
@@ -8,8 +8,10 @@
     "start": "next start"
   },
   "dependencies": {
+    "@zeit/next-stylus": "^1.0.1",
     "next": "9.5.5",
     "react": "17.0.0",
-    "react-dom": "17.0.0"
+    "react-dom": "17.0.0",
+    "stylus": "^0.54.8"
   }
 }
diff --git a/pages/_app.js b/pages/_app.js
@@ -1,4 +1,4 @@
-import '../styles/globals.css'
+import '../styles/globals.styl'
 
 function MyApp ( { Component, pageProps } ) {
   return <Component { ...pageProps } />

diff --git a/pages/index.js b/pages/index.js
@@ -1,5 +1,5 @@
 import Head from 'next/head'
-import styles from '../styles/Home.module.css'
+import styles from '../styles/Home.module.styl'
 
 export default function Home () {
   return (

diff --git a/styles/Home.module.css → styles/Home.module.styl b/styles/Home.module.css → styles/Home.module.styl
diff --git a/styles/globals.css → styles/globals.styl b/styles/globals.css → styles/globals.styl
diff --git a/styles/next.config.js b/styles/next.config.js
@@ -0,0 +1,4 @@
+const withStylus = require('@zeit/next-stylus')
+module.exports = withStylus({
+                              cssModules: true
+                            })