94 lines
2.2 KiB
Sass
94 lines
2.2 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
|
|
|
|
// Fixes for Blueprint "inline" forms in IE
|
|
=blueprint-inline-form-ie
|
|
div, p
|
|
:vertical-align middle
|
|
label
|
|
:position relative
|
|
:top -0.25em
|
|
input
|
|
&.checkbox, &.radio, &.button, button
|
|
:margin 0.5em 0
|
|
|
|
=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
|
|
img
|
|
:-ms-interpolation-mode bicubic
|
|
fieldset
|
|
:padding-top 0
|
|
input
|
|
&.text
|
|
:margin 0.5em 0
|
|
:background-color #fff
|
|
:border 1px solid #bbb
|
|
&:focus
|
|
:border 1px solid #666
|
|
&.title
|
|
:margin 0.5em 0
|
|
:background-color #fff
|
|
:border 1px solid #bbb
|
|
&:focus
|
|
:border 1px solid #666
|
|
&.checkbox
|
|
:position relative
|
|
:top 0.25em
|
|
&.radio
|
|
:position relative
|
|
:top 0.25em
|
|
&.button
|
|
:position relative
|
|
:top 0.25em
|
|
textarea
|
|
:margin 0.5em 0
|
|
select
|
|
:margin 0.5em 0
|
|
button
|
|
:position relative
|
|
:top 0.25em
|