Contents

/*
	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'; }
}

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
transit-0.0.1	app/assets/stylesheets/includes/_mixins.scss