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