[Blueprint] Make sizing and borders configurable in forms.

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  
       :font-size 1.5em
-  input[type=text]
+    &[type=checkbox], &.checkbox,
-    :margin 0.5em 0
+    &[type=radio], &.radio
-    :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
+    :padding 5px
-    &:focus
-      :border 1px solid #666
   select
     :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
-    :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