css_sprite 1.0.3 → 1.1.0

data/README.textile

@@ -47,7 +47,7 @@ forum_icon_vertical.gif:  # destination image file
     - sticky_topic.gif
   orient: vertical        # composite gravity, vertical or horizontal
   span: 5                 # span of space between two images
-  prefix: "s-"            # css class prefix
+  prefix: "v-"            # css class prefix
 </code></pre>
 
 first line defines the destination image filename.
@@ -75,26 +75,13 @@ rake css_sprite:build
 
 the result css is generated at <code>public/stylesheets/css_sprite.css</code>
 <pre><code>
-.good_topic {
-    background: url('/images/forum_icon_vertical.gif') no-repeat 0px 0px;
-    width: 20px;
-    height: 19px;
-}
-.mid_topic {
-    background: url('/images/forum_icon_vertical.gif') no-repeat 0px 24px
-    width: 20px;
-    height: 19px;
-}
-.unread_topic {
-    background: url('/images/forum_icon_vertical.gif') no-repeat 0px 48px;
-    width: 19px;
-    height: 18px;
-}
-.sticky_topic {
-    background: url('/images/forum_icon_vertical.gif') no-repeat 0px 71px;
-    width: 19px;
-    height: 18px;
-}
+/* do not touch - generated through 'rake css_sprite:build' */
+.v-forum_icon_vertical { background: url('/images/forum_icon_vertical.gif?1265358559') no-repeat; }
+.v-good_topic { background-position: 0px 0px; width: 20px; height: 19px; }
+.v-mid_topic { background-position: 0px -29px; width: 20px; height: 19px; }
+.v-sticky_topic { background-position: 0px -58px; width: 19px; height: 18px; }
+.v-unread_topic { background-position: 0px -86px; width: 19px; height: 18px; }
+.v-plectix_logo { background-position: 0px -114px; width: 125px; height: 47px; }
 </code></pre>
 
 **************************************************************************
@@ -102,7 +89,7 @@ the result css is generated at <code>public/stylesheets/css_sprite.css</code>
 h2. Contributor
 
 josedelcorral - fix the style of generated css
-Santino - fix transparent images
+Santino - fix transparent images and make the generated css file more graceful
 
 **************************************************************************
 

data/VERSION

@@ -1 +1 @@
-1.0.3
+1.1.0

data/css_sprite.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{css_sprite}
-  s.version = "1.0.3"
+  s.version = "1.1.0"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Richard Huang"]
-  s.date = %q{2010-02-04}
+  s.date = %q{2010-02-05}
   s.description = %q{css_sprite is a rails plugin/gem to generate css sprite image automatically.}
   s.email = %q{flyerhzm@gmail.com}
   s.extra_rdoc_files = [

data/lib/css_sprite/sprite.rb

@@ -23,7 +23,7 @@ class Sprite
     sources = configs['sources'].collect {|source| Dir.glob(IMAGE_PATH + source)}.flatten
     span = configs['span'] || 0
     dest_image = get_image(sources.shift)
-    results << image_properties(dest_image).merge(:x => 0, :y => 0)
+    results << image_properties(dest_image).merge(:x => 0, :y => 0, :prefix => configs['prefix'])
     sources.each do |source|
       source_image = get_image(source)
       if configs['orient'] == 'horizontal'
@@ -44,13 +44,16 @@ class Sprite
   
   def output_css
     File.open(PUBLIC_PATH + 'css_sprite.css', 'w') do |f|
+      f.puts "/* do not touch - generated through 'rake css_sprite:build' */"
       @output.each do |dest, results|
+        basename = File.basename(dest, File.extname(dest))
+        f.puts ".#{results.first[:prefix]}#{basename} { background: url('/images/#{dest}?#{Time.now.to_i}') no-repeat; }"
         results.each do |result|
-          f.puts ".#{result[:prefix]}#{result[:name]} \{ "
-          f.puts "\tbackground: url('/images/#{dest}') no-repeat #{result[:x]}px #{result[:y]}px;"
-          f.puts "\twidth: #{result[:width]}px;"
-          f.puts "\theight: #{result[:height]}px;"
-          f.puts "\}"
+          f.print ".#{result[:prefix]}#{result[:name]} \{"
+          f.print " background-position: #{-result[:x]}px #{-result[:y]}px;"
+          f.print " width: #{result[:width]}px;"
+          f.print " height: #{result[:height]}px;"
+          f.print " \}\n"
         end
       end
     end

data/tasks/css_sprite_tasks.rake

@@ -1,8 +1,7 @@
-require File.join(File.dirname(__FILE__), '../lib/css_sprite/sprite.rb')
-
 namespace :css_sprite do  
   desc "buid css sprite image"
   task :build do
+    require File.join(File.dirname(__FILE__), '../lib/css_sprite/sprite.rb')
     Sprite.new.build
   end
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: css_sprite
 version: !ruby/object:Gem::Version 
-  version: 1.0.3
+  version: 1.1.0
 platform: ruby
 authors: 
 - Richard Huang
@@ -9,7 +9,7 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-02-04 00:00:00 +08:00
+date: 2010-02-05 00:00:00 +08:00
 default_executable: 
 dependencies: []