compass/frameworks/blueprint/stylesheets/blueprint/_ie.sass
2009-04-02 23:23:22 -07:00

52 lines
1.4 KiB
Sass

// The blueprint IE mixins should be mixed into a stylesheet that gets conditionally included
// into IE like so:
// <!--[if IE]><link rel="stylesheet" href="ie.css"
// type="text/css" media="screen, projection"><![endif]-->
// The +blueprint-ie mixin must be mixed into the top level of your stylesheet.
// However, you can customize the body selector if you wish to control the scope
// of this mixin. Examples:
// Apply to any page including the stylesheet:
// +blueprint-ie
// Scoped by a single presentational body class:
// +blueprint-ie("body.blueprint")
// Semantically:
// +blueprint-ie("body#page-1, body#page-2, body.a-special-page-type")
// Alternatively, you can use the +blueprint-ie-body and +blueprint-ie-defaults
// mixins to construct your own semantic style rules.
=blueprint-ie(!body_selector = "body")
#{!body_selector}
+blueprint-ie-body
@if !body_selector != "body"
+blueprint-ie-defaults
@if !body_selector == "body"
+blueprint-ie-defaults
=blueprint-ie-body
:text-align center
+blueprint-ie-hacks
=blueprint-ie-hacks
* html &
legend
:margin 0px -8px 16px 0
:padding 0
html>&
p code
:*white-space normal
=blueprint-ie-defaults
.container
:text-align left
ol
:margin-left 2em
sup
:vertical-align text-top
sub
:vertical-align text-bottom
hr
:margin -8px auto 11px
fieldset
:padding-top 0