remi-css3-now 0.1.1 → 0.1.2

data/VERSION

@@ -1 +1 @@
-0.1.1
+0.1.2

data/lib/css3-now.rb

@@ -1,34 +1,42 @@
 # ...
 class CSS3Now
 
-  Substitutions = [
+  class << self
+    attr_accessor :substitutions
+  end
+
+  @substitutions = [
     lambda {|css| replace_browser_specific css, 'border-radius' },
     lambda {|css| replace_browser_specific css, 'box-shadow' },
     lambda {|css| css.gsub(/opacity: ([\w\.]+);/){ "filter:alpha(opacity=#{ ($1.to_f * 100).to_i }); opacity: #{ $1 };" } }
   ]
 
+  def self.substitution &block
+    @substitutions << block
+  end
+
   def initialize original_css
     @original_css = original_css
   end
 
   def to_css
-    Substitutions.inject(@original_css) do |css, substitution|
+    CSS3Now.substitutions.inject(@original_css) do |css, substitution|
       css = substitution.call css
     end
   end
 
+  def self.replace_browser_specific css, attribute, browsers = nil
+    css.gsub /#{ attribute }:([^;]+);/, browser_specific(attribute, '\1', browsers) 
+  end
+
 private
 
   def self.browser_specific attribute, value, browsers = nil
     browsers = [ :moz, :webkit, :khtml ] if browsers.nil?
     browsers.inject("") do |all, browser|
-      all << "-#{ browser }-#{ attribute }: #{ value }; "
+      all << "-#{ browser }-#{ attribute }:#{ value }; "
       all
-    end + "#{ attribute }: #{ value };"
-  end
-
-  def self.replace_browser_specific css, attribute, browsers = nil
-    css.gsub /#{ attribute }: ([-\.#\w ]+);/, browser_specific(attribute, '\1', browsers) 
+    end + "#{ attribute }:#{ value };"
   end
 
 end

data/spec/css3-now_spec.rb

@@ -20,6 +20,12 @@ describe CSS3Now do
                   "-khtml-border-radius: 5em 10px -3.4em #fff; border-radius: 5em 10px -3.4em #fff;\n }"
   end
 
+  it 'should grab anything before the semicolon as a value' do
+    css = CSS3Now.new("#header {\n  border-radius:( !imporant *Awesomeness* !@\#$% #123 );\n }").to_css
+    css.should == "#header {\n  -moz-border-radius:( !imporant *Awesomeness* !@\#$% #123 ); -webkit-border-radius:( !imporant *Awesomeness* !@\#$% #123 ); " + 
+                  "-khtml-border-radius:( !imporant *Awesomeness* !@\#$% #123 ); border-radius:( !imporant *Awesomeness* !@\#$% #123 );\n }"
+  end
+
   it 'should work with multiple instances of an attibute' do
     CSS3Now.new("#x {\n  opacity: 0.5;\n } #y {\n  opacity: 0.4;\n }").to_css.should == 
       "#x {\n  filter:alpha(opacity=50); opacity: 0.5;\n }" + 
@@ -42,4 +48,26 @@ describe CSS3Now do
     CSS3Now.new("#x {\n  opacity: 0.5;\n }").to_css.should == "#x {\n  filter:alpha(opacity=50); opacity: 0.5;\n }"
   end
 
+  it 'should be able to add your own substitutions' do
+    CSS3Now.new("#x { color: white; }").to_css.should == "#x { color: white; }"
+
+    lambda {
+      CSS3Now.substitution do |css|
+        CSS3Now.replace_browser_specific css, :color, [ :moz ]
+      end
+    }.should change(CSS3Now.substitutions, :count)
+
+    CSS3Now.new("#x { color: white; }").to_css.should == "#x { -moz-color: white; color: white; }"
+  end
+
+  it 'should be able to add your own substitutions (2)' do
+    CSS3Now.new("#x { foo: white; }").to_css.should == "#x { foo: white; }"
+
+    CSS3Now.substitution do |css|
+      css.gsub 'white', 'black'
+    end
+
+    CSS3Now.new("#x { foo: white; }").to_css.should == "#x { foo: black; }"
+  end
+
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification 
 name: remi-css3-now
 version: !ruby/object:Gem::Version 
-  version: 0.1.1
+  version: 0.1.2
 platform: ruby
 authors: 
 - remi