Initial spawn

Template: https://github.com/simonswiss/tailwind-starter

Initial spawn
Template: https://github.com/simonswiss/tailwind-starter
d8e6dc3a · Yuki · d8e6dc3a · d8e6dc3a · d8e6dc3a · d8e6dc3a
Commit d8e6dc3a authored Jul 17, 2021 by Yuki
--- a/.gitignore
+++ b/.gitignore
+.cache/
+dist/
+node_modules/
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
+{
+  "license": "MIT",
+  "scripts": {
+    "dev": "parcel src/index.html",
+    "build": "parcel build src/index.html"
+  },
+  "devDependencies": {
+    "@fullhuman/postcss-purgecss": "^4.0.3",
+    "autoprefixer": "^9.8.6",
+    "parcel-bundler": "^1.12.5",
+    "postcss": "^7.0.36",
+    "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.4"
+  }
+}
--- a/postcss.config.js
+++ b/postcss.config.js
+const purgecss = require('@fullhuman/postcss-purgecss')({
+  content: [
+    './src/**/*.html',
+  ],
+  defaultExtractor: (content) => content.match(/[\w-/:]+(?<!:)/g) || [],
+});
+
+module.exports = {
+  plugins: [
+    require('tailwindcss'),
+    require('autoprefixer'),
+    ...(process.env.NODE_ENV === 'production' ? [purgecss] : []),
+  ],
+};
--- a/src/css/main.css
+++ b/src/css/main.css
+/* purgecss start ignore */
+@tailwind base;
+@tailwind components;
+/* purgecss end ignore */
+
+@tailwind utilities;
--- a/src/index.html
+++ b/src/index.html
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="x-ua-compatible" content="ie=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
+    <title>Tailwind CSS Boilerplate</title>
+
+    <link rel="stylesheet" href="css/main.css" />
+  </head>
+
+  <body class="py-16 bg-gray-200">
+    <h1 class="mb-4 text-4xl text-center text-gray-800 font-bold font-sans">
+      Tailwind CSS Boilerplate
+    </h1>
+    <p class="text-sm text-center text-gray-600 font-sans">
+      Get started by editing index.html
+    </p>
+  </body>
+</html>
--- a/tailwind.config.js
+++ b/tailwind.config.js
+module.exports = {
+  purge: ['./src/**/*.html'],
+  theme: {},
+  variants: {},
+  plugins: [],
+};