v5, the second time around

.gitignore

@@ -1,4 +1,4 @@
 node_modules
-npm-debug.log
 .DS_STORE
 *.swp
+.next

bower.json

@@ -1,19 +1,20 @@
 {
   "name": "tachyons",
-  "description": "Functional CSS for humans",
+  "description": "Functional css for humans",
+  "homepage": "https://tachyons.io",
   "main": "css/tachyons.css",
+  "license": "MIT",
   "authors": [
-    "mrmrs"
+    "mrmrs",
+    "johno"
   ],
-  "license": "MIT",
   "keywords": [
     "css",
     "design",
     "system",
     "responsive",
     "design"
   ],
-  "homepage": "http://tachyons.io",
   "ignore": [
     "**/.*",
     "node_modules",

build/colors.js

@@ -0,0 +1,24 @@
+const fs = require('fs')
+const postcss = require('postcss')
+const getVariables = require('postcss-get-variables')
+
+const css = fs.readFileSync('src/_colors.css', 'utf8')
+
+module.exports = async () => {
+  await postcss([
+    getVariables(c => {
+      const colors = Object.entries(c).reduce((acc, [name, value]) => {
+        if (name === 'transparent') {
+          return acc
+        }
+
+        name = /^(black|white)-/.test(name) ? name : name.replace('-', '')
+        acc[name] = value
+
+        return acc
+      }, {})
+
+      fs.writeFileSync('site/data/colors.json', JSON.stringify(colors, null, 2))
+    })
+  ]).process(css)
+}

build/index.js

@@ -0,0 +1,37 @@
+const fs = require('fs')
+const globby = require('globby')
+const stripComments = require('strip-css-comments')
+
+require('./colors')()
+
+const pattern = [
+  'src/**/*.css',
+  '!src/tachyons.css',
+  '!src/_debug-children.css',
+  '!src/_debug-grid.css',
+  '!src/_nested.css',
+  '!src/_normalize.css',
+  '!src/_media-queries.css',
+  '!src/_module-template.css',
+  '!src/_code.css' // TODO: make this a module
+]
+
+const mq = stripComments(
+  fs.readFileSync('src/_media-queries.css', 'utf8'),
+  { preserve: false }
+)
+
+globby(pattern)
+  .then(paths => paths.forEach(processPackage))
+  .catch(console.error)
+
+const processPackage = path => {
+  const name = path.replace('src/_', '').replace('.css', '')
+  let css = fs.readFileSync(path, 'utf8')
+
+  if (/@media/.test(css)) {
+    css = `${mq}${css}`
+  }
+
+  fs.writeFileSync(`packages/tachyons-${name}/src/tachyons-${name}.css`, css)
+}

build/tables.js

@@ -0,0 +1,43 @@
+const fs = require('fs')
+const cssTable = require('css-table')
+
+const srcFile = 'src/tachyons.css'
+const css = fs.readFileSync(srcFile, 'utf8')
+const options = {
+  from: srcFile
+}
+
+const writeTable = async () => {
+  const data = await cssTable(css, options)
+
+  const selectors = data
+    .sort((a, b) => {
+      if (a.moduleName < b.moduleName) return -1;
+      if (a.moduleName > b.moduleName) return 1;
+      return 0;
+    })
+    .map(d => {
+    const moduleName = d.moduleName.split('/_')[1].replace('.css', '')
+
+    if (moduleName === 'normalize' || moduleName === 'debug-grid') {
+      return
+    }
+
+    return [
+      d.selector.replace(/\n/g, '<br />'),
+      d.declarations.join(';<br />').replace(/\n/g, '<br />') + ';',
+      `[${moduleName}](https://npmjs.com/packages/tachyons-${moduleName})`
+    ].join(' | ')
+  })
+
+  fs.writeFileSync('docs/table-of-styles.md',
+`# Table of Styles
+
+Here is a list of each class in Tachyons along with corresponding styles.
+
+Selectors | Declarations | Module
+--------- | ------------ | ------
+${selectors.filter(Boolean).join('\n')}`)
+}
+
+writeTable()