// Mixins
// Bootstrap Button Variant
@mixin button-variant($color, $background, $border) {
color: $color; background-color: $background; border-color: $border; &:focus, &.focus { color: $color; background-color: darken($background, 10%); border-color: darken($border, 25%); } &:hover { color: $color; background-color: darken($background, 10%); border-color: darken($border, 12%); } &:active, &.active, .open > &.dropdown-toggle { color: $color; background-color: darken($background, 10%); border-color: darken($border, 12%); &:hover, &:focus, &.focus { color: $color; background-color: darken($background, 17%); border-color: darken($border, 25%); } } &:active, &.active, .open > &.dropdown-toggle { background-image: none; } &.disabled, &[disabled], fieldset[disabled] & { &:hover, &:focus, &.focus { background-color: $background; border-color: $border; } } .badge { color: $background; background-color: $color; }
}
// Background Cover Mixin
@mixin background-cover {
-webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover;
}
// Font Mixins
@mixin serif-font {
font-family: "Droid Serif", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@mixin script-font {
font-family: "Kaushan Script", "Helvetica Neue", Helvetica, Arial, cursive;
}
@mixin body-font {
font-family: "Roboto Slab", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@mixin heading-font {
font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase;
}