[Blueprint] Make sizing and borders configurable in forms.

This commit is contained in:
tdreyno 2009-06-16 23:14:34 -07:00 committed by Chris Eppstein
parent 0a0a14aab5
commit b84dd3031b

View File

@ -7,53 +7,49 @@
:margin-bottom 0 :margin-bottom 0
=blueprint-form =blueprint-form
+blueprint-form-layout
+blueprint-form-borders
+blueprint-form-sizes
=blueprint-form-layout
label label
:font-weight bold :font-weight bold
fieldset fieldset
:padding 1.4em :padding 1.4em
:margin 0 0 1.5em 0 :margin 0 0 1.5em 0
:border 1px solid #ccc
legend legend
:font-weight bold :font-weight bold
:font-size 1.2em :font-size 1.2em
input input
&.text &.text, &.title, &[type=text]
:margin 0.5em 0 :margin 0.5em 0
:background-color #fff :background-color #fff
:border 1px solid #bbb
:width 300px
:padding 5px :padding 5px
&:focus
:border 1px solid #666
&.title &.title
:font-size 1.5em :font-size 1.5em
input[type=text] &[type=checkbox], &.checkbox,
:margin 0.5em 0 &[type=radio], &.radio
:background-color #fff :position relative
:border 1px solid #bbb :top 0.25em
&: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 textarea
:margin 0.5em 0 :margin 0.5em 0
:border 1px solid #bbb :padding 5px
&:focus
:border 1px solid #666
select select
:margin 0.5em 0 :margin 0.5em 0
:border 1px solid #bbb
&:focus =blueprint-form-sizes(!input_width = 300px, !textarea_width = 390px, !textarea_height = 250px)
:border 1px solid #666 input.text, input.title
:width= !input_width
textarea textarea
:width 390px :width= !textarea_width
:height 250px :height= !textarea_height
:padding 5px
=blueprint-form-borders(!unfocused_border_color = #bbb, !focus_border_color = #666, !fieldset_border_color = #ccc)
fieldset
:border= 1px "solid" !fieldset_border_color
input.text, input.title,
textarea,
select
:border= 1px "solid" !unfocused_border_color
&:focus
:border= 1px "solid" !focus_border_color