From 98dad110a138b9a37cbf6887f45df181282f053c Mon Sep 17 00:00:00 2001
From: Josh Habdas <jhabdas@gmail.com>
Date: Wed, 5 Apr 2017 22:29:14 +0800
Subject: [PATCH] build(css): build minified bundle

adds a minfied css bundle and uses it

closes #642
---
 docs/_includes/head.html |  2 +-
 package.json             | 13 ++++++++-----
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/docs/_includes/head.html b/docs/_includes/head.html
index cfc9fdd95f..c04b216f5e 100644
--- a/docs/_includes/head.html
+++ b/docs/_includes/head.html
@@ -7,7 +7,7 @@
   <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
 
   <link rel="stylesheet" href="{{ site.fontawesome }}">
-  <link rel="stylesheet" href="{{ site.url }}/css/bulma-docs.css">
+  <link rel="stylesheet" href="{{ site.url }}/css/bulma-docs.min.css">
 
   <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.url }}">
   <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.url }}">
diff --git a/package.json b/package.json
index eb959fda18..73c40d11e9 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "author": "Jeremy Thomas <bbxdesign@gmail.com> (http://jgthms.com)",
   "description": "Modern CSS framework based on Flexbox",
   "main": "bulma.sass",
-  "style": "bulma/css/bulma.css",
+  "style": "bulma/css/bulma.min.css",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/jgthms/bulma.git"
@@ -24,19 +24,22 @@
   "devDependencies": {
     "autoprefixer": "^6.3.3",
     "captain-git-hook": "~1.0.5",
+    "clean-css-cli": "^4.0.10",
     "node-sass": "^3.4.2",
     "postcss-cli": "^2.5.1",
     "rimraf": "^2.6.1"
   },
   "scripts": {
-    "build": "npm run build-clean && npm run build-sass && npm run build-autoprefix",
+    "build": "npm run build-clean && npm run build-sass && npm run build-autoprefix && npm run build-cleancss",
     "build-autoprefix": "postcss --use autoprefixer --output css/bulma.css css/bulma.css",
-    "build-clean": "rimraf css",
+    "build-cleancss": "cleancss -o css/bulma.min.css css/bulma.css",
+    "build-clean": "rimraf css",
     "build-sass": "node-sass --output-style expanded --source-map true bulma.sass css/bulma.css",
     "deploy": "npm run build && npm run docs",
-    "docs": "npm run docs-sass && npm run docs-autoprefix",
+    "docs": "npm run docs-sass && npm run docs-autoprefix && npm run docs-cleancss",
     "docs-autoprefix": "postcss --use autoprefixer --output docs/css/bulma-docs.css docs/css/bulma-docs.css",
-    "docs-sass": "node-sass --output-style expanded docs/bulma-docs.sass docs/css/bulma-docs.css",
+    "docs-cleancss": "cleancss -o docs/css/bulma-docs.min.css docs/css/bulma-docs.css",
+    "docs-sass": "node-sass --output-style expanded docs/bulma-docs.sass docs/css/bulma-docs.css",
     "start": "npm run build-sass -- --watch",
     "start-docs": "npm run docs-sass -- --watch",
     "start-test": "npm run test-sass -- --watch",