generate an inline sprite.

inline_example.scss

@include "icon/*.png";

#{$icon-sprite-base-class} {
  background-image: inline-sprite($icon-sprites);
}

inline_sprites.rb

# copy this to your compass config.

module Sass::Script::Functions
  def sprite_path(map)
    Sass::Script::String.new("#{map.path}-s#{map.uniqueness_hash}.png")
  end
  declare :sprite_path, [:map]

  def inline_sprite(map)
    verify_map(map, "sprite-url")
    map.generate
    inline_image(sprite_path(map))
  end
  declare :inline_sprite, [:map]
end

we want this in core?

it's been asked for a couple times. I'm not opposed. I guess there would be some config variable that would cause the background-image to get set like this after the other background image is set to the url (so it can degrade).

I used to think it was kind of pointless, but @hcatlin pointed out that a sprite map is smaller than the individual files so there is some win here.

how about a config variable to toggle the desired output? like $icon-inline:true;

Sure Hunt & pecked on my iPhone... Sorry if it's brief!

…

On Nov 4, 2011, at 6:46 AM, Scott ***@***.*** wrote: how about a config variable to toggle the desired output? like `$icon-inline:true;` --- Reply to this email directly or view it on GitHub: https://gist.github.com/1333822