first commit

test/integration/styled-jsx-plugin/app/.babelrc.js

@@ -0,0 +1,14 @@
+console.log('hello from babel!')
+
+module.exports = {
+  presets: [
+    [
+      'next/babel',
+      {
+        'styled-jsx': {
+          plugins: [require.resolve('styled-jsx-plugin-postcss')],
+        },
+      },
+    ],
+  ],
+}

test/integration/styled-jsx-plugin/app/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "basic-css",
+  "version": "1.0.0",
+  "scripts": {
+    "dev": "next",
+    "build": "next build",
+    "start": "next start"
+  },
+  "dependencies": {
+    "lost": "8.2.0",
+    "next": "latest",
+    "postcss-nested": "2.1.2",
+    "react": "^16.7.0",
+    "react-dom": "^16.7.0",
+    "styled-jsx-plugin-postcss": "0.1.0"
+  },
+  "license": "ISC",
+  "postcss": {
+    "plugins": {
+      "lost": {},
+      "postcss-nested": {}
+    }
+  }
+}

test/integration/styled-jsx-plugin/app/pages/index.js

@@ -0,0 +1,24 @@
+export default () => (
+  <div className="hello">
+    <p>Hello World</p>
+    <style jsx>{`
+      .hello {
+        font:
+          15px Helvetica,
+          Arial,
+          sans-serif;
+        background: #eee;
+        padding: 100px;
+        text-align: center;
+        transition: 100ms ease-in background;
+        lost-column: 1/3;
+        &:hover {
+          color: red;
+        }
+      }
+      .hello:hover {
+        background: #ccc;
+      }
+    `}</style>
+  </div>
+)