diff --git a/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass b/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass index 82f35de8..1862c44a 100644 --- a/frameworks/blueprint/stylesheets/blueprint/modules/_form.sass +++ b/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 \ No newline at end of file