Revert change to demo page directory name

README.md

@@ -309,7 +309,7 @@ values will be converted to attribute selectors that any browser can understand.
 This process is used for this project's
 [demo page](https://stevecochrane.github.io/tailwindcss-logical/), and for a look at how
 that is configured for PostCSS, check out the demo's
-[postcss.config.js](https://github.com/stevecochrane/tailwindcss-logical/blob/master/demo/postcss.config.js) file.
+[postcss.config.js](https://github.com/stevecochrane/tailwindcss-logical/blob/master/docs/postcss.config.js) file.
 
 ## Roadmap
 

demo/index.html → docs/index.html

@@ -42,7 +42,7 @@ <h1 class="text-center"><span class="block plb-0.5 text-6xl">🖖</span> <span c
 
           <section id="introduction" class="font-light max-is-prose space-b-6 text-gray-700 text-rhythmLead">
             <p>The following is an demonstration of every type of utility provided by tailwindcss-logical. You can read about installation, configuration, and more in <a class="font-medium text-cyan-600 underline hover:text-cyan-800" href="https://github.com/stevecochrane/tailwindcss-logical/#tailwindcss-logical">the project's README</a>.</p>
-            <p>This page is entirely styled with Tailwind classes, from <a class="font-medium text-cyan-600 underline hover:text-cyan-800" href="https://github.com/stevecochrane/tailwindcss-logical/blob/master/demo/tailwind.config.js">a mostly unmodified Tailwind config file</a>. To achieve better browser support, tailwindcss-logical's styles are run through some additional PostCSS plugins. <a class="font-medium text-cyan-600 underline hover:text-cyan-800" href="https://github.com/stevecochrane/tailwindcss-logical#browser-compatibility">Read more about browser compatibility</a>.</p>
+            <p>This page is entirely styled with Tailwind classes, from <a class="font-medium text-cyan-600 underline hover:text-cyan-800" href="https://github.com/stevecochrane/tailwindcss-logical/blob/master/docs/tailwind.config.js">a mostly unmodified Tailwind config file</a>. To achieve better browser support, tailwindcss-logical's styles are run through some additional PostCSS plugins. <a class="font-medium text-cyan-600 underline hover:text-cyan-800" href="https://github.com/stevecochrane/tailwindcss-logical#browser-compatibility">Read more about browser compatibility</a>.</p>
             <p>To see how these utilities enable multi-directional layouts, click the Switch Text Direction button! All it does is flip the <code class="leading-none">dir</code> attribute on the <code class="leading-none">&lt;html&gt;</code> element from <code class="leading-none">"ltr"</code> to <code class="leading-none">"rtl"</code> and back again, and the rest is handled through the magic of logical properties and values.</p>
           </section>
 

demo/postcss.config.js → docs/postcss.config.js

@@ -1,6 +1,6 @@
 module.exports = {
   plugins: [
-    require('tailwindcss')({ config: './demo/tailwind.config.js' }),
+    require('tailwindcss')({ config: './docs/tailwind.config.js' }),
     require('postcss-logical'),
     require('postcss-dir-pseudo-class')
   ]
@@ -11,7 +11,7 @@ module.exports = {
 
   module.exports = {
     plugins: [
-      require('tailwindcss')({ config: './demo/tailwind.config.js' }),
+      require('tailwindcss')({ config: './docs/tailwind.config.js' }),
       require('postcss-preset-env')
     ]
   };

demo/tailwind.config.js → docs/tailwind.config.js

@@ -2,7 +2,7 @@ const colors = require('tailwindcss/colors');
 
 module.exports = {
   purge: {
-    content: ['./demo/*.html'],
+    content: ['./docs/*.html'],
     enabled: true
   },
   theme: {

package.json

@@ -11,7 +11,7 @@
   },
   "main": "index.js",
   "scripts": {
-    "build:demo": "postcss demo/input.css -o demo/output.css --config demo/postcss.config.js",
+    "build:demo": "postcss docs/input.css -o docs/output.css --config docs/postcss.config.js",
     "lint": "eslint --ignore-path .eslintignore --cache .",
     "test": "jest --coverage"
   },