[no message]

.stylelintrc

@@ -0,0 +1,13 @@
+{
+  "extends": "stylelint-config-recommended",
+  "rules": {
+    "at-rule-no-unknown": [ true, {
+      "ignoreAtRules": [
+        "extends",
+        "tailwind"
+      ]
+    }],
+    "block-no-empty": null,
+    "unit-whitelist": ["em", "rem", "s"]
+  }
+}

README.md

@@ -1 +1,4 @@
-# lifeinaweb
+# lifeinaweb
+
+### CSS linter
+- https://stackoverflow.com/questions/47607602/how-to-add-a-tailwind-css-rule-to-css-checker/48165524#48165524

next.config.js

@@ -0,0 +1,2 @@
+const withCSS = require('@zeit/next-css')
+module.exports = withCSS({})

package.json

@@ -21,12 +21,17 @@
     "start": "NODE_ENV=production next start -p 3000"
   },
   "dependencies": {
+    "@zeit/next-css": "^1.0.1",
+    "easy-peasy": "^3.3.0",
     "next": "latest",
     "prop-types": "^15.7.2",
     "react": "latest",
     "react-dom": "latest"
   },
   "devDependencies": {
-
+    "postcss-preset-env": "^6.7.0",
+    "prettier-standard": "^16.1.0",
+    "stylelint-config-recommended": "^3.0.0",
+    "tailwindcss": "^1.2.0"
   }
 }

pages/index.js

@@ -0,0 +1,8 @@
+import '../styles/index.css'
+
+export default () => (
+  <div className="p-4 shadow rounded bg-white">
+    <h1 className="text-purple-500 leading-normal">lifeinaweb</h1>
+    <p className="text-gray-500">with Tailwind CSS</p>
+  </div>
+)

postcss.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+  plugins: [require('tailwindcss'), require('postcss-preset-env')],
+}

styles/index.css

@@ -0,0 +1,11 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+/* @import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities"; */
+
+body {
+  @apply bg-blue-500 p-12;
+}

tailwind.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  theme: {
+    extend: {},
+  },
+  variants: {},
+  plugins: [],
+}