diff --git a/examples/with-apollo-and-redux/components/Post.js b/examples/with-apollo-and-redux/components/Post.js
index ccd46457..545f7570 100644
--- a/examples/with-apollo-and-redux/components/Post.js
+++ b/examples/with-apollo-and-redux/components/Post.js
@@ -7,7 +7,7 @@ function Post ({ id, data: { loading, error, Post } }) {
{Post.title}
-
ID: {Post.id} URL: {Post.url}
+
ID: {Post.id} URL: {Post.url}
@@ -26,7 +26,6 @@ const post = gql`
}
`
-
// The `graphql` wrapper executes a GraphQL query and makes the results
// available on the `data` prop of the wrapped component (PostList)
// Tip: ownProps is parent component's props
diff --git a/examples/with-apollo-and-redux/components/PostList.js b/examples/with-apollo-and-redux/components/PostList.js
index cce206b5..f3cdedf5 100644
--- a/examples/with-apollo-and-redux/components/PostList.js
+++ b/examples/with-apollo-and-redux/components/PostList.js
@@ -16,7 +16,7 @@ function PostList ({ data: { loading, error, allPosts, _allPostsMeta }, loadMore
diff --git a/examples/with-apollo-and-redux/pages/index.js b/examples/with-apollo-and-redux/pages/index.js
index c408f7a2..aad8c55d 100644
--- a/examples/with-apollo-and-redux/pages/index.js
+++ b/examples/with-apollo-and-redux/pages/index.js
@@ -1,7 +1,5 @@
import App from '../components/App'
import Header from '../components/Header'
-import Submit from '../components/Submit'
-import PostList from '../components/PostList'
import withData from '../lib/withData'
export default withData((props) => (
diff --git a/examples/with-apollo-and-redux/server.js b/examples/with-apollo-and-redux/server.js
index 3f63781d..ea8e20a3 100644
--- a/examples/with-apollo-and-redux/server.js
+++ b/examples/with-apollo-and-redux/server.js
@@ -37,4 +37,3 @@ app.prepare().then(() => {
console.log(`> Ready on http://localhost:${port}`)
})
})
-
diff --git a/examples/with-tailwindcss/components/head.js b/examples/with-tailwindcss/components/head.js
index aea67fa2..f71df168 100644
--- a/examples/with-tailwindcss/components/head.js
+++ b/examples/with-tailwindcss/components/head.js
@@ -7,23 +7,23 @@ const defaultOGImage = ''
const Head = (props) => (
-
+
{props.title || ''}
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
)
diff --git a/examples/with-tailwindcss/components/nav.js b/examples/with-tailwindcss/components/nav.js
index d089475f..b9ad617c 100644
--- a/examples/with-tailwindcss/components/nav.js
+++ b/examples/with-tailwindcss/components/nav.js
@@ -1,6 +1,4 @@
-import Head from './head'
import Link from 'next/link'
-
const links = [
{ href: 'https://github.com/segmentio/create-next-app', label: 'Github' }
].map(link => {
@@ -12,7 +10,7 @@ const Nav = () => (
-
+
Home
@@ -21,7 +19,7 @@ const Nav = () => (
({ key, href, label }) => (
- {label}
+ {label}
)
diff --git a/examples/with-tailwindcss/pages/_document.js b/examples/with-tailwindcss/pages/_document.js
index 13150ab3..1e4fa180 100644
--- a/examples/with-tailwindcss/pages/_document.js
+++ b/examples/with-tailwindcss/pages/_document.js
@@ -1,17 +1,17 @@
import Document, { Head, Main, NextScript } from 'next/document'
class MyDocument extends Document {
- static getInitialProps({ renderPage }) {
+ static getInitialProps ({ renderPage }) {
const { html, head, errorHtml, chunks } = renderPage()
return { html, head, errorHtml, chunks }
}
- render() {
+ render () {
return (
-
+
{this.props.customValue}
@@ -23,4 +23,4 @@ class MyDocument extends Document {
}
}
-export default MyDocument;
+export default MyDocument
diff --git a/examples/with-tailwindcss/pages/index.js b/examples/with-tailwindcss/pages/index.js
index 9a488c3a..2540b352 100644
--- a/examples/with-tailwindcss/pages/index.js
+++ b/examples/with-tailwindcss/pages/index.js
@@ -1,13 +1,12 @@
-import Link from 'next/link'
import Head from '../components/head'
import Nav from '../components/nav'
export default () => (
-
+
-
-
Next.js + Tailwind css
+
+
Next.js + Tailwind css
)
diff --git a/examples/with-tailwindcss/styles/config/postcss.config.js b/examples/with-tailwindcss/styles/config/postcss.config.js
index e5bffd93..3014d180 100644
--- a/examples/with-tailwindcss/styles/config/postcss.config.js
+++ b/examples/with-tailwindcss/styles/config/postcss.config.js
@@ -1,10 +1,10 @@
-var tailwindcss = require('tailwindcss');
+var tailwindcss = require('tailwindcss')
module.exports = {
plugins: [
require('postcss-easy-import'),
tailwindcss('./styles/config/tailwind.config.js'),
require('autoprefixer'),
- require('cssnano'),
+ require('cssnano')
]
}
diff --git a/examples/with-tailwindcss/styles/config/tailwind.config.js b/examples/with-tailwindcss/styles/config/tailwind.config.js
index 78ad7c59..a588fe83 100644
--- a/examples/with-tailwindcss/styles/config/tailwind.config.js
+++ b/examples/with-tailwindcss/styles/config/tailwind.config.js
@@ -12,7 +12,6 @@ we've done our very best to explain each section.
View the full documentation at https://tailwindcss.com.
-
|-------------------------------------------------------------------------------
| The default config
|-------------------------------------------------------------------------------
@@ -24,8 +23,7 @@ View the full documentation at https://tailwindcss.com.
|
*/
-var defaultConfig = require('tailwindcss/defaultConfig')()
-
+// var defaultConfig = require('tailwindcss/defaultConfig')()
/*
|-------------------------------------------------------------------------------
@@ -126,7 +124,7 @@ var colors = {
'pink': '#f66d9b',
'pink-light': '#fa7ea8',
'pink-lighter': '#ffbbca',
- 'pink-lightest': '#ffebef',
+ 'pink-lightest': '#ffebef'
}
module.exports = {
@@ -146,7 +144,6 @@ module.exports = {
colors: colors,
-
/*
|-----------------------------------------------------------------------------
| Screens https://tailwindcss.com/docs/responsive-design
@@ -170,10 +167,9 @@ module.exports = {
'sm': '576px',
'md': '768px',
'lg': '992px',
- 'xl': '1200px',
+ 'xl': '1200px'
},
-
/*
|-----------------------------------------------------------------------------
| Fonts https://tailwindcss.com/docs/fonts
@@ -204,7 +200,7 @@ module.exports = {
'Fira Sans',
'Droid Sans',
'Helvetica Neue',
- 'sans-serif',
+ 'sans-serif'
],
'serif': [
'Constantia',
@@ -216,7 +212,7 @@ module.exports = {
'Bitstream Vera Serif',
'Liberation Serif',
'Georgia',
- 'serif',
+ 'serif'
],
'mono': [
'Menlo',
@@ -224,11 +220,10 @@ module.exports = {
'Consolas',
'Liberation Mono',
'Courier New',
- 'monospace',
+ 'monospace'
]
},
-
/*
|-----------------------------------------------------------------------------
| Text sizes https://tailwindcss.com/docs/text-sizing
@@ -257,10 +252,9 @@ module.exports = {
'2xl': '1.5rem', // 24px
'3xl': '1.875rem', // 30px
'4xl': '2.25rem', // 36px
- '5xl': '3rem', // 48px
+ '5xl': '3rem' // 48px
},
-
/*
|-----------------------------------------------------------------------------
| Font weights https://tailwindcss.com/docs/font-weight
@@ -284,10 +278,9 @@ module.exports = {
'semibold': 600,
'bold': 700,
'extrabold': 800,
- 'black': 900,
+ 'black': 900
},
-
/*
|-----------------------------------------------------------------------------
| Leading (line height) https://tailwindcss.com/docs/line-height
@@ -304,10 +297,9 @@ module.exports = {
'none': 1,
'tight': 1.25,
'normal': 1.5,
- 'loose': 2,
+ 'loose': 2
},
-
/*
|-----------------------------------------------------------------------------
| Tracking (letter spacing) https://tailwindcss.com/docs/letter-spacing
@@ -323,10 +315,9 @@ module.exports = {
tracking: {
'tight': '-0.05em',
'normal': '0',
- 'wide': '0.05em',
+ 'wide': '0.05em'
},
-
/*
|-----------------------------------------------------------------------------
| Text colors https://tailwindcss.com/docs/text-color
@@ -342,7 +333,6 @@ module.exports = {
textColors: colors,
-
/*
|-----------------------------------------------------------------------------
| Background colors https://tailwindcss.com/docs/background-color
@@ -358,7 +348,6 @@ module.exports = {
backgroundColors: colors,
-
/*
|-----------------------------------------------------------------------------
| Border widths https://tailwindcss.com/docs/border-width
@@ -377,10 +366,9 @@ module.exports = {
'0': '0',
'2': '2px',
'4': '4px',
- '8': '8px',
+ '8': '8px'
},
-
/*
|-----------------------------------------------------------------------------
| Border colors https://tailwindcss.com/docs/border-color
@@ -400,7 +388,6 @@ module.exports = {
borderColors: Object.assign({ default: colors['grey-light'] }, colors),
-
/*
|-----------------------------------------------------------------------------
| Border radius https://tailwindcss.com/docs/border-radius
@@ -422,10 +409,9 @@ module.exports = {
'sm': '.125rem',
default: '.25rem',
'lg': '.5rem',
- 'full': '9999px',
+ 'full': '9999px'
},
-
/*
|-----------------------------------------------------------------------------
| Width https://tailwindcss.com/docs/width
@@ -477,7 +463,6 @@ module.exports = {
'screen': '100vw'
},
-
/*
|-----------------------------------------------------------------------------
| Height https://tailwindcss.com/docs/height
@@ -513,7 +498,6 @@ module.exports = {
'screen': '100vh'
},
-
/*
|-----------------------------------------------------------------------------
| Minimum width https://tailwindcss.com/docs/min-width
@@ -530,10 +514,9 @@ module.exports = {
minWidth: {
'0': '0',
- 'full': '100%',
+ 'full': '100%'
},
-
/*
|-----------------------------------------------------------------------------
| Minimum height https://tailwindcss.com/docs/min-height
@@ -554,7 +537,6 @@ module.exports = {
'screen': '100vh'
},
-
/*
|-----------------------------------------------------------------------------
| Maximum width https://tailwindcss.com/docs/max-width
@@ -580,10 +562,9 @@ module.exports = {
'3xl': '80rem',
'4xl': '90rem',
'5xl': '100rem',
- 'full': '100%',
+ 'full': '100%'
},
-
/*
|-----------------------------------------------------------------------------
| Maximum height https://tailwindcss.com/docs/max-height
@@ -600,10 +581,9 @@ module.exports = {
maxHeight: {
'full': '100%',
- 'screen': '100vh',
+ 'screen': '100vh'
},
-
/*
|-----------------------------------------------------------------------------
| Padding https://tailwindcss.com/docs/padding
@@ -627,10 +607,9 @@ module.exports = {
'3': '0.75rem',
'4': '1rem',
'6': '1.5rem',
- '8': '2rem',
+ '8': '2rem'
},
-
/*
|-----------------------------------------------------------------------------
| Margin https://tailwindcss.com/docs/margin
@@ -655,10 +634,9 @@ module.exports = {
'3': '0.75rem',
'4': '1rem',
'6': '1.5rem',
- '8': '2rem',
+ '8': '2rem'
},
-
/*
|-----------------------------------------------------------------------------
| Negative margin https://tailwindcss.com/docs/negative-margin
@@ -682,10 +660,9 @@ module.exports = {
'3': '0.75rem',
'4': '1rem',
'6': '1.5rem',
- '8': '2rem',
+ '8': '2rem'
},
-
/*
|-----------------------------------------------------------------------------
| Shadows https://tailwindcss.com/docs/shadows
@@ -707,10 +684,9 @@ module.exports = {
'md': '0 4px 8px 0 rgba(0,0,0,0.12), 0 2px 4px 0 rgba(0,0,0,0.08)',
'lg': '0 15px 30px 0 rgba(0,0,0,0.11), 0 5px 15px 0 rgba(0,0,0,0.08)',
'inner': 'inset 0 2px 4px 0 rgba(0,0,0,0.06)',
- 'none': 'none',
+ 'none': 'none'
},
-
/*
|-----------------------------------------------------------------------------
| Z-index https://tailwindcss.com/docs/z-index
@@ -731,10 +707,9 @@ module.exports = {
'20': 20,
'30': 30,
'40': 40,
- '50': 50,
+ '50': 50
},
-
/*
|-----------------------------------------------------------------------------
| Opacity https://tailwindcss.com/docs/opacity
@@ -753,10 +728,9 @@ module.exports = {
'25': '.25',
'50': '.5',
'75': '.75',
- '100': '1',
+ '100': '1'
},
-
/*
|-----------------------------------------------------------------------------
| Options https://tailwindcss.com/docs/configuration#options
@@ -769,7 +743,7 @@ module.exports = {
options: {
prefix: '',
- important: false,
- },
+ important: false
+ }
}