Add and bootstrap tailwind

assets/less/main.less

@@ -1,49 +1,49 @@
 @import (less) "~font-awesome/css/font-awesome.css";
 @import (less) "~highlightjs/styles/github-gist.css";
 
-@import "~tachyons-less/less/_colors";
+@tailwind preflight;
 
 @blue: #0678be;
 
-@import "~tachyons-less/tachyons";
-
 p,
 li,
 td {
     a { color: @blue }
 }
 
-.button {
+// .button {
-    .bg-blue;
+//     .bg-blue;
-    .bn;
+//     .bn;
-    .br2;
+//     .br2;
-    .dib;
+//     .dib;
-    .dim;
+//     .dim;
-    .link;
+//     .link;
-    .no-underline;
+//     .no-underline;
-    .ph3;
+//     .ph3;
-    .pv2;
+//     .pv2;
-    .white-90;
+//     .white-90;
 
-    &:hover {
+//     &:hover {
-        background: darken(@blue, 10%);
+//         background: darken(@blue, 10%);
-        cursor: pointer;
+//         cursor: pointer;
-    }
+//     }
-}
+// }
 
-blockquote {
+// blockquote {
-    .ma0;
+//     .ma0;
-    .pl3;
+//     .pl3;
-    .bl;
+//     .bl;
-    .bw2;
+//     .bw2;
-    .b--blue;
+//     .b--blue;
-}
+// }
 
-img.with-border {
+// img.with-border {
-    .ba;
+//     .ba;
-    .b--silver;
+//     .b--silver;
-}
+// }
 
-@import "components/nav";
+// @import "components/nav";
-@import "components/post";
+// @import "components/post";
-@import "components/talk";
+// @import "components/talk";
+
+@tailwind utilities;

package.json

@@ -7,14 +7,14 @@
     "outputJs": "source/assets/js"
   },
   "scripts": {
-    "autoprefixer": "postcss -u autoprefixer -r $npm_package_config_outputCss/*.css",
     "build": "npm run init && npm-run-all -p build:css build:js copy:fonts",
-    "build:css": "npm run less -- && npm run autoprefixer",
+    "build:css": "npm run less -- && npm run postcss",
     "build:js": "concat -o $npm_package_config_outputJs/site.js node_modules/jquery/dist/jquery.js node_modules/highlightjs/highlight.pack.js $npm_package_config_jsPath/vendor/*.js $npm_package_config_jsPath/main.js",
     "copy:fonts": "cp -R node_modules/font-awesome/fonts/* $npm_package_config_outputFonts",
     "dev": "npm run build && npm-run-all -p watch:css watch:js",
     "init": "mkdir -p $npm_package_config_outputCss $npm_package_config_outputFonts $npm_package_config_outputJs",
     "less": "lessc --npm-import='prefix=~' $npm_package_config_lessPath/main.less $npm_package_config_outputCss/site.css",
+    "postcss": "postcss -u autoprefixer tailwindcss -r $npm_package_config_outputCss/*.css",
     "prod": "npm run build",
     "watch": "npm-run-all -p watch:css watch:js",
     "watch:css": "onchange $npm_package_config_lessPath -v -- npm-run-all -p build:css",
@@ -33,6 +33,6 @@
     "npm-run-all": "^4.1.1",
     "onchange": "^3.2.1",
     "postcss-cli": "^4.1.1",
-    "tachyons-less": "^1.0.4"
+    "tailwindcss": "^0.1.4"
   }
 }