src/scss/facades/_forms.scss in facades-1.0.0 vs src/scss/facades/_forms.scss in facades-1.0.1

- old
+ new

@@ -1,8 +1,13 @@ @import 'facades/config'; @import 'facades/mixins'; +$input-padding:rhythm(.15) .25em !default; +$input-focus-padding:false !default; +$input-disabled-padding:false !default; +$input-error-padding:false !default; + /* General form styles. By default this creates a 'stacked' forms where the label placement is above each field. Styles are setup for the use of ordered lists in laying out elements for @@ -94,17 +99,20 @@ } border-style:solid; border-width:1px; border-color:$input-border-color; outline:none; - @if $enable-transitions == true{ + @if $enable-input-transitions == true{ @include transition-property(all); @include transition-duration($transition-duration); } &:focus{ border-color:$input-focus-border-color; + @if $input-focus-padding != false{ + padding:$input-focus-padding; + } @if $input-box-shadow != false and $input-box-shadow != none{ @include box-shadow($input-focus-box-shadow); } } @@ -119,13 +127,17 @@ } #{input-types(text)}, textarea{ @include optional-border-radius($input-border-radius); margin:border-rhythm(1px, .35) 0; - padding:rhythm(.15) .25em; + @if $input-padding != false{ + padding:$input-padding; + } line-height:normal !important; - height:1.7em; + @if $input-height != false{ + height:$input-height; + } } input[type=file]{ height:2.2em; vertical-align:middle; @@ -183,10 +195,13 @@ color: $input-disabled-color; background-color:#eee; @if $input-box-shadow != false and $input-box-shadow != none{ @include box-shadow(none); } + @if $input-disabled-padding != false{ + padding:$input-disabled-padding; + } } input, textarea{ @@ -213,9 +228,10 @@ &{ @if $input-box-shadow != false and $input-box-shadow != none{ @include box-shadow(rgba($input-error-color, .15) 3px 3px 6px 0 inset); } border-color: $input-error-border-color; + @if $input-error-padding != false{ padding:$input-error-padding; } color: $input-error-color; } & + .hint{ display:none; \ No newline at end of file