/* Some useful mixins */ @mixin pie_option{ @if $experimental-support-for-pie{ @include pie; } } @mixin gradient($start:$blue, $end:false, $darken:6%){ @if not $end{ $end:darken($start, $darken); } @include background-image(linear-gradient($start, $end)); } @mixin gradient($start:$blue, $end:false, $darken:6%){ @if not $end{ $end:darken($start, $darken); } @include background-image(linear-gradient($start, $end)); } // Creates CSS3 gradient buttons @mixin gradient_button($start:$blue, $end:false, $darken:6%){ @if not $end{ $end:darken($start, $darken); } @include gradient($start, $end, $darken); @include single-text-shadow(darken($end, ($darken*2))); &:active{ background:darken($end, 10%) !important; @include single-text-shadow(darken($start, ($darken*2))); } &:hover{ $start:lighten($start, 7%); $end:lighten($end, 7%); @include gradient($start, $end, $darken); @include single-text-shadow(darken($end, ($darken*2))); } @include pie_option; } @mixin heading_font($bold:false){ @if $bold{ font-family:'1451DinerSemiBold'; } @else{ font-family:'1451DinerRegular'; } }