Minify CSS

4 files changed, 10 insertions, 1 deletions

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..3c3629e
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+node_modules
diff --git a/README.md b/README.md
index 178706c..b106df6 100644
--- a/README.md
+++ b/README.md
@@ -3,6 +3,13 @@
 Liquorice is a small black and white theme for [Hugo](https://github.com/spf13/hugo) (a fast and modern static website engine).
 
 
+## CSS minification
+
+CSS minification is done using the node tool [clean-css](https://github.com/GoalSmashers/clean-css).
+
+    cleancss -o static/css/liquorice.min.css static/css/liquorice.css
+
+
 # License
 
 Liquorice is released under the MIT license, see LICENSE for details.
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index d8e5d57..07a9372 100644
--- a/layouts/partials/head.html
+++ b/layouts/partials/head.html
@@ -8,7 +8,7 @@
         <title>{{ .Title }} &middot; {{ .Site.Title }}</title>
         <link rel='stylesheet' href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600' type='text/css'>
         <link rel="stylesheet" href="{{ .Site.BaseUrl }}/libraries/normalize.3.0.1.css" />
-        <link rel="stylesheet" href="{{ .Site.BaseUrl }}/css/liquorice.css" />
+        <link rel="stylesheet" href="{{ .Site.BaseUrl }}/css/liquorice.min.css" />
         <link rel="shortcut icon" href="/favicon.ico" />
         <link rel="apple-touch-icon-precomposed" href="/apple-touch-icon-144-precomposed.png" sizes="144x144" />
         <link rel="alternate" href="{{ .RSSlink }}" type="application/rss+xml" title="{{ .Site.Title }}" />
diff --git a/static/css/liquorice.min.css b/static/css/liquorice.min.css
new file mode 100644
index 0000000..5c75e99
--- /dev/null
+++ b/static/css/liquorice.min.css
@@ -0,0 +1 @@
+.li-right{float:right}.li-left{float:left}body{font-family:"Open Sans","Helvetica Neue",Helvetica,sans-serif;color:#484644}a,a:active,a:hover,a:visited{color:#202020;text-decoration:none;font-weight:700}h1,h2,h3,h4,h5,h6{color:#202020;font-weight:lighter}.li-page-header{background-color:#202020;color:#fff;padding:16px 0}.li-page-header ul{list-style:none;margin:0;line-height:30px}.li-page-header ul li{float:left;list-style:none;line-height:30px;margin-left:30px}.li-page-header ul li a,.li-page-header ul li a:active,.li-page-header ul li a:hover,.li-page-header ul li a:visited{color:#ccc;font-weight:400;text-decoration:none}.li-page-header ul li a:active,.li-page-header ul li a:hover{color:#fff}.li-page-header .li-brand a,.li-page-header .li-brand a:active,.li-page-header .li-brand a:hover,.li-page-header .li-brand a:visited{color:#fff;font-weight:700;font-size:1.5em;text-decoration:none}.li-page-header .li-menu-icon,.li-page-header .li-menu-mobile{display:none}.li-article{margin-bottom:32px}ul.li-article-list{list-style:none;margin:0;padding:0}.li-article-section{padding:16px 0}.li-article-date{color:#999;font-size:smaller}.li-article-footer{border-top:1px solid #ccc}.li-pagination{border-top:1px solid #ccc;margin-top:32px;padding-top:16px}.li-pagination-previous{float:left}.li-pagination-next{float:right}.li-page-footer{font-size:smaller;padding:48px 0 32px}.li-page-footer-legal{float:left}.li-page-footer-theme{float:right}@media only screen and (max-width:767px){.li-page-header .li-menu-icon{cursor:pointer;display:block;float:right;line-height:30px}.li-page-header .li-menu-items{clear:both;display:none}.li-page-header ul.li-menu-items{list-style-type:none;margin:0;padding:0}.li-page-header .li-menu-items li{margin-left:0;padding:12px 0;text-align:center;width:100%}.li-page-header .li-menu-items li:nth-of-type(1){border-bottom:1px solid #ccc}.li-page-footer-legal,.li-page-footer-theme,.li-pagination-next,.li-pagination-previous{float:none;text-align:center;padding:8px 0}}.container{position:relative;width:960px;margin:0 auto;padding:0}.container .column,.container .columns{float:left;display:inline;margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0}.column.omega,.columns.omega{margin-right:0}.container .one.column,.container .one.columns{width:40px}.container .two.columns{width:100px}.container .three.columns{width:160px}.container .four.columns{width:220px}.container .five.columns{width:280px}.container .six.columns{width:340px}.container .seven.columns{width:400px}.container .eight.columns{width:460px}.container .nine.columns{width:520px}.container .ten.columns{width:580px}.container .eleven.columns{width:640px}.container .twelve.columns{width:700px}.container .thirteen.columns{width:760px}.container .fourteen.columns{width:820px}.container .fifteen.columns{width:880px}.container .sixteen.columns{width:940px}.container .one-third.column{width:300px}.container .two-thirds.column{width:620px}.container .offset-by-one{padding-left:60px}.container .offset-by-two{padding-left:120px}.container .offset-by-three{padding-left:180px}.container .offset-by-four{padding-left:240px}.container .offset-by-five{padding-left:300px}.container .offset-by-six{padding-left:360px}.container .offset-by-seven{padding-left:420px}.container .offset-by-eight{padding-left:480px}.container .offset-by-nine{padding-left:540px}.container .offset-by-ten{padding-left:600px}.container .offset-by-eleven{padding-left:660px}.container .offset-by-twelve{padding-left:720px}.container .offset-by-thirteen{padding-left:780px}.container .offset-by-fourteen{padding-left:840px}.container .offset-by-fifteen{padding-left:900px}@media only screen and (min-width:768px) and (max-width:959px){.container{width:768px}.container .column,.container .columns{margin-left:10px;margin-right:10px}.column.alpha,.columns.alpha{margin-left:0;margin-right:10px}.column.omega,.columns.omega{margin-right:0;margin-left:10px}.alpha.omega{margin-left:0;margin-right:0}.container .one.column,.container .one.columns{width:28px}.container .two.columns{width:76px}.container .three.columns{width:124px}.container .four.columns{width:172px}.container .five.columns{width:220px}.container .six.columns{width:268px}.container .seven.columns{width:316px}.container .eight.columns{width:364px}.container .nine.columns{width:412px}.container .ten.columns{width:460px}.container .eleven.columns{width:508px}.container .twelve.columns{width:556px}.container .thirteen.columns{width:604px}.container .fourteen.columns{width:652px}.container .fifteen.columns{width:700px}.container .sixteen.columns{width:748px}.container .one-third.column{width:236px}.container .two-thirds.column{width:492px}.container .offset-by-one{padding-left:48px}.container .offset-by-two{padding-left:96px}.container .offset-by-three{padding-left:144px}.container .offset-by-four{padding-left:192px}.container .offset-by-five{padding-left:240px}.container .offset-by-six{padding-left:288px}.container .offset-by-seven{padding-left:336px}.container .offset-by-eight{padding-left:384px}.container .offset-by-nine{padding-left:432px}.container .offset-by-ten{padding-left:480px}.container .offset-by-eleven{padding-left:528px}.container .offset-by-twelve{padding-left:576px}.container .offset-by-thirteen{padding-left:624px}.container .offset-by-fourteen{padding-left:672px}.container .offset-by-fifteen{padding-left:720px}}@media only screen and (max-width:767px){.container{width:300px}.container .column,.container .columns{margin:0}.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:300px}.container .offset-by-eight,.container .offset-by-eleven,.container .offset-by-fifteen,.container .offset-by-five,.container .offset-by-four,.container .offset-by-fourteen,.container .offset-by-nine,.container .offset-by-one,.container .offset-by-seven,.container .offset-by-six,.container .offset-by-ten,.container .offset-by-thirteen,.container .offset-by-three,.container .offset-by-twelve,.container .offset-by-two{padding-left:0}}@media only screen and (min-width:480px) and (max-width:767px){.container{width:420px}.container .column,.container .columns{margin:0}.container .eight.columns,.container .eleven.columns,.container .fifteen.columns,.container .five.columns,.container .four.columns,.container .fourteen.columns,.container .nine.columns,.container .one-third.column,.container .one.column,.container .one.columns,.container .seven.columns,.container .six.columns,.container .sixteen.columns,.container .ten.columns,.container .thirteen.columns,.container .three.columns,.container .twelve.columns,.container .two-thirds.column,.container .two.columns{width:420px}}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.clearfix:after,.clearfix:before,.row:after,.row:before{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after,.row:after{clear:both}.clearfix,.row{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
\ No newline at end of file