Slim template engine syntax for [if lt IE 9

Question

I use slim as view template engine http://slim-lang.com/

How would you write the following piece of code with slim?

thanks

<!--[if lt IE 9]>
        <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->

Looking briefly at their documentation, it seems that `/!` only allows to write a comment line but it doesn't support "conditional" comments like that. I would encourage you to write a patch for Slim that allows such comments. — Thiago Jackiw, Jul 24 '11 at 19:08
I [added documentation](http://rdoc.info/gems/slim/frames) to [slim-lang](http://slim-lang.com) to cover this topic. — stonean, Jul 24 '11 at 22:08

score 13 · Answer 1 · answered Mar 26 '13 at 03:21

13

It should use /!

/![if lt IE 9]><script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]

answered Mar 26 '13 at 03:21

idrinkpabst

score 8 · Answer 2 · answered Mar 08 '14 at 14:53

Looking through the documentation github-slim-template/slim I found:

IE conditional comment /[...]

/[if IE]
  p Get a better browser.

renders as

<!--[if IE]><p>Get a better browser.</p><![endif]-->

In your case you could write:

/[if lt IE 9]
  script src="http://html5shim.googlecode.com/svn/trunk/html5.js"

score 6 · Answer 3 · answered Jul 24 '11 at 19:30

6

Looking at Slim's source code for Slim::Parser, it seems that you can do it this way, although I haven't tried.

/[if lt IE 9]
  <script src='http://html5shim.googlecode.com/svn/trunk/html5.js'></script>

answered Jul 24 '11 at 19:30

Thiago Jackiw

score 0 · Answer 4 · answered Dec 31 '13 at 16:38

I ran across this question searching for a method to do both downlevel-reveal and downlevel-hidden conditionals in Slim.

First make sure you are clear on the difference between these two types of conditionals. CSS-Tricks has a great post about downlevel-hidden and downlevel-reveal conditionals.

This code creates a downlevel-hidden conditional.

/[if lt IE 9]
  ...

But if you want a downlevel-reveal conditional you need to just write it as you would if you were not working in slim.

<!--[if lt IE 9]><!--> ... <!--<![endif]-->

I encountered this issue while trying to use HTML5 Boilerplate in Slim. This Gist shows my approach to the issue.

If slim has a syntax for writing downlevel-reveal conditionals I am not aware of it.

4 Answers4