css3-now 0.1.2

data/README.rdoc

@@ -0,0 +1,44 @@
+= CSS3Now
+
+I'm sick and tired of writing CSS like this ...
+
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+
+  opacity: 0.7;
+  filter:alpha(opacity=70);
+
+It's gross.
+
+So ... I'm making a little gem for post-procssing CSS so I can write my CSS like:
+
+  border-radius: 5px;
+
+And I'll end up with:
+
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  -khtml-border-radius: 5px;
+  border-radius: 5px;
+
+I'll keep track of which browsers support what.
+
+This is basically just a glorified global substitution!
+
+== Installation
+
+  sudo gem install remi-css3-now --source http://gems.github.com
+
+== Usage
+
+  require 'css3-now'
+
+  CSS3Now.new("original CSS").to_css
+
+  # Reading from a file
+  CSS3Now.new( File.read('my/stylesheet.css') ).to_css
+
+  # Sinatra example
+  CSS3Now.new( sass(:stylesheet) ).to_css

data/Rakefile

@@ -0,0 +1,68 @@
+require 'rake'
+require 'rubygems'
+require 'rake/rdoctask'
+require 'spec/rake/spectask'
+
+puts "\nGem: css3-now\n\n"
+
+begin
+  require 'jeweler'
+  Jeweler::Tasks.new do |s|
+    s.name        = 'css3-now'
+    s.summary     = ''
+    s.email       = 'remi@remitaylor.com'
+    s.homepage    = 'http://github.com/remi/css3-now'
+    s.description = ''
+    s.authors     = %w( remi )
+    s.files       = FileList['[A-Z]*', '{lib,spec,bin,examples}/**/*'] 
+    # s.add_dependency 'person-gemname'
+    # s.executables << 'script'
+    # s.rubyforge_project = 'gemname'
+    # s.extra_rdoc_files = %w( README.rdoc )
+  end
+rescue LoadError
+  puts "Jeweler not available. Install it with: sudo gem install technicalpickles-jeweler -s http://gems.github.com"
+end
+
+Spec::Rake::SpecTask.new do |t|
+  t.spec_files = FileList['spec/**/*_spec.rb']
+end
+
+desc "Run all examples with RCov"
+Spec::Rake::SpecTask.new('rcov') do |t|
+  t.spec_files = FileList['spec/**/*_spec.rb']
+  t.rcov = true
+end
+
+# require 'hanna'
+# require 'darkfish-rdoc'
+
+Rake::RDocTask.new do |rdoc|
+  rdoc.rdoc_dir = 'rdoc'
+  rdoc.title    = 'css3-now'
+  rdoc.options << '--line-numbers' << '--inline-source'
+  # rdoc.options += ["--template=#{`allison --path`}"]  # sudo gem install allison
+  # rdoc.options += %w( -f darkfish )                   # sudo gem install darkfish-rdoc
+  # rdoc.options += %w( -T hanna )                      # sudo gem install mislav-hanna
+  rdoc.options += %w( -m README.rdoc ) # the initial page displayed
+  rdoc.rdoc_files.include('README.rdoc')
+  rdoc.rdoc_files.include('lib/**/*.rb')
+end
+
+desc 'Confirm that gemspec is $SAFE'
+task :safe do
+  require 'yaml'
+  require 'rubygems/specification'
+  data = File.read('css3-now.gemspec')
+  spec = nil
+  if data !~ %r{!ruby/object:Gem::Specification}
+    Thread.new { spec = eval("$SAFE = 3\n#{data}") }.join
+  else
+    spec = YAML.load(data)
+  end
+  spec.validate
+  puts spec
+  puts "OK"
+end
+
+task :default => :spec

data/VERSION

@@ -0,0 +1 @@
+0.1.2

data/lib/css3-now.rb

@@ -0,0 +1,42 @@
+# ...
+class CSS3Now
+
+  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
+    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
+    end + "#{ attribute }:#{ value };"
+  end
+
+end

data/spec/css3-now_spec.rb

