From 781ba9fb0b6993e4f648d9bb8c632a629a0022a7 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Tue, 9 Jun 2015 22:56:01 +0200
Subject: [PATCH] button fixes

---
 _src/_assets/styl/buttons.styl |  9 ++++++---
 _src/_assets/styl/icons.styl   | 11 +++++++++++
 gulpfile.js                    |  3 ++-
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/_src/_assets/styl/buttons.styl b/_src/_assets/styl/buttons.styl
index 6180a821..28d5f21c 100644
--- a/_src/_assets/styl/buttons.styl
+++ b/_src/_assets/styl/buttons.styl
@@ -18,6 +18,7 @@ button
         text-shadow: none
 
 .btn
+a.btn
     @extend .textcenter
     display: inline-block
     margin-bottom: 0
@@ -47,8 +48,9 @@ button
         background-color: rgba(255,255,255,.5)
 
     &:active
+        color: $brand-grey
+        border-color: rgba(94,131,162,.3)
         background-color: transparent
-        border-top-color: rgba(94,131,162,.5)
         box-shadow: 0 1px 0 #fff
         transition: none
 
@@ -79,7 +81,8 @@ button
     margin-left: .3em
 
 // Primary Button
-.btn-primary
+.btn-primary,
+a.btn-primary
     color: darken($link-color, 50%)
     text-shadow: 0 1px 0 rgba(255,255,255,.3)
     background: lighten($link-color, 15%)
@@ -94,8 +97,8 @@ button
 
     &:active
         color: darken($link-color, 50%)
+        border-color: darken($link-color, 10%)
         background-color: lighten($link-color, 15%)
-        box-shadow: 0 1px 0 #fff, inset 0 2px 5px rgba(43,100,92,.5)
 
 .more-link
     font-family: $headings-font-family
diff --git a/_src/_assets/styl/icons.styl b/_src/_assets/styl/icons.styl
index 685013ab..eee57d53 100644
--- a/_src/_assets/styl/icons.styl
+++ b/_src/_assets/styl/icons.styl
@@ -21,3 +21,14 @@ svg
     // Fix jQuery bug: http://bugs.jquery.com/ticket/11352
     use
         pointer-events: none
+
+//
+// some helper classes for old content
+//
+// .btn.icon-download
+//     &:before
+//         content: ""
+//         width: 20px
+//         height: 20px
+//         display: inline-block
+//         background: url('/assets/img/entypo-arrow-with-circle-down.svg') no-repeat center center
diff --git a/gulpfile.js b/gulpfile.js
index c8850649..67a1339e 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -209,6 +209,7 @@ gulp.task('icons', function() {
         .pipe($.rename({ prefix: iconset.prefix }))
         .pipe(gulp.dest(iconset.dist))
         .pipe($.filter('**/*.svg'))
+        .pipe($.imagemin({ svgoPlugins: [{ removeViewBox: false }] }))
         .pipe($.svgSprite(spriteConfig))
         .pipe(gulp.dest(iconset.dist))
 });
@@ -374,7 +375,7 @@ gulp.task('build', function(cb) {
         'revision',
         'revision-replace',
         'cdn',
-        //'imagemin',
+        'imagemin',
         cb
     );
 });