Class | Builder::CSS |
In: |
lib/active_support/vendor/builder-2.1.2/builder/css.rb
|
Parent: | BlankSlate |
Create a Cascading Style Sheet (CSS) using Ruby.
Example usage:
css = Builder::CSS.new text_color = '#7F7F7F' preferred_fonts = 'Helvetica, Arial, sans_serif' css.comment! 'This is our stylesheet' css.body { background_color '#FAFAFA' font_size 'small' font_family preferred_fonts color text_color } css.id!('navbar') { width '500px' } css.class!('navitem') { color 'red' } css.a :hover { text_decoration 'underline' } css.div(:id => 'menu') { background 'green' } css.div(:class => 'foo') { background 'red' }
This will yield the following stylesheet:
/* This is our stylesheet */ body { background_color: #FAFAFA; font_size: small; font_family: Helvetica, Arial, sans_serif; color: #7F7F7F; } #navbar { width: 500px; } .navitem { color: red; } a:hover { text_decoration: underline; } div#menu { background: green; } div.foo { background: red; }