@@ -0,0 +1,73 @@
+require File.dirname(__FILE__) + '/spec_helper'
+
+describe CSS3Now do
+
+  it 'should replace border-radius' do
+    css = CSS3Now.new("#header {\n  border-radius: 5em;\n }").to_css
+    css.should == "#header {\n  -moz-border-radius: 5em; -webkit-border-radius: 5em; " + 
+                  "-khtml-border-radius: 5em; border-radius: 5em;\n }"
+  end
+
+  it 'should work with spaces in value' do
+    css = CSS3Now.new("#header {\n  border-radius: 5em 10px -3.4em;\n }").to_css
+    css.should == "#header {\n  -moz-border-radius: 5em 10px -3.4em; -webkit-border-radius: 5em 10px -3.4em; " + 
+                  "-khtml-border-radius: 5em 10px -3.4em; border-radius: 5em 10px -3.4em;\n }"
+  end
+
+  it 'should work with additional characters: -, ., #' do
+    css = CSS3Now.new("#header {\n  border-radius: 5em 10px -3.4em #fff;\n }").to_css
+    css.should == "#header {\n  -moz-border-radius: 5em 10px -3.4em #fff; -webkit-border-radius: 5em 10px -3.4em #fff; " + 
+                  "-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 }" + 
+      " #y {\n  filter:alpha(opacity=40); opacity: 0.4;\n }"
+
+    css = CSS3Now.new("#header1 {\n border-radius: 1px;\n } " +
+                      "#header2 {\n border-radius: 5em;\n }" ).to_css
+    css.should == 
+      "#header1 {\n -moz-border-radius: 1px; -webkit-border-radius: 1px; -khtml-border-radius: 1px; border-radius: 1px;\n } " + 
+      "#header2 {\n -moz-border-radius: 5em; -webkit-border-radius: 5em; -khtml-border-radius: 5em; border-radius: 5em;\n }"
+  end
+
+  it 'should replace box-shadow' do
+    css = CSS3Now.new("#header {\n  box-shadow: 5em;\n }").to_css
+    css.should == "#header {\n  -moz-box-shadow: 5em; -webkit-box-shadow: 5em; " + 
+                  "-khtml-box-shadow: 5em; box-shadow: 5em;\n }"
+  end
+
+  it 'should replace opacity' 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

data/spec/spec.opts

@@ -0,0 +1,4 @@
+--colour
+--format specdoc
+--loadby mtime
+--reverse

data/spec/spec_helper.rb

@@ -0,0 +1,3 @@
+require 'rubygems'
+require 'spec'
+require File.dirname(__FILE__) + '/../lib/css3-now'

metadata

@@ -0,0 +1,69 @@
+--- !ruby/object:Gem::Specification 
+name: css3-now
+version: !ruby/object:Gem::Version 
+  prerelease: false
+  segments: 
+  - 0
+  - 1
+  - 2
+  version: 0.1.2
+platform: ruby
+authors: 
+- remi
+autorequire: 
+bindir: bin
+cert_chain: []
+
+date: 2009-08-14 00:00:00 -07:00
+default_executable: 
+dependencies: []
+
+description: ""
+email: remi@remitaylor.com
+executables: []
+
+extensions: []
+
+extra_rdoc_files: 
+- README.rdoc
+files: 
+- README.rdoc
+- Rakefile
+- VERSION
+- lib/css3-now.rb
+- spec/css3-now_spec.rb
+- spec/spec.opts
+- spec/spec_helper.rb
+has_rdoc: true
+homepage: http://github.com/remi/css3-now
+licenses: []
+
+post_install_message: 
+rdoc_options: 
+- --charset=UTF-8
+require_paths: 
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+required_rubygems_version: !ruby/object:Gem::Requirement 
+  requirements: 
+  - - ">="
+    - !ruby/object:Gem::Version 
+      segments: 
+      - 0
+      version: "0"
+requirements: []
+
+rubyforge_project: 
+rubygems_version: 1.3.6
+signing_key: 
+specification_version: 3
+summary: ""
+test_files: 
+- spec/css3-now_spec.rb
+- spec/spec_helper.rb