[Blueprint] Make sizing and borders configurable in forms.
This commit is contained in:
parent
0a0a14aab5
commit
b84dd3031b
@ -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
|
Loading…
Reference in New Issue
Block a user