css_sprite 1.4.7 → 1.4.8

data/VERSION

@@ -1 +1 @@
-1.4.7
+1.4.8

data/css_sprite.gemspec

@@ -5,11 +5,11 @@
 
 Gem::Specification.new do |s|
   s.name = %q{css_sprite}
-  s.version = "1.4.7"
+  s.version = "1.4.8"
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0") if s.respond_to? :required_rubygems_version=
   s.authors = ["Richard Huang"]
-  s.date = %q{2010-04-27}
+  s.date = %q{2010-07-11}
   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 = [
@@ -25,6 +25,7 @@ Gem::Specification.new do |s|
      "lib/css_sprite.rb",
      "lib/css_sprite/sprite.rb",
      "spec/app/stylesheets/css_sprite.css",
+     "spec/app/stylesheets/scss/css_sprite.scss",
      "spec/css_sprite/sprite_spec.rb",
      "spec/public/images/another_css_sprite/no_image",
      "spec/public/images/css_sprite/gmail_logo.png",
@@ -45,11 +46,11 @@ Gem::Specification.new do |s|
   s.homepage = %q{http://github.com/flyerhzm/css_sprite}
   s.rdoc_options = ["--charset=UTF-8"]
   s.require_paths = ["lib"]
-  s.rubygems_version = %q{1.3.5}
+  s.rubygems_version = %q{1.3.6}
   s.summary = %q{css_sprite is a rails plugin/gem to generate css sprite image automatically.}
   s.test_files = [
-    "spec/css_sprite/sprite_spec.rb",
-     "spec/spec_helper.rb"
+    "spec/spec_helper.rb",
+     "spec/css_sprite/sprite_spec.rb"
   ]
 
   if s.respond_to? :specification_version then

data/lib/css_sprite/sprite.rb

@@ -41,6 +41,8 @@ class Sprite
   def expire?(directory)
     if sass?
       stylesheet_path = dest_sass_path(directory)
+    elsif scss?
+      stylesheet_path = dest_scss_path(directory)
     else
       stylesheet_path = dest_css_path(directory)
     end
@@ -52,19 +54,26 @@ class Sprite
     return false
   end
   
-  # output stylesheet, sass or css
+  # output stylesheet, sass, scss or css
   def output_stylesheet(directory, results)
     if sass?
       output_sass(directory, results)
+    elsif scss?
+      output_scss(directory, results)
     else
       output_css(directory, results)
     end
   end
   
-  # use sass or css?
+  # use sass
   def sass?
     @config['engine'] == 'sass'
   end
+
+  # use scss
+  def scss?
+    @config['engine'] == 'scss'
+  end
   
   # detect all the css sprite directories. e.g. public/images/css_sprite, public/images/widget_css_sprite
   def css_sprite_directories
@@ -171,6 +180,39 @@ class Sprite
     end
   end
   
+  # output the css sprite scss file
+  def output_scss(directory, results)
+    unless results.empty?
+      dest_image_name = dest_image_name(directory)
+      dest_scss_path = dest_scss_path(directory)
+      dest_image_time = File.new(dest_image_path(directory)).mtime
+      File.open(dest_scss_path, 'w') do |f|
+        if @config['suffix']
+          @config['suffix'].each do |key, value|
+            cns = class_names(results, :suffix => key)
+            unless cns.empty?
+              f.print cns.join(",\n")
+              f.print "\{\n"
+              f.print value.split("\n").collect { |text| "  " + text }.join("\n")
+              f.print "\}\n"
+            end
+          end
+        end
+        
+        f.print class_names(results).join(",\n")
+        f.print " \{\n  background: url('/images/#{dest_image_name}?#{dest_image_time.to_i}') no-repeat;\n\}\n"
+      
+        results.each do |result|
+          f.print "#{class_name(result[:name])} \{\n"
+          f.print "  background-position: #{-result[:x]}px #{-result[:y]}px;\n"
+          f.print "  width: #{result[:width]}px;\n" if result[:width]
+          f.print "  height: #{result[:height]}px;\n" if result[:height]
+          f.print " \}\n"
+        end
+      end
+    end
+  end
+  
   # get all the class names within the same css sprite image
   def class_names(results, options={})
     options = {:count_per_line => 5}.merge(options)
@@ -217,6 +259,11 @@ class Sprite
   def dest_sass_path(directory)
     File.join(@stylesheet_path, 'sass', File.basename(directory) + '.sass')
   end
+
+  # destination scss file path
+  def dest_scss_path(directory)
+    File.join(@stylesheet_path, 'scss', File.basename(directory) + '.scss')
+  end
   
   # append src_image to the dest_image with position (x, y)
   def composite_images(dest_image, src_image, x, y)

data/spec/app/stylesheets/css_sprite.css

@@ -1,14 +1,14 @@
-.logos:hover .gmail_logo, .logos .gmail_logo.active, .logos .gmail_logo, .icons .twitter_icon:hover, .icons .twitter_icon,
-.icons .facebook_icon:hover, .icons .facebook_icon, .hotmail_logo, .gmail_logo.active, .gmail_logo {
-  background: url('/images/css_sprite.png?1272247421') no-repeat;
+.logos:hover .gmail_logo, .gmail_logo, .hotmail_logo, .icons .twitter_icon:hover, .icons .facebook_icon:hover,
+.icons .twitter_icon, .icons .facebook_icon, .gmail_logo.active, .logos .gmail_logo, .logos .gmail_logo.active {
+  background: url('/images/css_sprite.png?1278833054') no-repeat;
 }
 .logos:hover .gmail_logo { background-position: 0px 0px; }
-.logos .gmail_logo.active { background-position: 0px -41px; width: 52px; height: 18px; }
-.logos .gmail_logo { background-position: 0px -64px; width: 103px; height: 36px; }
-.icons .twitter_icon:hover { background-position: 0px -105px; }
-.icons .twitter_icon { background-position: 0px -124px; width: 14px; height: 14px; }
-.icons .facebook_icon:hover { background-position: 0px -143px; width: 21px; height: 21px; }
-.icons .facebook_icon { background-position: 0px -169px; width: 14px; height: 14px; }
-.hotmail_logo { background-position: 0px -188px; width: 103px; height: 36px; }
-.gmail_logo.active { background-position: 0px -229px; }
-.gmail_logo { background-position: 0px -270px; width: 103px; height: 36px; }
+.gmail_logo { background-position: 0px -41px; width: 103px; height: 36px; }
+.hotmail_logo { background-position: 0px -82px; width: 103px; height: 36px; }
+.icons .twitter_icon:hover { background-position: 0px -123px; }
+.icons .facebook_icon:hover { background-position: 0px -142px; width: 21px; height: 21px; }
+.icons .twitter_icon { background-position: 0px -168px; width: 14px; height: 14px; }
+.icons .facebook_icon { background-position: 0px -187px; width: 14px; height: 14px; }
+.gmail_logo.active { background-position: 0px -206px; }
+.logos .gmail_logo { background-position: 0px -247px; width: 103px; height: 36px; }
+.logos .gmail_logo.active { background-position: 0px -288px; width: 52px; height: 18px; }

data/spec/app/stylesheets/scss/css_sprite.scss

@@ -0,0 +1,48 @@
+.logos:hover .gmail_logo, .gmail_logo, .hotmail_logo, .icons .twitter_icon:hover, .icons .facebook_icon:hover,
+.icons .twitter_icon, .icons .facebook_icon, .gmail_logo.active, .logos .gmail_logo, .logos .gmail_logo.active {
+  background: url('/images/css_sprite.png?1278833054') no-repeat;
+}
+.logos:hover .gmail_logo {
+  background-position: 0px 0px;
+ }
+.gmail_logo {
+  background-position: 0px -41px;
+  width: 103px;
+  height: 36px;
+ }
+.hotmail_logo {
+  background-position: 0px -82px;
+  width: 103px;
+  height: 36px;
+ }
+.icons .twitter_icon:hover {
+  background-position: 0px -123px;
+ }
+.icons .facebook_icon:hover {
+  background-position: 0px -142px;
+  width: 21px;
+  height: 21px;
+ }
+.icons .twitter_icon {
+  background-position: 0px -168px;
+  width: 14px;
+  height: 14px;
+ }
+.icons .facebook_icon {
+  background-position: 0px -187px;
+  width: 14px;
+  height: 14px;
+ }
+.gmail_logo.active {
+  background-position: 0px -206px;
+ }
+.logos .gmail_logo {
+  background-position: 0px -247px;
+  width: 103px;
+  height: 36px;
+ }
+.logos .gmail_logo.active {
+  background-position: 0px -288px;
+  width: 52px;
+  height: 18px;
+ }

data/spec/css_sprite/sprite_spec.rb

@@ -35,6 +35,11 @@ describe Sprite do
       Sprite.any_instance.expects(:system).with("optipng -quiet #{IMAGE_PATH}/css_sprite.png").returns(true)
       Sprite.new('stylesheet_path' => 'app/stylesheets').build
     end
+    
+    it "should build css_sprite image and scss" do
+      Sprite.any_instance.expects(:system).with("optipng -quiet #{IMAGE_PATH}/css_sprite.png").returns(true)
+      Sprite.new('engine' => 'scss', 'stylesheet_path' => 'app/stylesheets').build
+    end
   end
   
   describe "css_sprite_directories" do

metadata

@@ -1,7 +1,12 @@
 --- !ruby/object:Gem::Specification 
 name: css_sprite
 version: !ruby/object:Gem::Version 
-  version: 1.4.7
+  prerelease: false
+  segments: 
+  - 1
+  - 4
+  - 8
+  version: 1.4.8
 platform: ruby
 authors: 
 - Richard Huang
@@ -9,19 +14,21 @@ autorequire:
 bindir: bin
 cert_chain: []
 
-date: 2010-04-27 00:00:00 -06:00
+date: 2010-07-11 00:00:00 +08:00
 default_executable: 
 dependencies: 
 - !ruby/object:Gem::Dependency 
   name: rmagick
-  type: :runtime
-  version_requirement: 
-  version_requirements: !ruby/object:Gem::Requirement 
+  prerelease: false
+  requirement: &id001 !ruby/object:Gem::Requirement 
     requirements: 
     - - ">="
       - !ruby/object:Gem::Version 
+        segments: 
+        - 0
         version: "0"
-    version: 
+  type: :runtime
+  version_requirements: *id001
 description: css_sprite is a rails plugin/gem to generate css sprite image automatically.
 email: flyerhzm@gmail.com
 executables: []
@@ -40,6 +47,7 @@ files:
 - lib/css_sprite.rb
 - lib/css_sprite/sprite.rb
 - spec/app/stylesheets/css_sprite.css
+- spec/app/stylesheets/scss/css_sprite.scss
 - spec/css_sprite/sprite_spec.rb
 - spec/public/images/another_css_sprite/no_image
 - spec/public/images/css_sprite/gmail_logo.png
@@ -69,21 +77,23 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      segments: 
+      - 0
       version: "0"
-  version: 
 required_rubygems_version: !ruby/object:Gem::Requirement 
   requirements: 
   - - ">="
     - !ruby/object:Gem::Version 
+      segments: 
+      - 0
       version: "0"
-  version: 
 requirements: []
 
 rubyforge_project: 
-rubygems_version: 1.3.5
+rubygems_version: 1.3.6
 signing_key: 
 specification_version: 3
 summary: css_sprite is a rails plugin/gem to generate css sprite image automatically.
 test_files: 
-- spec/css_sprite/sprite_spec.rb
 - spec/spec_helper.rb
+- spec/css_sprite/sprite_spec.rb