Remove old post-css based setup

nteract · Oct 22, 2018 · 8794674 · 8794674
1 parent 5274633
commit 8794674
Show file tree

Hide file tree

Showing 6 changed files with 22 additions and 134 deletions.
diff --git a/components/head/index.js b/components/head/index.js
@@ -1,18 +1,20 @@
 // @flow
-import React from "react";
-import Head from "next/head";
-import mdi from "../../static/mdi/css/materialdesignicons.css";
+import React from 'react';
+import Head from 'next/head';
 type HeadProps = {
   pageTitle: string,
-  themeColor: string
+  themeColor: string,
 };
 
 export default ({
-  pageTitle = ":  write your next code-driven story.",
-  themeColor = "#334865"
+  pageTitle = ':  write your next code-driven story.',
+  themeColor = '#334865',
 }: HeadProps) => (
   <Head>
-    <title>nteract{pageTitle}</title>
+    <title>
+      nteract
+      {pageTitle}
+    </title>
     <meta charSet="utf-8" />
     <meta name="viewport" content="initial-scale=1.0, width=device-width" />
     <link rel="canonical" href="https://nteract.io/" />
@@ -108,7 +110,6 @@ export default ({
     <link rel="preconnect" href="https://nteract.io/" />
     <link rel="prefetch" href="https://nteract.io/" />
     <link rel="prerender" href="https://nteract.io/" />
-    <link rel="subresource" href="/static/stylesheets/main.css" />
 
     <meta
       name="description"

diff --git a/components/kernels/kernel-page.js b/components/kernels/kernel-page.js
@@ -1,28 +1,25 @@
 // @flow
-import * as React from "react";
-import Head from "next/head";
-import LanguageToggle from "../kernels/language-toggle";
-import { ContentSection } from "../content-section";
-import PageHeader from "./page-header";
+import * as React from 'react';
+import Head from 'next/head';
+import LanguageToggle from '../kernels/language-toggle';
+import { ContentSection } from '../content-section';
+import PageHeader from './page-header';
 
 export type KernelPageProps = {
   language: string,
-  Kernel: any
+  Kernel: any,
 };
 
 export const kernels = [
-  { name: "python", path: "/kernels/python" },
-  { name: "r", path: "/kernels/r" },
-  { name: "node.js", path: "/kernels/node" },
-  { name: "julia", path: "/kernels/julia" },
-  { name: "c++", path: "/kernels/c++" },
+  { name: 'python', path: '/kernels/python' },
+  { name: 'r', path: '/kernels/r' },
+  { name: 'node.js', path: '/kernels/node' },
+  { name: 'julia', path: '/kernels/julia' },
+  { name: 'c++', path: '/kernels/c++' },
 ];
 
-export default (props: KernelPageProps, themeColor: "#444") => (
+export default (props: KernelPageProps, themeColor: '#444') => (
   <>
-    <Head>
-      <link rel="stylesheet" href="/static/kernels.css" />
-    </Head>
     <PageHeader themeColor={themeColor} />
     <ContentSection>
       <header>

diff --git a/next.config.js b/next.config.js
@@ -1,39 +1,8 @@
-const path = require('path');
-const glob = require('glob');
 const webpack = require('./webpack.config');
+
 module.exports = {
   webpack: (config, { dev }) => {
     config.resolve = webpack.resolve;
-    config.module.rules.push(
-      {
-        test: /\.(css|scss)/,
-        loader: 'emit-file-loader',
-        options: {
-          name: 'dist/[path][name].[ext]',
-        },
-      },
-      {
-        test: /\.css$/,
-        use: ['babel-loader', 'raw-loader', 'postcss-loader'],
-      },
-      {
-        test: /\.s(a|c)ss$/,
-        use: [
-          'babel-loader',
-          'raw-loader',
-          'postcss-loader',
-          {
-            loader: 'sass-loader',
-            options: {
-              includePaths: ['styles', 'node_modules']
-                .map((d) => path.join(__dirname, d))
-                .map((g) => glob.sync(g))
-                .reduce((a, c) => a.concat(c), []),
-            },
-          },
-        ],
-      },
-    );
     return config;
   },
 };
diff --git a/package.json b/package.json
@@ -7,7 +7,6 @@
     "url": "https://github.com/nteract/nteract.io/issues"
   },
   "dependencies": {
-    "autoprefixer": "^8.4.1",
     "babel-plugin-module-resolver": "^3.1.1",
     "babel-plugin-wrap-in-js": "^1.1.1",
     "express": "^4.16.3",
@@ -19,9 +18,6 @@
     "next": "^7.0.2",
     "nteract-members": "^1.1.1",
     "polished": "^1.9.2",
-    "postcss-easy-import": "^3.0.0",
-    "postcss-loader": "^2.1.4",
-    "raw-loader": "^0.5.1",
     "react": "^16.4.1",
     "react-dom": "^16.4.1",
     "react-fns": "^1.4.0",

diff --git a/postcss.config.js b/postcss.config.js
diff --git a/static/kernels.css b/static/kernels.css