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

IE Classes

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Rachel Ober Rachel Ober
October 24, 2014
Programming
0
51

IE Classes

Avatar for Rachel Ober

Rachel Ober

October 24, 2014
Tweet

More Decks by Rachel Ober

See All by Rachel Ober
So, You Want to Organize a Conference
Avatar for Rachel Ober rachelober
0
56
Front End Workshop 2015
Avatar for Rachel Ober rachelober
0
71
Front End Overview for Interns 2015
Avatar for Rachel Ober rachelober
1
49
Front End Overview (2014)
Avatar for Rachel Ober rachelober
0
56
Team Communication Through Code
Avatar for Rachel Ober rachelober
0
83
Responsive Emails
Avatar for Rachel Ober rachelober
0
45
What I Learned About SVG
Avatar for Rachel Ober rachelober
0
66
Paperless Post Sass
Avatar for Rachel Ober rachelober
1
93
SassConf Custom Framework/Style Guide Panel
Avatar for Rachel Ober rachelober
0
110

Other Decks in Programming

See All in Programming
クラウドに依存しないS3を使った開発術
Avatar for しめさば simesaba80
0
230
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
3.9k
公共交通オープンデータ × モバイルUX 複雑な運行情報を 『直感』に変換する技術
Avatar for Tsubasa SEKIGUCHI tinykitten
PRO
0
200
ThorVG Viewer In VS Code
Avatar for Nor-s nors
0
750
Fragmented Architectures
Avatar for Denys Poltorak denyspoltorak
0
130
The Art of Re-Architecture - Droidcon India 2025
Avatar for Sid Patil siddroid
0
170
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
590
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
370
Deno Tunnel を使ってみた話
Avatar for すずとも kamekyame
0
350
Graviton と Nitro と私
Avatar for maroon1st maroon1st
0
170
Findy AI+の開発、運用におけるMCP活用事例
Avatar for starfish719 starfish719
0
2.3k
AgentCoreとHuman in the Loop
Avatar for Har1101 har1101
5
200

Featured

See All Featured
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
270
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
1.1k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.3k
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
450
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
698
190k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
55
49k
HDC tutorial
Avatar for Michiel Stock michielstock
1
330
Building Adaptive Systems
Avatar for Chris Keathley keathley
44
2.9k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
45k
How to Build an AI Search Optimization Roadmap - Criteria and Steps to Take #SEOIRL
Avatar for Aleyda Solis aleyda
1
1.8k

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; } }