3.3.0.alpha.3 (Bleeding Edge) 9f0366edfa3e29f1faeb006708a281d5f01f68d8 o:Sass::Tree::RootNode :@children[o:Sass::Tree::CommentNode : @value[I"C/* @doc off * Example 1: * * a.twitter * +sprite-img("icons-32.png", 1) * a.facebook * +sprite-img("icons-32png", 2) * * Example 2: * * a * +sprite-background("icons-32.png") * a.twitter * +sprite-column(1) * a.facebook * +sprite-row(2) * @doc on */:ET: @type: silent;[: @linei: @options{o:Sass::Tree::VariableNode : @nameI"sprite-default-size; T: @expro:Sass::Script::Number ;i%:@numerator_units[I"px; T:@denominator_units[; i:@originalI" 32px; F; @ : @guardedI" !default; T;[; i; @ o; ;I"sprite-default-margin; T;o; ;i;[I"px; T;[; i;I"0px; F; @ ;I" !default; T;[; i; @ o; ;I"sprite-image-default-width; T;o:Sass::Script::Variable ;I"sprite-default-size; T:@underscored_nameI"sprite_default_size; T; i; @ ;I" !default; T;[; i; @ o; ;I" sprite-image-default-height; T;o; ;I"sprite-default-size; T;I"sprite_default_size; T; i; @ ;I" !default; T;[; i; @ o; ;[I"Ð/* Sets all the rules for a sprite from a given sprite image to show just one of the sprites. * To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning. */; T; ; ;[; i ; @ o:Sass::Tree::MixinDefNode ;I"sprite-img; T: @args[ [o;;I"img; T;I"img; T; @ 0[o;;I"col; T;I"col; T; @ 0[o;;I"row; T;I"row; T; @ o; ;i;[;[; i";I"1; F; @ [o;;I" width; T;I" width; T; @ o; ;I"sprite-image-default-width; T;I"sprite_image_default_width; T; i"; @ [o;;I" height; T;I" height; T; @ o; ;I" sprite-image-default-height; T;I" sprite_image_default_height; T; i"; @ [o;;I" margin; T;I" margin; T; @ o; ;I"sprite-default-margin; T;I"sprite_default_margin; T; i"; @ : @splat0;[o:Sass::Tree::MixinNode ;I"sprite-background; T;[o; ;I"img; T;I"img; T; i#; @ o; ;I" width; T;I" width; T; i#; @ o; ;I" height; T;I" height; T; i#; @ :@keywords{;0;[; i#; @ o; ;I"sprite-position; T;[ o; ;I"col; T;I"col; T; i$; @ o; ;I"row; T;I"row; T; i$; @ o; ;I" width; T;I" width; T; i$; @ o; ;I" height; T;I" height; T; i$; @ o; ;I" margin; T;I" margin; T; i$; @ ;{;0;[; i$; @ ; i":@has_childrenT; @ o; ;[I"i/* Sets rules common for all sprites, assumes you want a square, but allows a rectangular region. */; T; ; ;[; i'; @ o; ;I"sprite-background; T;[[o;;I"img; T;I"img; T; @ 0[o;;I" width; T;I" width; T; @ o; ;I"sprite-default-size; T;I"sprite_default_size; T; i(; @ [o;;I" height; T;I" height; T; @ o; ;I" width; T;I" width; T; i(; @ ;0;[o; ;I" sprite-background-rectangle; T;[o; ;I"img; T;I"img; T; i); @ o; ;I" width; T;I" width; T; i); @ o; ;I" height; T;I" height; T; i); @ ;{;0;[; i); @ ; i(;T; @ o; ;[I"K/* Sets rules common for all sprites, assumes a rectangular region. */; T; ; ;[; i,; @ o; ;I" sprite-background-rectangle; T;[[o;;I"img; T;I"img; T; @ 0[o;;I" width; T;I" width; T; @ o; ;I"sprite-image-default-width; T;I"sprite_image_default_width; T; i-; @ [o;;I" height; T;I" height; T; @ o; ;I" sprite-image-default-height; T;I" sprite_image_default_height; T; i-; @ ;0;[ o:Sass::Tree::PropNode ;[I"background; T;o:Sass::Script::List ;[o:Sass::Script::Funcall ;I"image-url; T;[o; ;I"img; T;I"img; T; i.; @ ;{;0; i.; @ o:Sass::Script::String ;I"no-repeat; T; :identifier; i.; @ :@separator: space; i.; @ : @tabsi:@prop_syntax:new;[; i.; @ o; ;[I" width; T;o; ;I" width; T;I" width; T; i/; @ ;%i;&;';[; i/; @ o; ;[I" height; T;o; ;I" height; T;I" height; T; i0; @ ;%i;&;';[; i0; @ o; ;[I" overflow; T;o;!;I" hidden; T; ;"; @ ;%i;&;';[; i1; @ ; i-;T; @ o; ;[I"V/* Allows horizontal sprite positioning optimized for a single row of sprites. */; T; ; ;[; i4; @ o; ;I"sprite-column; T;[[o;;I"col; T;I"col; T; @ 0[o;;I" width; T;I" width; T; @ o; ;I"sprite-image-default-width; T;I"sprite_image_default_width; T; i5; @ [o;;I" margin; T;I" margin; T; @ o; ;I"sprite-default-margin; T;I"sprite_default_margin; T; i5; @ ;0;[o; ;I"sprite-position; T;[ o; ;I"col; T;I"col; T; i6; @ o; ;i;[;@A; i6;I"1; F; @ o; ;I" width; T;I" width; T; i6; @ o; ;i;[I"px; T;[; i6;I"0px; F; @ o; ;I" margin; T;I" margin; T; i6; @ ;{;0;[; i6; @ ; i5;T; @ o; ;[I"W/* Allows vertical sprite positioning optimized for a single column of sprites. */; T; ; ;[; i9; @ o; ;I"sprite-row; T;[[o;;I"row; T;I"row; T; @ 0[o;;I" height; T;I" height; T; @ o; ;I" sprite-image-default-height; T;I" sprite_image_default_height; T; i:; @ [o;;I" margin; T;I" margin; T; @ o; ;I"sprite-default-margin; T;I"sprite_default_margin; T; i:; @ ;0;[o; ;I"sprite-position; T;[ o; ;i;[;@A; i;;I"1; F; @ o; ;I"row; T;I"row; T; i;; @ o; ;i;[I"px; T;[; i;;I"0px; F; @ o; ;I" height; T;I" height; T; i;; @ o; ;I" margin; T;I" margin; T; i;; @ ;{;0;[; i;; @ ; i:;T; @ o; ;[I"f/* Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites. */; T; ; ;[; i>; @ o; ;I"sprite-position; T;[ [o;;I"col; T;I"col; T; @ 0[o;;I"row; T;I"row; T; @ o; ;i;[;@A; i?;I"1; F; @ [o;;I" width; T;I" width; T; @ o; ;I"sprite-image-default-width; T;I"sprite_image_default_width; T; i?; @ [o;;I" height; T;I" height; T; @ o; ;I" sprite-image-default-height; T;I" sprite_image_default_height; T; i?; @ [o;;I" margin; T;I" margin; T; @ o; ;I"sprite-default-margin; T;I"sprite_default_margin; T; i?; @ ;0;[o; ;I"x; T;o:Sass::Script::Operation :@operand1o;( ;)o;( ;)o; ;I"col; T;I"col; T; i@; @ :@operand2o; ;i;[;@A; i@;I"1; F; @ :@operator: minus; i@; @ ;*o:!Sass::Script::UnaryOperation : @operando; ;I" width; T;I" width; T; i@; @ ;+;,; i@; @ ;+: times; i@; @ ;*o;( ;)o;( ;)o; ;I"col; T;I"col; T; i@; @ ;*o; ;i;[;@A; i@;I"1; F; @ ;+;,; i@; @ ;*o; ;I" margin; T;I" margin; T; i@; @ ;+;/; i@; @ ;+;,; i@; @ ;0;[; i@; @ o; ;I"y; T;o;( ;)o;( ;)o;( ;)o; ;I"row; T;I"row; T; iA; @ ;*o; ;i;[;@A; iA;I"1; F; @ ;+;,; iA; @ ;*o;- ;.o; ;I" height; T;I" height; T; iA; @ ;+;,; iA; @ ;+;/; iA; @ ;*o;( ;)o;( ;)o; ;I"row; T;I"row; T; iA; @ ;*o; ;i;[;@A; iA;I"1; F; @ ;+;,; iA; @ ;*o; ;I" margin; T;I" margin; T; iA; @ ;+;/; iA; @ ;+;,; iA; @ ;0;[; iA; @ o; ;[I"background-position; T;o; ;[o; ;I"x; T;I"x; T; iB; @ o; ;I"y; T;I"y; T; iB; @ ;#;$; iB; @ ;%i;&;';[; iB; @ ; i?;T; @ o; ;[I"f/* Similar to 'sprite-replace-text-with-dimensions' but does not autmaticly set the demensions */; T; ; ;[; iG; @ o; ;I"sprite-replace-text; T;[ [o;;I"map; T;I"map; T; @ 0[o;;I" sprite; T;I" sprite; T; @ 0[o;;I"dimensions; T;I"dimensions; T; @ o:Sass::Script::Bool;F; iH; @ [o;;I" offset-x; T;I" offset_x; T; @ o; ;i;[;@A; iH;I"0; F; @ [o;;I" offset-y; T;I" offset_y; T; @ o; ;i;[;@A; iH;I"0; F; @ ;0;[ o; ;I"hide-text; T;[;{;0;[; iI; @ o; ;I" sprite; T;[ o; ;I"map; T;I"map; T; iJ; @ o; ;I" sprite; T;I" sprite; T; iJ; @ o; ;I"dimensions; T;I"dimensions; T; iJ; @ o; ;I" offset-x; T;I" offset_x; T; iJ; @ o; ;I" offset-y; T;I" offset_y; T; iJ; @ ;{;0;[; iJ; @ o; ;[I"background-image; T;o; ;I"map; T;I"map; T; iK; @ ;%i;&;';[; iK; @ o; ;[I"background-repeat; T;o;!;I"no-repeat; T; ;"; @ ;%i;&;';[; iL; @ ; iH;T; @ o; ;[I"Ç/* Similar to 'replace-text-with-dimensions' but with sprites * To use, create your sprite and then pass it in the `$map` param * The name of the image in the sprite folder should be `$img-name` */; T; ; ;[; iO; @ o; ;I"(sprite-replace-text-with-dimensions; T;[ [o;;I"map; T;I"map; T; @ 0[o;;I" sprite; T;I" sprite; T; @ 0[o;;I" offset-x; T;I" offset_x; T; @ o; ;i;[;@A; iR;I"0; F; @ [o;;I" offset-y; T;I" offset_y; T; @ o; ;i;[;@A; iR;I"0; F; @ ;0;[o; ;I"sprite-replace-text; T;[ o; ;I"map; T;I"map; T; iS; @ o; ;I" sprite; T;I" sprite; T; iS; @ o;0;T; iS; @ o; ;I" offset-x; T;I" offset_x; T; iS; @ o; ;I" offset-y; T;I" offset_y; T; iS; @ ;{;0;[; iS; @ ; iR;T; @ :@templateI"& // @doc off // Example 1: // // a.twitter // +sprite-img("icons-32.png", 1) // a.facebook // +sprite-img("icons-32png", 2) // // Example 2: // // a // +sprite-background("icons-32.png") // a.twitter // +sprite-column(1) // a.facebook // +sprite-row(2) // @doc on $sprite-default-size: 32px !default; $sprite-default-margin: 0px !default; $sprite-image-default-width: $sprite-default-size !default; $sprite-image-default-height: $sprite-default-size !default; // Sets all the rules for a sprite from a given sprite image to show just one of the sprites. // To reduce duplication use a sprite-bg mixin for common properties and a sprite-select mixin for positioning. @mixin sprite-img($img, $col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) { @include sprite-background($img, $width, $height); @include sprite-position($col, $row, $width, $height, $margin); } // Sets rules common for all sprites, assumes you want a square, but allows a rectangular region. @mixin sprite-background($img, $width: $sprite-default-size, $height: $width) { @include sprite-background-rectangle($img, $width, $height); } // Sets rules common for all sprites, assumes a rectangular region. @mixin sprite-background-rectangle($img, $width: $sprite-image-default-width, $height: $sprite-image-default-height) { background: image-url($img) no-repeat; width: $width; height: $height; overflow: hidden; } // Allows horizontal sprite positioning optimized for a single row of sprites. @mixin sprite-column($col, $width: $sprite-image-default-width, $margin: $sprite-default-margin) { @include sprite-position($col, 1, $width, 0px, $margin); } // Allows vertical sprite positioning optimized for a single column of sprites. @mixin sprite-row($row, $height: $sprite-image-default-height, $margin: $sprite-default-margin) { @include sprite-position(1, $row, 0px, $height, $margin); } // Allows vertical and horizontal sprite positioning from a grid of equal dimensioned sprites. @mixin sprite-position($col, $row: 1, $width: $sprite-image-default-width, $height: $sprite-image-default-height, $margin: $sprite-default-margin) { $x: ($col - 1) * -$width - ($col - 1) * $margin; $y: ($row - 1) * -$height - ($row - 1) * $margin; background-position: $x $y; } // Similar to 'sprite-replace-text-with-dimensions' but does not autmaticly set the demensions @mixin sprite-replace-text ($map, $sprite, $dimensions: false, $offset-x: 0, $offset-y: 0) { @include hide-text; @include sprite($map, $sprite, $dimensions, $offset-x, $offset-y); background-image: $map; background-repeat: no-repeat; } // Similar to 'replace-text-with-dimensions' but with sprites // To use, create your sprite and then pass it in the `$map` param // The name of the image in the sprite folder should be `$img-name` @mixin sprite-replace-text-with-dimensions ($map, $sprite, $offset-x: 0, $offset-y: 0){ @include sprite-replace-text ($map, $sprite, true, $offset-x, $offset-y); }; T;T; @ ; i