Permalink
Browse files

[Blueprint] Make sizing and borders configurable in forms.

  • Loading branch information...
tdreyno authored and chriseppstein committed Jun 17, 2009
1 parent 0a0a14a commit b84dd3031b82547cff8e1ef1f85de66d98cd162b
Showing with 28 additions and 32 deletions.
  1. +28 −32 frameworks/blueprint/stylesheets/blueprint/modules/_form.sass
@@ -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
&.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

0 comments on commit b84dd30

Please sign in to comment.