{: versionI"3.2.19 (Media Mark):EF:sha"-4cade844fea846c2dcdd0cc7125a4ea4f8081c76: contents"ÝJo:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"/* Gradients */:ET: @type: silent;[: @linei: @options{o; ;[I"Æ/* Horizontal gradient, from left to right * * Creates two color stops, start and end, by specifying a color and position for each color stop. * Color stops are not available in IE9 and below. */; T; ; ;[; i ; @ o:Sass::Tree::MixinDefNode : @nameI"gradient-horizontal; T: @args[ [o:Sass::Script::Variable;I"start-color; T:@underscored_nameI"start_color; T; @ o:Sass::Script::Color ;0: @attrs{ :rediZ: greeniZ: blueiZ: alphai; i; @ [o;;I"end-color; T;I"end_color; T; @ o; ;0;{ ;i8;i8;i8;i; i; @ [o;;I"start-percent; T;I"start_percent; T; @ o:Sass::Script::Number ;i:@numerator_units[I"%; T:@denominator_units[; i:@originalI"0%; F; @ [o;;I"end-percent; T;I"end_percent; T; @ o; ;ii;[I"%; T;[; i;I" 100%; F; @ : @splat0;[o:Sass::Tree::PropNode ;[I"background-image; T;o:Sass::Script::Funcall ;I"-webkit-linear-gradient; T;[o:Sass::Script::String ;I" left; T; :identifier; i; @ o:Sass::Script::List ;[o; ;I"start-color; T;I"start_color; T; i; @ o; ;I"start-percent; T;I"start_percent; T; i; @ :@separator: space; i; @ o;" ;[o; ;I"end-color; T;I"end_color; T; i; @ o; ;I"end-percent; T;I"end_percent; T; i; @ ;#;$; i; @ :@keywords{;0; i; @ : @tabsi:@prop_syntax:new;[; i; @ o; ;[I"#/* Safari 5.1-6, Chrome 10+ */; T; ; ;[; i; @ o; ;[I"background-image; T;o; ;I"-o-linear-gradient; T;[o; ;I" left; T; ;!; i; @ o;" ;[o; ;I"start-color; T;I"start_color; T; i; @ o; ;I"start-percent; T;I"start_percent; T; i; @ ;#;$; i; @ o;" ;[o; ;I"end-color; T;I"end_color; T; i; @ o; ;I"end-percent; T;I"end_percent; T; i; @ ;#;$; i; @ ;%{;0; i; @ ;&i;';(;[; i; @ o; ;[I"/* Opera 12 */; T; ; ;[; i; @ o; ;[I"background-image; T;o; ;I"linear-gradient; T;[o;" ;[o; ;I"to; T; ;!; i; @ o; ;I" right; T; ;!; i; @ ;#;$; i; @ o;" ;[o; ;I"start-color; T;I"start_color; T; i; @ o; ;I"start-percent; T;I"start_percent; T; i; @ ;#;$; i; @ o;" ;[o; ;I"end-color; T;I"end_color; T; i; @ o; ;I"end-percent; T;I"end_percent; T; i; @ ;#;$; i; @ ;%{;0; i; @ ;&i;';(;[; i; @ o; ;[I"K/* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */; T; ; ;[; i; @ o; ;[I"background-repeat; T;o; ;I" repeat-x; T; ;!; @ ;&i;';(;[; i; @ o; ;[I" filter; T;o: Sass::Script::Interpolation : @beforeo;) ;*o; ;I"?progid:DXImageTransform.Microsoft.gradient(startColorstr='; T; ;!; i; @ : @mido; ;I"ie-hex-str; F;[o; ;I"start-color; F;I"start_color; F; i; @ ;%{;0; i; @ : @aftero; ;I"', endColorstr='; F; ;!; i; @ :@whitespace_beforeF:@whitespace_afterF:@originally_textF; @ ;+o; ;I"ie-hex-str; F;[o; ;I"end-color; F;I"end_color; F; i; @ ;%{;0; i; @ ;,o; ;I"', GradientType=1); F; ;!; i; @ ;-F;.F;/F; @ ;&i;';(;[; i; @ o; ;[I"/* IE9 and down */; T; ; ;[; i; @ ; i:@has_childrenT; @ o; ;[I"Ä/* Vertical gradient, from top to bottom * * Creates two color stops, start and end, by specifying a color and position for each color stop. * Color stops are not available in IE9 and below. */; T; ; ;[; i; @ o; ;I"gradient-vertical; T;[ [o;;I"start-color; T;I"start_color; T; @ o; ;0;{ ;iZ;iZ;iZ;i; i; @ [o;;I"end-color; T;I"end_color; T; @ o; ;0;{ ;i8;i8;i8;i; i; @ [o;;I"start-percent; T;I"start_percent; T; @ o; ;i;[I"%; T;[; i;I"0%; F; @ [o;;I"end-percent; T;I"end_percent; T; @ o; ;ii;[I"%; T;[; i;I" 100%; F; @ ;0;[o; ;[I"background-image; T;o; ;I"-webkit-linear-gradient; T;[o; ;I"top; T; ;!; i; @ o;" ;[o; ;I"start-color; T;I"start_color; T; i; @ o; ;I"start-percent; T;I"start_percent; T; i; @ ;#;$; i; @ o;" ;[o; ;I"end-color; T;I"end_color; T; i; @ o; ;I"end-percent; T;I"end_percent; T; i; @ ;#;$; i; @ ;%{;0; i; @ ;&i;';(;[; i; @ o; ;[I"#/* Safari 5.1-6, Chrome 10+ */; T; ; ;[; i; @ o; ;[I"background-image; T;o; ;I"-o-linear-gradient; T;[o; ;I"top; T; ;!; i; @ o;" ;[o; ;I"start-color; T;I"start_color; T; i; @ o; ;I"start-percent; T;I"start_percent; T; i; @ ;#;$; i; @ o;" ;[o; ;I"end-color; T;I"end_color; T; i; @ o; ;I"end-percent; T;I"end_percent; T; i; @ ;#;$; i; @ ;%{;0; i; @ ;&i;';(;[; i; @ o; ;[I"/* Opera 12 */; T; ; ;[; i; @ o; ;[I"background-image; T;o; ;I"linear-gradient; T;[o;" ;[o; ;I"to; T; ;!; i; @ o; ;I" bottom; T; ;!; i; @ ;#;$; i; @ o;" ;[o; ;I"start-color; T;I"start_color; T; i; @ o; ;I"start-percent; T;I"start_percent; T; i; @ ;#;$; i; @ o;" ;[o; ;I"end-color; T;I"end_color; T; i; @ o; ;I"end-percent; T;I"end_percent; T; i; @ ;#;$; i; @ ;%{;0; i; @ ;&i;';(;[; i; @ o; ;[I"K/* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */; T; ; ;[; i; @ o; ;[I"background-repeat; T;o; ;I" repeat-x; T; ;!; @ ;&i;';(;[; i; @ o; ;[I" filter; T;o;) ;*o;) ;*o; ;I"?progid:DXImageTransform.Microsoft.gradient(startColorstr='; T; ;!; i; @ ;+o; ;I"ie-hex-str; F;[o; ;I"start-color; F;I"start_color; F; i; @ ;%{;0; i; @ ;,o; ;I"', endColorstr='; F; ;!; i; @ ;-F;.F;/F; @ ;+o; ;I"ie-hex-str; F;[o; ;I"end-color; F;I"end_color; F; i; @ ;%{;0; i; @ ;,o; ;I"', GradientType=0); F; ;!; i; @ ;-F;.F;/F; @ ;&i;';(;[; i; @ o; ;[I"/* IE9 and down */; T; ; ;[; i; @ ; i;0T; @ o; ;I"gradient-directional; T;[[o;;I"start-color; T;I"start_color; T; @ o; ;0;{ ;iZ;iZ;iZ;i; i"; @ [o;;I"end-color; T;I"end_color; T; @ o; ;0;{ ;i8;i8;i8;i; i"; @ [o;;I"deg; T;I"deg; T; @ o; ;i2;[I"deg; T;[; i";I" 45deg; F; @ ;0;[ o; ;[I"background-repeat; T;o; ;I" repeat-x; T; ;!; @ ;&i;';(;[; i#; @ o; ;[I"background-image; T;o; ;I"-webkit-linear-gradient; T;[o; ;I"deg; T;I"deg; T; i$; @ o; ;I"start-color; T;I"start_color; T; i$; @ o; ;I"end-color; T;I"end_color; T; i$; @ ;%{;0; i$; @ ;&i;';(;[; i$; @ o; ;[I"#/* Safari 5.1-6, Chrome 10+ */; T; ; ;[; i$; @ o; ;[I"background-image; T;o; ;I"-o-linear-gradient; T;[o; ;I"deg; T;I"deg; T; i%; @ o; ;I"start-color; T;I"start_color; T; i%; @ o; ;I"end-color; T;I"end_color; T; i%; @ ;%{;0; i%; @ ;&i;';(;[; i%; @ o; ;[I"/* Opera 12 */; T; ; ;[; i%; @ o; ;[I"background-image; T;o; ;I"linear-gradient; T;[o; ;I"deg; T;I"deg; T; i&; @ o; ;I"start-color; T;I"start_color; T; i&; @ o; ;I"end-color; T;I"end_color; T; i&; @ ;%{;0; i&; @ ;&i;';(;[; i&; @ o; ;[I"K/* Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ */; T; ; ;[; i&; @ ; i";0T; @ o; ;I"%gradient-horizontal-three-colors; T;[ [o;;I"start-color; T;I"start_color; T; @ o; ;0;{ ;i;i³;iî;i; i(; @ [o;;I"mid-color; T;I"mid_color; T; @ o; ;0;{ ;i;iH;i¶;i; i(; @ [o;;I"color-stop; T;I"color_stop; T; @ o; ;i7;[I"%; T;[; i(;I"50%; F; @ [o;;I"end-color; T;I"end_color; T; @ o; ;0;{ ;iÃ;i7;id;i; i(; @ ;0;[ o; ;[I"background-image; T;o; ;I"-webkit-linear-gradient; T;[ o; ;I" left; T; ;!; i); @ o; ;I"start-color; T;I"start_color; T; i); @ o;" ;[o; ;I"mid-color; T;I"mid_color; T; i); @ o; ;I"color-stop; T;I"color_stop; T; i); @ ;#;$; i); @ o; ;I"end-color; T;I"end_color; T; i); @ ;%{;0; i); @ ;&i;';(;[; i); @ o; ;[I"background-image; T;o; ;I"-o-linear-gradient; T;[ o; ;I" left; T; ;!; i*; @ o; ;I"start-color; T;I"start_color; T; i*; @ o;" ;[o; ;I"mid-color; T;I"mid_color; T; i*; @ o; ;I"color-stop; T;I"color_stop; T; i*; @ ;#;$; i*; @ o; ;I"end-color; T;I"end_color; T; i*; @ ;%{;0; i*; @ ;&i;';(;[; i*; @ o; ;[I"background-image; T;o; ;I"linear-gradient; T;[ o;" ;[o; ;I"to; T; ;!; i+; @ o; ;I" right; T; ;!; i+; @ ;#;$; i+; @ o; ;I"start-color; T;I"start_color; T; i+; @ o;" ;[o; ;I"mid-color; T;I"mid_color; T; i+; @ o; ;I"color-stop; T;I"color_stop; T; i+; @ ;#;$; i+; @ o; ;I"end-color; T;I"end_color; T; i+; @ ;%{;0; i+; @ ;&i;';(;[; i+; @ o; ;[I"background-repeat; T;o; ;I"no-repeat; T; ;!; @ ;&i;';(;[; i,; @ o; ;[I" filter; T;o;) ;*o;) ;*o; ;I"?progid:DXImageTransform.Microsoft.gradient(startColorstr='; T; ;!; i-; @ ;+o; ;I"ie-hex-str; F;[o; ;I"start-color; F;I"start_color; F; i-; @ ;%{;0; i-; @ ;,o; ;I"', endColorstr='; F; ;!; i-; @ ;-F;.F;/F; @ ;+o; ;I"ie-hex-str; F;[o; ;I"end-color; F;I"end_color; F; i-; @ ;%{;0; i-; @ ;,o; ;I"', GradientType=1); F; ;!; i-; @ ;-F;.F;/F; @ ;&i;';(;[; i-; @ o; ;[I"F/* IE9 and down, gets no color-stop at all for proper fallback */; T; ; ;[; i-; @ ; i(;0T; @ o; ;I"#gradient-vertical-three-colors; T;[ [o;;I"start-color; T;I"start_color; T; @ o; ;0;{ ;i;i³;iî;i; i/; @ [o;;I"mid-color; T;I"mid_color; T; @ o; ;0;{ ;i;iH;i¶;i; i/; @ [o;;I"color-stop; T;I"color_stop; T; @ o; ;i7;[I"%; T;[; i/;I"50%; F; @ [o;;I"end-color; T;I"end_color; T; @ o; ;0;{ ;iÃ;i7;id;i; i/; @ ;0;[ o; ;[I"background-image; T;o; ;I"-webkit-linear-gradient; T;[o; ;I"start-color; T;I"start_color; T; i0; @ o;" ;[o; ;I"mid-color; T;I"mid_color; T; i0; @ o; ;I"color-stop; T;I"color_stop; T; i0; @ ;#;$; i0; @ o; ;I"end-color; T;I"end_color; T; i0; @ ;%{;0; i0; @ ;&i;';(;[; i0; @ o; ;[I"background-image; T;o; ;I"-o-linear-gradient; T;[o; ;I"start-color; T;I"start_color; T; i1; @ o;" ;[o; ;I"mid-color; T;I"mid_color; T; i1; @ o; ;I"color-stop; T;I"color_stop; T; i1; @ ;#;$; i1; @ o; ;I"end-color; T;I"end_color; T; i1; @ ;%{;0; i1; @ ;&i;';(;[; i1; @ o; ;[I"background-image; T;o; ;I"linear-gradient; T;[o; ;I"start-color; T;I"start_color; T; i2; @ o;" ;[o; ;I"mid-color; T;I"mid_color; T; i2; @ o; ;I"color-stop; T;I"color_stop; T; i2; @ ;#;$; i2; @ o; ;I"end-color; T;I"end_color; T; i2; @ ;%{;0; i2; @ ;&i;';(;[; i2; @ o; ;[I"background-repeat; T;o; ;I"no-repeat; T; ;!; @ ;&i;';(;[; i3; @ o; ;[I" filter; T;o;) ;*o;) ;*o; ;I"?progid:DXImageTransform.Microsoft.gradient(startColorstr='; T; ;!; i4; @ ;+o; ;I"ie-hex-str; F;[o; ;I"start-color; F;I"start_color; F; i4; @ ;%{;0; i4; @ ;,o; ;I"', endColorstr='; F; ;!; i4; @ ;-F;.F;/F; @ ;+o; ;I"ie-hex-str; F;[o; ;I"end-color; F;I"end_color; F; i4; @ ;%{;0; i4; @ ;,o; ;I"', GradientType=0); F; ;!; i4; @ ;-F;.F;/F; @ ;&i;';(;[; i4; @ o; ;[I"F/* IE9 and down, gets no color-stop at all for proper fallback */; T; ; ;[; i4; @ ; i/;0T; @ o; ;I"gradient-radial; T;[[o;;I"inner-color; T;I"inner_color; T; @ o; ;0;{ ;iZ;iZ;iZ;i; i6; @ [o;;I"outer-color; T;I"outer_color; T; @ o; ;0;{ ;i8;i8;i8;i; i6; @ ;0;[o; ;[I"background-image; T;o; ;I"-webkit-radial-gradient; T;[o; ;I" circle; T; ;!; i7; @ o; ;I"inner-color; T;I"inner_color; T; i7; @ o; ;I"outer-color; T;I"outer_color; T; i7; @ ;%{;0; i7; @ ;&i;';(;[; i7; @ o; ;[I"background-image; T;o; ;I"radial-gradient; T;[o; ;I" circle; T; ;!; i8; @ o; ;I"inner-color; T;I"inner_color; T; i8; @ o; ;I"outer-color; T;I"outer_color; T; i8; @ ;%{;0; i8; @ ;&i;';(;[; i8; @ o; ;[I"background-repeat; T;o; ;I"no-repeat; T; ;!; @ ;&i;';(;[; i9; @ ; i6;0T; @ o; ;I"gradient-striped; T;[[o;;I" color; T;I" color; T; @ o; ;I" rgba; T;[ o; ;iÿ;[;[; i;;I"255; F; @ o; ;iÿ;[;@ ; i;;I"255; F; @ o; ;iÿ;[;@ ; i;;I"255; F; @ o; ;f 0.15;[;@ ; i;;I" 0.15; F; @ ;%{;0; i;; @ [o;;I" angle; T;I" angle; T; @ o; ;i2;[I"deg; T;[; i;;I" 45deg; F; @ ;0;[o; ;[I"background-image; T;o; ;I"-webkit-linear-gradient; T;[ o; ;I" angle; T;I" angle; T; i<; @ o;" ;[o; ;I" color; T;I" color; T; i<; @ o; ;i;[I"%; T;[; i<;I"25%; F; @ ;#;$; i<; @ o;" ;[o; ;I"transparent; T; ;!; i<; @ o; ;i;[I"%; T;[; i<;I"25%; F; @ ;#;$; i<; @ o;" ;[o; ;I"transparent; T; ;!; i<; @ o; ;i7;[I"%; T;[; i<;I"50%; F; @ ;#;$; i<; @ o;" ;[o; ;I" color; T;I" color; T; i<; @ o; ;i7;[I"%; T;[; i<;I"50%; F; @ ;#;$; i<; @ o;" ;[o; ;I" color; T;I" color; T; i<; @ o; ;iP;[I"%; T;[; i<;I"75%; F; @ ;#;$; i<; @ o;" ;[o; ;I"transparent; T; ;!; i<; @ o; ;iP;[I"%; T;[; i<;I"75%; F; @ ;#;$; i<; @ o; ;I"transparent; T; ;!; i<; @ ;%{;0; i<; @ ;&i;';(;[; i<; @ o; ;[I"background-image; T;o; ;I"-o-linear-gradient; T;[ o; ;I" angle; T;I" angle; T; i=; @ o;" ;[o; ;I" color; T;I" color; T; i=; @ o; ;i;[I"%; T;[; i=;I"25%; F; @ ;#;$; i=; @ o;" ;[o; ;I"transparent; T; ;!; i=; @ o; ;i;[I"%; T;[; i=;I"25%; F; @ ;#;$; i=; @ o;" ;[o; ;I"transparent; T; ;!; i=; @ o; ;i7;[I"%; T;[; i=;I"50%; F; @ ;#;$; i=; @ o;" ;[o; ;I" color; T;I" color; T; i=; @ o; ;i7;[I"%; T;[; i=;I"50%; F; @ ;#;$; i=; @ o;" ;[o; ;I" color; T;I" color; T; i=; @ o; ;iP;[I"%; T;[; i=;I"75%; F; @ ;#;$; i=; @ o;" ;[o; ;I"transparent; T; ;!; i=; @ o; ;iP;[I"%; T;[; i=;I"75%; F; @ ;#;$; i=; @ o; ;I"transparent; T; ;!; i=; @ ;%{;0; i=; @ ;&i;';(;[; i=; @ o; ;[I"background-image; T;o; ;I"linear-gradient; T;[ o; ;I" angle; T;I" angle; T; i>; @ o;" ;[o; ;I" color; T;I" color; T; i>; @ o; ;i;[I"%; T;[; i>;I"25%; F; @ ;#;$; i>; @ o;" ;[o; ;I"transparent; T; ;!; i>; @ o; ;i;[I"%; T;[; i>;I"25%; F; @ ;#;$; i>; @ o;" ;[o; ;I"transparent; T; ;!; i>; @ o; ;i7;[I"%; T;[; i>;I"50%; F; @ ;#;$; i>; @ o;" ;[o; ;I" color; T;I" color; T; i>; @ o; ;i7;[I"%; T;[; i>;I"50%; F; @ ;#;$; i>; @ o;" ;[o; ;I" color; T;I" color; T; i>; @ o; ;iP;[I"%; T;[; i>;I"75%; F; @ ;#;$; i>; @ o;" ;[o; ;I"transparent; T; ;!; i>; @ o; ;iP;[I"%; T;[; i>;I"75%; F; @ ;#;$; i>; @ o; ;I"transparent; T; ;!; i>; @ ;%{;0; i>; @ ;&i;';(;[; i>; @ ; i;;0T; @ :@templateI"(// Gradients // Horizontal gradient, from left to right // // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. @mixin gradient-horizontal($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { background-image: -webkit-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+ background-image: -o-linear-gradient(left, $start-color $start-percent, $end-color $end-percent); // Opera 12 background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down } // Vertical gradient, from top to bottom // // Creates two color stops, start and end, by specifying a color and position for each color stop. // Color stops are not available in IE9 and below. @mixin gradient-vertical($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) { background-image: -webkit-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Safari 5.1-6, Chrome 10+ background-image: -o-linear-gradient(top, $start-color $start-percent, $end-color $end-percent); // Opera 12 background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down } @mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) { background-repeat: repeat-x; background-image: -webkit-linear-gradient($deg, $start-color, $end-color); // Safari 5.1-6, Chrome 10+ background-image: -o-linear-gradient($deg, $start-color, $end-color); // Opera 12 background-image: linear-gradient($deg, $start-color, $end-color); // Standard, IE10, Firefox 16+, Opera 12.10+, Safari 7+, Chrome 26+ } @mixin gradient-horizontal-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { background-image: -webkit-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color); background-image: -o-linear-gradient(left, $start-color, $mid-color $color-stop, $end-color); background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 and down, gets no color-stop at all for proper fallback } @mixin gradient-vertical-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) { background-image: -webkit-linear-gradient($start-color, $mid-color $color-stop, $end-color); background-image: -o-linear-gradient($start-color, $mid-color $color-stop, $end-color); background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color); background-repeat: no-repeat; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 and down, gets no color-stop at all for proper fallback } @mixin gradient-radial($inner-color: #555, $outer-color: #333) { background-image: -webkit-radial-gradient(circle, $inner-color, $outer-color); background-image: radial-gradient(circle, $inner-color, $outer-color); background-repeat: no-repeat; } @mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) { background-image: -webkit-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); background-image: -o-linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent); } ; T;0T; @ ; i