[Blueprint] Upgrade to 0.9: Styles and mixins for inline forms, including fixes for IE6.

This commit is contained in:
Enrico Bianco 2009-06-16 18:51:39 -04:00 committed by Chris Eppstein
parent 4b33fae5e5
commit 56c745b939
2 changed files with 56 additions and 0 deletions

View File

@ -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

View File

@ -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