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