Upgrade to Pro — share decks privately, control downloads, hide ads and more …

IE Classes

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Rachel Ober Rachel Ober
October 24, 2014
Programming
85
0

IE Classes

Avatar for Rachel Ober

Rachel Ober

October 24, 2014

More Decks by Rachel Ober

See All by Rachel Ober
So, You Want to Organize a Conference
Avatar for Rachel Ober rachelober
0
68
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
88
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
63
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
85
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
90
Responsive Emails
Avatar for Rachel Ober rachelober
0
58
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
82
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
110
SassConf Custom Framework/Style Guide Panel
Avatar for Rachel Ober rachelober
0
130

Other Decks in Programming

See All in Programming
なぜ関数型プログラミングで「型」と「証明」が語られるのか #fp_matsuri
Avatar for Takuma Kajikawa kajitack
3
940
言語を使う側から、作る側へ。 自作 Lisp で得た新たな気づき。
Avatar for ANDPAD inc andpad
0
120
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
250
PHP初心者セッション2026　〜生成AIでは見えない裏側を知る：今だからLAMPを通して仕組みを学ぶ〜
Avatar for Hideo Kashioka kashioka
0
460
【やさしく解説 設計編 #0】DDDのコード、読めるのに分からない人へ
Avatar for HideyukiKitao panda728
PRO
2
270
20260623_Loop Engineeringで自分の分身の問い合わせBotを作る
Avatar for ryugen04 ryugen04
0
220
なぜ型を書くのか？ TSKaigi2026で改めて考える #tskaigi_smarthr
Avatar for Takuma Kajikawa kajitack
0
370
Snowflake Summitでの新機能 CoCo / CoWork / snowflake-summit-2026-overall-what-new-coco
Avatar for Tatsuhiro tatsuhiro
1
230
初めてのKubernetes 本番運用でハマった話
Avatar for Kobujee_53 oku053
0
130
自作OSでスライド発表する
Avatar for uyuki uyuki234
1
3.8k
AWS CDK を「作」ってみた 〜フルスクラッチで見えた CDK の裏側〜 / aws-cdk-from-scratch
Avatar for k.goto gotok365
3
410
Claude Opus 4.6以後の受託開発エンジニアの変化(Claude Code開発ノウハウ大公開スペシャルbyクラスメソッド)
Avatar for t-iida iidatakuma
1
770

Featured

See All Featured
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
240
So, you think you're a good person
Avatar for Per Axbom axbom
PRO
2
2.1k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.1k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
410
Stewardship and Sustainability of Urban and Community Forests
Avatar for Eric Wiseman pwiseman
0
340
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
390
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
220
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
150k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
170
Scaling GitHub
Avatar for Zach Holman holman
464
140k
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
350

Transcript

  1. IE Classes

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

  3. - @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 <!--[if gt IE 9] --> %html{ @html_options } = block

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

    xmlns:fb=‘[…]’></html> <![endif]—> <!--[if IE 7]> <html class='lt-ie10 lt-ie9 lt-ie8' lang='en' xmlns:fb=‘[…]’></html> <![endif]—> <!--[if IE 8]> <html class='lt-ie10 lt-ie9' lang='en' xmlns:fb=‘[…]’></html> <![endif]—> <!--[if IE 9]> <html class='lt-ie10' lang='en' xmlns:fb=‘[…]’></html> <![endif]—> <!--[if gt IE 9] -->

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

    { width: 72px; } .segment-address-book { width: 120px; } }
  6. None

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

    width: 72px; } }