3.1.2 (Brainy Betty)
abf86cf1e77e10dfa63438ebf076b9f5de8bea1c
o:Sass::Tree::RootNode
:@has_childrenT:@children[o:Sass::Tree::CommentNode;[ :@options{ :@lines[ :
@loud0:@value"Z/**
 *
 * @class Gradients
 * @author David Kaneda http://www.davidkaneda.com/
 *
 */:
@linei:@silent0o;;[ ;	@	;
[ ;0;"/**
 * Adds a background gradient into a specified selector.
 *
 *     @include background-gradient(#444, 'glossy');
 *
 * You can also use color-stops if you want full control of the gradient:
 *
 *     @include background-gradient(#444, color-stops(#333, #222, #111));
 *
 * @param {color} $bg-color
 * The base color of the gradient.
 *
 * @param {string/list} $type
 * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
 *
 *     @include background-gradient(red, 'glossy');
 *
 * It can also accept a list of color-stop values:;
 *
 *     @include background-gradient(black, color-stops(#333, #111, #000));
 *
 * @param {string} $direction
 * The direction of the gradient.
 */;i;0o:Sass::Tree::ImportNode
;[ :@imported_filename"compass/css3/images;	@	;i&:@template0o:Sass::Tree::VariableNode:
@expro:Sass::Script::String	;	{ ;"
matte;i(:
@type:identifier;[ ;	@	:
@name"default-gradient:@guarded"!default;i(o:Sass::Tree::MixinDefNode;T;[o:Sass::Tree::PropNode;[ :
@tabsi ;	@	;["background-image:@prop_syntax:new;o;;"	none;;;i+o;;[ ;i ;	@	;["background-color;;;o:Sass::Script::Variable	;	{ ;"bg-color:@underscored_name"bg_color;i,;i,u:Sass::Tree::IfNode[o:Sass::Script::Operation
:@operand2o; 
;o:Sass::Script::String	:@options{ :@value"transparent:
@linei.:
@type:identifier;@	:@operand1o:Sass::Script::Variable	;@	:
@name"bg-color:@underscored_name"bg_color;
i.:@operator:neq;
i.;@	;o; 
;o;	;@	;	"	null;
i.;;;@	;o;	;@	;"	type;"	type;
i.;;;
i.;:and;
i.0[o:Sass::Tree::CommentNode:@children[ ;{ :@lines[ :
@loud0;	"/* Color stops provided */;
i/:@silenti u:Sass::Tree::IfNode[o:Sass::Script::Operation
:@operand2o:Sass::Script::String	:@options{ :@value"	list:
@linei0:
@type:string;@:@operand1o:Sass::Script::Funcall
;@:@keywords{ :
@args[o:Sass::Script::Variable	;@:
@name"	type:@underscored_name"	type;
i0;"type-of;
i0:@operator:eq;
i0u:Sass::Tree::IfNode
[o:Sass::Script::Operation
:@operand2o:Sass::Script::String	:@options{ :@value"
bevel:
@linei5:
@type:identifier;@:@operand1o:Sass::Script::Variable	;@:
@name"	type:@underscored_name"	type;
i5:@operator:eq;
i5u:Sass::Tree::IfNode[o:Sass::Script::Operation
:@operand2o:Sass::Script::String	:@options{ :@value"glossy:
@linei7:
@type:identifier;@:@operand1o:Sass::Script::Variable	;@:
@name"	type:@underscored_name"	type;
i7:@operator:eq;
i7u:Sass::Tree::IfNode[o:Sass::Script::Operation
:@operand2o:Sass::Script::String	:@options{ :@value"recessed:
@linei9:
@type:identifier;@:@operand1o:Sass::Script::Variable	;@:
@name"	type:@underscored_name"	type;
i9:@operator:eq;
i9u:Sass::Tree::IfNode[o:Sass::Script::Operation
:@operand2o:Sass::Script::String	:@options{ :@value"linear:
@linei;:
@type:identifier;@:@operand1o:Sass::Script::Variable	;@:
@name"	type:@underscored_name"	type;
i;:@operator:eq;
i;u:Sass::Tree::IfNode[o:Sass::Script::Operation
:@operand2o:Sass::Script::String	:@options{ :@value"
matte:
@linei=:
@type:identifier;@:@operand1o:Sass::Script::Variable	;@:
@name"	type:@underscored_name"	type;
i=:@operator:eq;
i=0[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::Funcall
;{ ;{ ;[o;	;@;"bg-color;"bg_color;
i>o;	;@;"direction;"direction;
i>o;	;@;"contrast;"contrast;
i>;"matte-gradient;
i>;"background-image;
i>[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::Funcall
;{ ;{ ;[o;	;@;"direction;"direction;
i<o;
;@;{ ;[o;
;@;{ ;[o;	;@;"bg-color;"bg_color;
i<o:Sass::Script::Number:@original"5%;@:@denominator_units[ :@numerator_units["%;	i
;
i<;"lighten;
i<o;
;@;{ ;[o;	;@;"bg-color;"bg_color;
i<o;;"10%;@;[ ;["%;	i;
i<;"darken;
i<;"color_stops;
i<;"linear-gradient;
i<;"background-image;
i<[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::Funcall
;{ ;{ ;[o;	;@;"bg-color;"bg_color;
i:o;	;@;"direction;"direction;
i:o;	;@;"contrast;"contrast;
i:;"recessed-gradient;
i:;"background-image;
i:[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::Funcall
;{ ;{ ;[o;	;@;"bg-color;"bg_color;
i8o;	;@;"direction;"direction;
i8o;	;@;"contrast;"contrast;
i8;"glossy-gradient;
i8;"background-image;
i8[o:Sass::Tree::MixinNode:@children[ ;{ :@keywords{ :
@args[o:Sass::Script::Funcall
;{ ;{ ;[o;	;@;"bg-color;"bg_color;
i6o;	;@;"direction;"direction;
i6o;	;@;"contrast;"contrast;
i6;"bevel-gradient;
i6;"background-image;
i6[o:Sass::Tree::MixinNode:@children[ ;{ ;{ ;[o;
;{ ;{ ;[o;	;@;"direction;"direction;
i1o;	;@;"	type;"	type;
i1;"linear-gradient;
i1;"background-image;
i1;	@	:
@args[	[o;;	{ ;"bg-color;"bg_color0[o;;	@.;"	type;"	typeo;	;	@.;"default-gradient;"default_gradient;i*[o;;	@.;"direction;"directiono;	;	@.;"top;i*;;[o;;	@.;"contrast;"contrasto:Sass::Script::Number:@original"1;	@.:@denominator_units[ :@numerator_units[ ;i;i*;"background-gradient;i*o;;[ ;	@	;
[ ;0;"/* These are functions so they can be combined together with background-image()// ie. @include background-image(background_noise(), glossy-gradient()); */;iC;i o:Sass::Tree::FunctionNode;T;[o:Sass::Tree::ReturnNode	;o:Sass::Script::Funcall
;	{ :@keywords{ ;![o;	;	@O;"direction;"direction;iFo;(
;	@O;){ ;![	o;(
;	@O;){ ;![o;	;	@O;"bg-color;"bg_color;iGo;";#"15%;	@O;$[ ;%["%;i;iG;"lighten;iGo:Sass::Script::List	;	@O:@separator:
space;[o;(
;	@O;){ ;![o;	;	@O;"bg-color;"bg_color;iHo;";#"8%;	@O;$[ ;%["%;i;iH;"lighten;iHo;";#"30%;	@O;$[ ;%["%;i#;iH;iGo;*	;	@O;+;,;[o;	;	@O;"bg-color;"bg_color;iIo;";#"65%;	@O;$[ ;%["%;iF;iI;iHo;(
;	@O;){ ;![o;	;	@O;"bg-color;"bg_color;iJo;";#"6%;	@O;$[ ;%["%;i;iJ;"darken;iJ;"color_stops;iK;"linear-gradient;iK;[ ;	@	;iK;	@	;![[o;;	{ ;"bg-color;"bg_coloro;	;	@;"base-color;"base_color;iE[o;;	@;"direction;"directiono;	;	@;"top;iE;;[o;;	@;"contrast;"contrasto;";#"1;	@;$@D;%[ ;i;iE;"bevel-gradient;iEo;&;T;[o;'	;o;(
;	{ ;){ ;![o;	;	@;"direction;"direction;iOo;(
;	@;){ ;![	o;(
;	@;){ ;![o;	;	@;"bg-color;"bg_color;iOo:Sass::Script::Operation
:@operand2o;	;	@;"contrast;"contrast;iO;	@:@operand1o;";#"15%;	@;$[ ;%["%;i;iO:@operator:
times;iO;"lighten;iOo;*	;	@;+;,;[o;(
;	@;){ ;![o;	;	@;"bg-color;"bg_color;iOo;-
;.o;	;	@;"contrast;"contrast;iO;	@;/o;";#"5%;	@;$[ ;%["%;i
;iO;0;1;iO;"lighten;iOo;";#"50%;	@;$[ ;%["%;i7;iO;iOo;*	;	@;+;,;[o;	;	@;"bg-color;"bg_color;iOo;";#"51%;	@;$[ ;%["%;i8;iO;iOo;(
;	@;){ ;![o;	;	@;"bg-color;"bg_color;iOo;-
;.o;	;	@;"contrast;"contrast;iO;	@;/o;";#"5%;	@;$[ ;%["%;i
;iO;0;1;iO;"darken;iO;"color_stops;iO;"linear-gradient;iO;[ ;	@	;iO;	@	;![[o;;	{ ;"bg-color;"bg_coloro;	;	@;"base-color;"base_color;iN[o;;	@;"direction;"directiono;	;	@;"top;iN;;[o;;	@;"contrast;"contrasto;";#"1;	@;$@D;%[ ;i;iN;"glossy-gradient;iNo;&;T;[o;'	;o;(
;	{ ;){ ;![o;	;	@;"direction;"direction;iSo;(
;	@;){ ;![	o;(
;	@;){ ;![o;	;	@;"bg-color;"bg_color;iSo;-
;.o;	;	@;"contrast;"contrast;iS;	@;/o;";#"10%;	@;$[ ;%["%;i;iS;0;1;iS;"darken;iSo;*	;	@;+;,;[o;(
;	@;){ ;![o;	;	@;"bg-color;"bg_color;iSo;-
;.o;	;	@;"contrast;"contrast;iS;	@;/o;";#"5%;	@;$[ ;%["%;i
;iS;0;1;iS;"darken;iSo;";#"10%;	@;$[ ;%["%;i;iS;iSo;*	;	@;+;,;[o;	;	@;"bg-color;"bg_color;iSo;";#"65%;	@;$[ ;%["%;iF;iS;iSo;(
;	@;){ ;![o;	;	@;"bg-color;"bg_color;iSo;-
;.o;	;	@;"contrast;"contrast;iS;	@;/o;";#"	0.5%;	@;$[ ;%["%;f0.5;iS;0;1;iS;"lighten;iS;"color_stops;iS;"linear-gradient;iS;[ ;	@	;iS;	@	;![[o;;	{ ;"bg-color;"bg_coloro;	;	@_;"base-color;"base_color;iR[o;;	@_;"direction;"directiono;	;	@_;"top;iR;;[o;;	@_;"contrast;"contrasto;";#"1;	@_;$@D;%[ ;i;iR;"recessed-gradient;iRo;&;T;[o;'	;o;(
;	{ ;){ ;![o;	;	@w;"direction;"direction;i\o;(
;	@w;){ ;![o;(
;	@w;){ ;![o;	;	@w;"bg-color;"bg_color;i^o;-
;.o;	;	@w;"contrast;"contrast;i^;	@w;/o;";#"15%;	@w;$[ ;%["%;i;i^;0;1;i^;"lighten;i^o;*	;	@w;+;,;[o;(
;	@w;){ ;![o;	;	@w;"bg-color;"bg_color;i_o;-
;.o;	;	@w;"contrast;"contrast;i_;	@w;/o;";#"5%;	@w;$[ ;%["%;i
;i_;0;1;i_;"lighten;i_o;";#"3%;	@w;$[ ;%["%;i;i_;i^o;(
;	@w;){ ;![o;	;	@w;"bg-color;"bg_color;i`o;-
;.o;	;	@w;"contrast;"contrast;i`;	@w;/o;";#"5%;	@w;$[ ;%["%;i
;i`;0;1;i`;"darken;i`;"color_stops;ia;"linear-gradient;ib;[ ;	@	;ib;	@	;![[o;;	{ ;"bg-color;"bg_coloro;	;	@;"base-color;"base_color;iW[o;;	@;"direction;"directiono;	;	@;"top;iX;;[o;;	@;"contrast;"contrasto;";#"1;	@;$@D;%[ ;i;iY;"matte-gradient;iZ;	@	;i;"/**
 *
 * @class Gradients
 * @author David Kaneda http://www.davidkaneda.com/
 *
 */

/**
 * Adds a background gradient into a specified selector.
 *
 *     @include background-gradient(#444, 'glossy');
 *
 * You can also use color-stops if you want full control of the gradient:
 *
 *     @include background-gradient(#444, color-stops(#333, #222, #111));
 *
 * @param {color} $bg-color
 * The base color of the gradient.
 *
 * @param {string/list} $type
 * The style of the gradient, one of five pre-defined options: matte, bevel, glossy, recessed, or linear:
 *
 *     @include background-gradient(red, 'glossy');
 *
 * It can also accept a list of color-stop values:;
 *
 *     @include background-gradient(black, color-stops(#333, #111, #000));
 *
 * @param {string} $direction
 * The direction of the gradient.
 */

@import "compass/css3/images";

$default-gradient: matte !default;

@mixin background-gradient($bg-color, $type: $default-gradient, $direction: top, $contrast: 1) {
    background-image: none;
    background-color: $bg-color;

    @if $type != null and $bg-color != transparent {
        // Color stops provided
        @if type-of($type) == "list" {
            @include background-image(linear-gradient($direction, $type));
        }

        // Default gradients
        @else if $type == bevel {
            @include background-image(bevel-gradient($bg-color, $direction, $contrast));
        } @else if $type == glossy {
            @include background-image(glossy-gradient($bg-color, $direction, $contrast));
        } @else if $type == recessed {
            @include background-image(recessed-gradient($bg-color, $direction, $contrast));
        } @else if $type == linear {
            @include background-image(linear-gradient($direction, color_stops(lighten($bg-color, 5%), darken($bg-color, 10%))));
        } @else if $type == matte {
            @include background-image(matte-gradient($bg-color, $direction, $contrast));
        }
    }
}

// These are functions so they can be combined together with background-image()// ie. @include background-image(background_noise(), glossy-gradient());

@function bevel-gradient($bg-color: $base-color, $direction: top, $contrast: 1) {
    @return linear-gradient($direction, color_stops(
        lighten($bg-color, 15%),
        lighten($bg-color, 8%) 30%,
        $bg-color 65%,
        darken($bg-color, 6%)
    ));
}

@function glossy-gradient($bg-color: $base-color, $direction: top, $contrast: 1) {
    @return linear-gradient($direction, color_stops(lighten($bg-color, 15% * $contrast), lighten($bg-color, 5% * $contrast) 50%, $bg-color 51%, darken($bg-color, 5% * $contrast)));
}

@function recessed-gradient($bg-color: $base-color, $direction: top, $contrast: 1) {
    @return linear-gradient($direction, color_stops(darken($bg-color, 10% * $contrast), darken($bg-color, 5% * $contrast) 10%, $bg-color 65%, lighten($bg-color, .5% * $contrast)));
}

@function matte-gradient (
    $bg-color: $base-color,
    $direction: top,
    $contrast: 1
) {
    @return linear-gradient(
        $direction,
        color_stops(
            lighten($bg-color, 15% * $contrast),
            lighten($bg-color, 5% * $contrast) 3%,
            darken($bg-color, 5% * $contrast)
        )
    );
}
