2010-01-28 08:07:44 +00:00
|
|
|
---
|
2010-03-16 23:43:36 +00:00
|
|
|
title: Blueprint IE Compatibility
|
|
|
|
|
crumb: Internet Explorer
|
2010-01-28 08:07:44 +00:00
|
|
|
framework: blueprint
|
|
|
|
|
stylesheet: blueprint/_ie.sass
|
|
|
|
|
classnames:
|
|
|
|
|
- reference
|
|
|
|
|
---
|
|
|
|
|
- render 'reference' do
|
2010-03-16 23:43:36 +00:00
|
|
|
:markdown
|
|
|
|
|
This module should be imported into a stylesheet that will
|
|
|
|
|
only be served to legacy versions of Internet Explorer. If
|
|
|
|
|
you've used the blueprint project generator, this will be
|
|
|
|
|
done for you. In a standard blueprint project you'll need
|
|
|
|
|
the following:
|
|
|
|
|
|
|
|
|
|
<pre class="source-code sass">
|
|
|
|
|
@import blueprint/ie
|
|
|
|
|
+blueprint-ie
|
|
|
|
|
</pre>
|
|
|
|
|
|
|
|
|
|
Or if you prefer to use blueprint on only some pages you can
|
|
|
|
|
nest these styles. E.g.
|
|
|
|
|
|
|
|
|
|
<pre class="source-code sass">
|
|
|
|
|
@import blueprint/ie
|
|
|
|
|
body.blueprint
|
|
|
|
|
+blueprint-ie(true)
|
|
|
|
|
</pre>
|
|
|
|
|
|
|
|
|
|
The stylesheet should then be linked like so:
|
|
|
|
|
|
|
|
|
|
<pre class="source-code html">
|
|
|
|
|
<!--[if lt IE 8]><link rel="stylesheet" href="/stylesheets/ie.css"
|
|
|
|
|
type="text/css" media="screen, projection"><![endif]-->
|
|
|
|
|
</pre>
|
