3.1.2 (Brainy Betty) 64b27a6864fe37c5d8fa59bc33c07b7648c732a5 o:Sass::Tree::RootNode : @linei:@has_childrenT:@children[ o:Sass::Tree::ImportNode ;i:@imported_filename"$compass/utilities/general/hacks;[: @options{:@template0o; ;i; " images;[; @ ; 0o:Sass::Tree::CommentNode ;i : @value"/* The linear gradient mixin works best across browsers if you use percentage-based color stops. * * Examples: * * // This yields a linear gradient spanning from top to bottom * +linear-gradient(color-stops(white, black)) * * // This yields a linear gradient spanning from bottom to top * +linear-gradient(color-stops(white, black), bottom) * * // This yields a linear gradient spanning from left to right * +linear-gradient(color-stops(white, black), left) * * // This yields a linear gradient starting at white passing * // thru blue at 33% down and then to black * +linear-gradient(color-stops(white, blue 33%, black)) * * // This yields a linear gradient starting at white passing * // thru blue at 33% down and then to black at 67% until the end * +linear-gradient(color-stops(white, blue 33%, black 67%)) * * // This yields a background image on top of the gradient; requires an image * // with an alpha-layer. * +linear-gradient(color_stops(white,black), top, image-url('noise.png')) * * Browsers Supported: * * - Chrome * - Safari * - Firefox 3.6 * - Opera * * @deprecated Use the linear-gradient() function in conjunction with a * property mixin like `background-image`. */: @silenti;[; @ : @loud0: @lines[o:Sass::Tree::MixinDefNode ;i+;T: @args[[o:Sass::Script::Variable: @name"color-stops; {:@underscored_name"color_stops0[o;;" start; @;" starto:Sass::Script::Bool;i+;F; @[o;;" image; @;" imageo;;i+;F; @;[u:Sass::Tree::IfNodec[o:Sass::Script::Variable : @linei,: @name" image: @options{:@underscored_name" imageu:Sass::Tree::IfNode¾[00[u:Sass::Tree::IfNodež[o:Sass::Script::Variable : @linei3: @name" start: @options{:@underscored_name" startu:Sass::Tree::IfNode’[00[o:Sass::Tree::WarnNode : @linei6:@children[: @options{: @expro:&Sass::Script::StringInterpolation ;i6: @mido:Sass::Script::Variable ;i6: @name"color-stops;{:@underscored_name"color_stops: @beforeo:Sass::Script::String ;i6: @value"eThe linear-gradient mixin is deprecated. Instead use: @include background-image(linear-gradient(: @type: string;@ ;@ : @aftero; ;i6;"));;;@ [o:Sass::Tree::WarnNode ;i4:@children[;{: @expro:&Sass::Script::StringInterpolation ;i4: @mido; ;i4;" start;{; " start: @beforeo:Sass::Script::String ;i4: @value"eThe linear-gradient mixin is deprecated. Instead use: @include background-image(linear-gradient(: @type: string;@;@: @aftero; ;i4;o; ;i4;"color-stops;@; "color_stops;o; ;i4;", ;;;@;@;o; ;i4;"));;;@[u; *[o:Sass::Script::Variable : @linei-: @name" start: @options{:@underscored_name" startu:Sass::Tree::IfNodeØ[00[o:Sass::Tree::WarnNode : @linei0:@children[: @options{: @expro:&Sass::Script::StringInterpolation ;i0: @mido:Sass::Script::Variable ;i0: @name" image;{:@underscored_name" image: @beforeo:Sass::Script::String ;i0: @value"UThe linear-gradient mixin is deprecated. Instead use: @include background-image(: @type: string;@ ;@ : @aftero; ;i0; o; ;i0; "color-stops;@ ;"color_stops;o; ;i0;", linear-gradient(;;;@ ;@ ;o; ;i0;"));;;@ [o:Sass::Tree::WarnNode ;i.:@children[;{: @expro:&Sass::Script::StringInterpolation ;i.: @mido; ;i.;" image;{; " image: @beforeo:Sass::Script::String ;i.: @value"UThe linear-gradient mixin is deprecated. Instead use: @include background-image(: @type: string;@;@: @aftero; ;i.;o; ;i.;" start;@; " start;o; ;i.;", linear-gradient(;;;@;@;o; ;i.;o; ;i.;"color-stops;@; "color_stops;o; ;i.;", ;;;@;@;o; ;i.;"));;;@u;,[o:!Sass::Script::UnaryOperation : @linei9: @operando:Sass::Script::Variable ;i9: @name" start: @options{:@underscored_name" start; @ :@operator:not0[o:Sass::Tree::VariableNode ;i9: @guarded0:@children[; " start; {: @expro:Sass::Script::String ;i9: @value"top: @type:identifier; {o:Sass::Tree::MixinNode ;i::@keywords{;[o; ;i:;" image; {;" imageo:Sass::Script::Funcall ;i:;{;[o; ;i:;" start; @+;" starto; ;i:;"color-stops; @+;"color_stops;"linear-gradient; @+;[;"background-image; @ ;"linear-gradient; @ o; ;i=;"‚/* Because of webkit's limitations, the radial gradient mixin works best if you use * pixel-based color stops. * * Examples: * * // Defaults to a centered, 100px radius gradient * +radial-gradient(color-stops(#c00, #00c)) * * // 100px radius gradient in the top left corner * +radial-gradient(color-stops(#c00, #00c), top left) * * // Three colors, ending at 50px and passing thru #fff at 25px * +radial-gradient(color-stops(#c00, #fff, #00c 50px)) * * // A background image on top of a 100px radius gradient; requires an image * // with an alpha-layer. * +radial-gradient(color_stops(#c00, #fff), top left, image-url("noise.png"))) * * Browsers Supported: * * - Chrome * - Safari * - Firefox 3.6 * - Opera * * @deprecated Use the radial-gradient() function in conjunction with a * property mixin like `background-image`. */;i;[; @ ;0;[o; ;iX;T;[[o;;"color-stops; {;"color_stops0[o;;"center-position; @C;"center_positiono;;iX;F; @C[o;;" image; @C;" imageo;;iX;F; @C;[u;³[o:Sass::Script::Variable : @lineiY: @name" image: @options{:@underscored_name" imageu:Sass::Tree::IfNodeæ[00[u:Sass::Tree::IfNodeÆ[o:Sass::Script::Variable : @linei`: @name"center-position: @options{:@underscored_name"center_positionu:Sass::Tree::IfNode’[00[o:Sass::Tree::WarnNode : @lineic:@children[: @options{: @expro:&Sass::Script::StringInterpolation ;ic: @mido:Sass::Script::Variable ;ic: @name"color-stops;{:@underscored_name"color_stops: @beforeo:Sass::Script::String ;ic: @value"eThe radial-gradient mixin is deprecated. Instead use: @include background-image(radial-gradient(: @type: string;@ ;@ : @aftero; ;ic;"));;;@ [o:Sass::Tree::WarnNode ;ia:@children[;{: @expro:&Sass::Script::StringInterpolation ;ia: @mido; ;ia;"center-position;{; "center_position: @beforeo:Sass::Script::String ;ia: @value"eThe radial-gradient mixin is deprecated. Instead use: @include background-image(radial-gradient(: @type: string;@;@: @aftero; ;ia;o; ;ia;"color-stops;@; "color_stops;o; ;ia;", ;;;@;@;o; ;ia;"));;;@[u; R[o:Sass::Script::Variable : @lineiZ: @name"center-position: @options{:@underscored_name"center_positionu:Sass::Tree::IfNodeØ[00[o:Sass::Tree::WarnNode : @linei]:@children[: @options{: @expro:&Sass::Script::StringInterpolation ;i]: @mido:Sass::Script::Variable ;i]: @name" image;{:@underscored_name" image: @beforeo:Sass::Script::String ;i]: @value"UThe radial-gradient mixin is deprecated. Instead use: @include background-image(: @type: string;@ ;@ : @aftero; ;i]; o; ;i]; "color-stops;@ ;"color_stops;o; ;i];", radial-gradient(;;;@ ;@ ;o; ;i];"));;;@ [o:Sass::Tree::WarnNode ;i[:@children[;{: @expro:&Sass::Script::StringInterpolation ;i[: @mido; ;i[;" image;{; " image: @beforeo:Sass::Script::String ;i[: @value"UThe radial-gradient mixin is deprecated. Instead use: @include background-image(: @type: string;@;@: @aftero; ;i[;o; ;i[;"center-position;@; "center_position;o; ;i[;", radial-gradient(;;;@;@;o; ;i[;o; ;i[;"color-stops;@; "color_stops;o; ;i[;", ;;;@;@;o; ;i[;"));;;@u;œ[o:!Sass::Script::UnaryOperation : @lineif: @operando:Sass::Script::Variable ;if: @name"center-position: @options{:@underscored_name"center_position; @ :@operator:not0[o:Sass::Tree::VariableNode ;if: @guarded0:@children[; "center-position; {: @expro:Sass::Script::List ;if: @value[o:Sass::Script::String ;if;" center: @type:identifier; {o; ;if;" center;;; @; @:@separator: spaceo; ;ig;{;[o; ;ig;" image; {;" imageo; ;ig;{;[o; ;ig;"center-position; @W;"center_positiono; ;ig;"color-stops; @W;"color_stops;"radial-gradient; @W;[;"background-image; @ ;"radial-gradient; @ ; @ ; "º@import "compass/utilities/general/hacks"; @import "images"; // The linear gradient mixin works best across browsers if you use percentage-based color stops. // // Examples: // // // This yields a linear gradient spanning from top to bottom // +linear-gradient(color-stops(white, black)) // // // This yields a linear gradient spanning from bottom to top // +linear-gradient(color-stops(white, black), bottom) // // // This yields a linear gradient spanning from left to right // +linear-gradient(color-stops(white, black), left) // // // This yields a linear gradient starting at white passing // // thru blue at 33% down and then to black // +linear-gradient(color-stops(white, blue 33%, black)) // // // This yields a linear gradient starting at white passing // // thru blue at 33% down and then to black at 67% until the end // +linear-gradient(color-stops(white, blue 33%, black 67%)) // // // This yields a background image on top of the gradient; requires an image // // with an alpha-layer. // +linear-gradient(color_stops(white,black), top, image-url('noise.png')) // // Browsers Supported: // // - Chrome // - Safari // - Firefox 3.6 // - Opera // // @deprecated Use the linear-gradient() function in conjunction with a // property mixin like `background-image`. @mixin linear-gradient($color-stops, $start: false, $image: false) { @if $image { @if $start { @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, linear-gradient(#{$start}, #{$color-stops}))"; } @else { @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, linear-gradient(#{$color-stops}))"; } } @else { @if $start { @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(linear-gradient(#{$start}, #{$color-stops}))"; } @else { @warn "The linear-gradient mixin is deprecated. Instead use: @include background-image(linear-gradient(#{$color-stops}))"; } } @if not $start { $start: top; } @include background-image($image, linear-gradient($start, $color-stops)); } // Because of webkit's limitations, the radial gradient mixin works best if you use // pixel-based color stops. // // Examples: // // // Defaults to a centered, 100px radius gradient // +radial-gradient(color-stops(#c00, #00c)) // // // 100px radius gradient in the top left corner // +radial-gradient(color-stops(#c00, #00c), top left) // // // Three colors, ending at 50px and passing thru #fff at 25px // +radial-gradient(color-stops(#c00, #fff, #00c 50px)) // // // A background image on top of a 100px radius gradient; requires an image // // with an alpha-layer. // +radial-gradient(color_stops(#c00, #fff), top left, image-url("noise.png"))) // // Browsers Supported: // // - Chrome // - Safari // - Firefox 3.6 // - Opera // // @deprecated Use the radial-gradient() function in conjunction with a // property mixin like `background-image`. @mixin radial-gradient($color-stops, $center-position: false, $image: false) { @if $image { @if $center-position { @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, radial-gradient(#{$center-position}, #{$color-stops}))"; } @else { @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(#{$image}, radial-gradient(#{$color-stops}))"; } } @else { @if $center-position { @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(radial-gradient(#{$center-position}, #{$color-stops}))"; } @else { @warn "The radial-gradient mixin is deprecated. Instead use: @include background-image(radial-gradient(#{$color-stops}))"; } } @if not $center-position { $center-position: center center; } @include background-image($image, radial-gradient($center-position, $color-stops)); }