button fixes

_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

_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

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
     );
 });