[Blueprint] Upgrade to 0.9: Styles and mixins for inline forms, inclu…

…ding fixes for IE6.
Compass · Jun 20, 2009 · 56c745b · 56c745b
1 parent 4b33fae
commit 56c745b
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 0 deletions.
diff --git 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
@@ -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,20 +19,30 @@
   input
     &.text
       :margin 0.5em 0
+      :background-color #fff
       :border 1px solid #bbb
       :width 300px
       :padding 5px
       &:focus
         :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
     :width 300px
     :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