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