IE Classes

= render_nested 'layouts/shared/ie_classes_include' do [… block of your code …]

- @html_options = { :lang => "en", "xmlns:fb" => "http://www.facebook.com/2008/fbml",
"xmlns:og" => "http://opengraphprotocol.org/schema/", :class => ("no-background" if params[:minimal_layout]) } /[if lt IE 7] %html.lt-ie10.lt-ie9.lt-ie8.lt-ie7{ @html_options } /[if IE 7] %html.lt-ie10.lt-ie9.lt-ie8{ @html_options } /[if IE 8] %html.lt-ie10.lt-ie9{ @html_options } /[if IE 9] %html.lt-ie10{ @html_options } :plain  %html{ @html_options } = block

.segment-postbox, .segment-coins { width: 100px; } .lt-ie10 { .segment-postbox, .segment-coins
{ width: 72px; } .segment-address-book { width: 120px; } }

Sass 3.3 .segment-postbox, .segment-coins { width: 100px; .lt-ie10 & {
width: 72px; } }

IE Classes

IE Classes

Rachel Ober

More Decks by Rachel Ober

Other Decks in Programming

Featured

Transcript

IE Classes

= render_nested 'layouts/shared/ie_classes_include' do [… block of your code …]

- @html_options = { :lang => "en", "xmlns:fb" => "http://www.facebook.com/2008/fbml",

<!--[if lt IE 7]> <html class='lt-ie10 lt-ie9 lt-ie8 lt-ie7' lang='en'

.segment-postbox, .segment-coins { width: 100px; } .lt-ie10 { .segment-postbox, .segment-coins

Sass 3.3 .segment-postbox, .segment-coins { width: 100px; .lt-ie10 & {