From 25a13acb7a84aa14e845c2c08dc25a920764bc3e Mon Sep 17 00:00:00 2001
From: Jason Quense <monastic.panic@gmail.com>
Date: Tue, 27 Apr 2021 11:59:21 -0400
Subject: [PATCH] docs: finish for now and clean up readme

---
 www/src/components/Layout.tsx |  4 ++--
 www/src/pages/index.tsx       |  3 +--
 www/tailwind.config.js        | 20 ++++++++++++++++++++
 3 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/www/src/components/Layout.tsx b/www/src/components/Layout.tsx
index fc170c06..46f582ec 100644
--- a/www/src/components/Layout.tsx
+++ b/www/src/components/Layout.tsx
@@ -1,7 +1,7 @@
 import { MDXProvider } from '@mdx-js/react';
 import styled, { css } from 'astroturf/react';
-import React, { useState } from 'react';
 import { Link } from 'gatsby';
+import React, { useState } from 'react';
 
 import CodeBlock from './CodeBlock';
 
@@ -56,7 +56,7 @@ function Layout(props: Props) {
       }}
     >
       <div
-        className="py-3 px-6 sticky top-0 bg-secondary shadow-sm border-b border-secondary-darker flex  justify-between"
+        className="py-3 px-6 sticky top-0 bg-secondary shadow-sm border-b border-secondary-darker flex justify-between"
         css={css`
           @apply py-3 px-6 sticky top-0;
 
diff --git a/www/src/pages/index.tsx b/www/src/pages/index.tsx
index ef65fda3..febee001 100644
--- a/www/src/pages/index.tsx
+++ b/www/src/pages/index.tsx
@@ -11,9 +11,8 @@ function HomePage() {
         <img
           src={logo}
           alt="astroturf: Better styling through compiling"
+          className="mx-auto mt-16"
           css={css`
-            composes: mx-auto, mt-16 from global;
-
             max-width: 32rem;
             width: 100%;
             object-fit: contain;
diff --git a/www/tailwind.config.js b/www/tailwind.config.js
index 403c701d..11865d12 100644
--- a/www/tailwind.config.js
+++ b/www/tailwind.config.js
@@ -1,4 +1,24 @@
 module.exports = {
+  purge: {
+    content: ['./src/**/*.{js,tsx,mdx}'],
+    options: {
+      defaultExtractor: (content) => {
+        // Capture as liberally as possible, including things like `h-(screen-1.5)`
+        const broadMatches = content.match(/[^<>"'`\s]*[^,<>"'`\s:]/g) || [];
+        const broadMatchesWithoutTrailingSlash = broadMatches.map((match) =>
+          match.replace(/\\\\$/, ''),
+        );
+
+        // Capture classes within other delimiters like .block(class="w-1/2") in Pug
+        const innerMatches =
+          content.match(/[^<>"'`\s.(){}[\]#=%]*[^<>"'`\s.(){}[\]#=%:]/g) || [];
+
+        return broadMatches
+          .concat(broadMatchesWithoutTrailingSlash)
+          .concat(innerMatches);
+      },
+    },
+  },
   theme: {
     fontFamily: {
       brand: 'Fontdiner Swanky',