frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss in compass-sourcemaps-0.12.3.sourcemaps.a4836f1 vs frameworks/compass/stylesheets/compass/utilities/sprites/_base.scss in compass-sourcemaps-0.12.4.sourcemaps.a4836f1

- old
+ new

@@ -1,66 +1,66 @@ -// Determines those states for which you want to enable magic sprite selectors -$sprite-selectors: hover, target, active !default; - -// Set the width and height of an element to the original -// dimensions of an image before it was included in the sprite. -@mixin sprite-dimensions($map, $sprite) { - height: image-height(sprite-file($map, $sprite)); - width: image-width(sprite-file($map, $sprite)); -} - -// Set the background position of the given sprite `$map` to display the -// sprite of the given `$sprite` name. You can move the image relative to its -// natural position by passing `$offset-x` and `$offset-y`. -@mixin sprite-background-position($map, $sprite, $offset-x: 0, $offset-y: 0) { - background-position: sprite-position($map, $sprite, $offset-x, $offset-y); -} - - -// Determines if you want to include magic selectors in your sprites -$disable-magic-sprite-selectors:false !default; - -// Include the position and (optionally) dimensions of this `$sprite` -// in the given sprite `$map`. The sprite url should come from either a base -// class or you can specify the `sprite-url` explicitly like this: -// -// background: $map no-repeat; -@mixin sprite($map, $sprite, $dimensions: false, $offset-x: 0, $offset-y: 0) { - @include sprite-background-position($map, $sprite, $offset-x, $offset-y); - @if $dimensions { - @include sprite-dimensions($map, $sprite); - } - @if not $disable-magic-sprite-selectors { - @include sprite-selectors($map, $sprite, $sprite, $offset-x, $offset-y); - } -} - -// Include the selectors for the `$sprite` given the `$map` and the -// `$full-sprite-name` -// @private -@mixin sprite-selectors($map, $sprite-name, $full-sprite-name, $offset-x: 0, $offset-y: 0) { - @each $selector in $sprite-selectors { - @if sprite_has_selector($map, $sprite-name, $selector) { - &:#{$selector}, &.#{$full-sprite-name}_#{$selector}, &.#{$full-sprite-name}-#{$selector} { - @include sprite-background-position($map, "#{$sprite-name}_#{$selector}", $offset-x, $offset-y); - } - } - } -} - -// Generates a class for each space separated name in `$sprite-names`. -// The class will be of the form .<map-name>-<sprite-name>. -// -// If a base class is provided, then each class will extend it. -// -// If `$dimensions` is `true`, the sprite dimensions will specified. -@mixin sprites($map, $sprite-names, $base-class: false, $dimensions: false, $prefix: sprite-map-name($map), $offset-x: 0, $offset-y: 0) { - @each $sprite-name in $sprite-names { - @if sprite_does_not_have_parent($map, $sprite-name) { - $full-sprite-name: "#{$prefix}-#{$sprite-name}"; - .#{$full-sprite-name} { - @if $base-class { @extend #{$base-class}; } - @include sprite($map, $sprite-name, $dimensions, $offset-x, $offset-y); - } - } - } +// Determines those states for which you want to enable magic sprite selectors +$sprite-selectors: hover, target, active !default; + +// Set the width and height of an element to the original +// dimensions of an image before it was included in the sprite. +@mixin sprite-dimensions($map, $sprite) { + height: image-height(sprite-file($map, $sprite)); + width: image-width(sprite-file($map, $sprite)); +} + +// Set the background position of the given sprite `$map` to display the +// sprite of the given `$sprite` name. You can move the image relative to its +// natural position by passing `$offset-x` and `$offset-y`. +@mixin sprite-background-position($map, $sprite, $offset-x: 0, $offset-y: 0) { + background-position: sprite-position($map, $sprite, $offset-x, $offset-y); +} + + +// Determines if you want to include magic selectors in your sprites +$disable-magic-sprite-selectors:false !default; + +// Include the position and (optionally) dimensions of this `$sprite` +// in the given sprite `$map`. The sprite url should come from either a base +// class or you can specify the `sprite-url` explicitly like this: +// +// background: $map no-repeat; +@mixin sprite($map, $sprite, $dimensions: false, $offset-x: 0, $offset-y: 0) { + @include sprite-background-position($map, $sprite, $offset-x, $offset-y); + @if $dimensions { + @include sprite-dimensions($map, $sprite); + } + @if not $disable-magic-sprite-selectors { + @include sprite-selectors($map, $sprite, $sprite, $offset-x, $offset-y); + } +} + +// Include the selectors for the `$sprite` given the `$map` and the +// `$full-sprite-name` +// @private +@mixin sprite-selectors($map, $sprite-name, $full-sprite-name, $offset-x: 0, $offset-y: 0) { + @each $selector in $sprite-selectors { + @if sprite_has_selector($map, $sprite-name, $selector) { + &:#{$selector}, &.#{$full-sprite-name}_#{$selector}, &.#{$full-sprite-name}-#{$selector} { + @include sprite-background-position($map, "#{$sprite-name}_#{$selector}", $offset-x, $offset-y); + } + } + } +} + +// Generates a class for each space separated name in `$sprite-names`. +// The class will be of the form .<map-name>-<sprite-name>. +// +// If a base class is provided, then each class will extend it. +// +// If `$dimensions` is `true`, the sprite dimensions will specified. +@mixin sprites($map, $sprite-names, $base-class: false, $dimensions: false, $prefix: sprite-map-name($map), $offset-x: 0, $offset-y: 0) { + @each $sprite-name in $sprite-names { + @if sprite_does_not_have_parent($map, $sprite-name) { + $full-sprite-name: "#{$prefix}-#{$sprite-name}"; + .#{$full-sprite-name} { + @if $base-class { @extend #{$base-class}; } + @include sprite($map, $sprite-name, $dimensions, $offset-x, $offset-y); + } + } + } } \ No newline at end of file