.btn-b {
    @include verticalGradient(white, lighten($beautifulHue, 30%));
}

.btn-b {
    @include verticalGradient(white, $beautifulHue);
}

@mixin verticalGradient($fromColor, $toColor) {
    background-color: $toColor;
    background-image: -moz-linear-gradient(top, $fromColor, $toColor);
    ...
    background-image: linear-gradient(to bottom, $fromColor, $toColor);
}
.btn-b {
    @include verticalGradient(blue, red);
}

.btn-a {
    background-color: lighten($beautifulHue, 45%);
}

a {
    color: $beautifulHue;
}
@import 'header';
.btn-a {
...

headers

expires

sudo a2enmod headers 
sudo a2enmod expires

service apache2 restart

.htaccess

# for enabling browser caching
<filesMatch ".(css|jpg|jpeg|png|gif|js|ico)$">
Header set Cache-Control "max-age=2592000, public"
</filesMatch>

css-minify

globally

npm install css-minify -g

css-dist

css-minify -f css/d1.css

.site-header nav {
    ul {
        padding: 0;
        margin: 0;
    }
    li {
        list-style: none;
        float: left;
    }
}

.site-header nav ul {
    padding: 0;
    margin: 0;
}
.site-header nav li {
    list-style: none;
    float: left;
}