diff --git a/frameworks/blueprint/stylesheets/blueprint/_ie.sass b/frameworks/blueprint/stylesheets/blueprint/_ie.sass index 4df53b51..738593a5 100644 --- a/frameworks/blueprint/stylesheets/blueprint/_ie.sass +++ b/frameworks/blueprint/stylesheets/blueprint/_ie.sass @@ -36,6 +36,17 @@ 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 @@ -49,3 +60,32 @@ :margin -8px auto 11px 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 diff --git a/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass b/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass index 25043127..82f35de8 100644 --- a/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +++ b/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass @@ -1,5 +1,11 @@ @import colors.sass +// Mixin for producing Blueprint "inline" forms. Should be used with the blueprint-form mixin. +=blueprint-inline-form + :line-height 3 + p + :margin-bottom 0 + =blueprint-form label :font-weight bold @@ -13,6 +19,7 @@ input &.text :margin 0.5em 0 + :background-color #fff :border 1px solid #bbb :width 300px :padding 5px @@ -20,6 +27,12 @@ :border 1px solid #666 &.title :font-size 1.5em + input[type=text] + :margin 0.5em 0 + :background-color #fff + :border 1px solid #bbb + &:focus + :border 1px solid #666 input.title :margin 0.5em 0 :border 1px solid #bbb @@ -27,6 +40,9 @@ :padding 5px &:focus :border 1px solid #666 + input[type=checkbox], input[type=radio], input.checkbox, input.radio + :position relative + :top 0.25em textarea :margin 0.5em 0 :border 1px solid #bbb