1label, legend { 2 font-size:1em; 3 font-weight: 300; 4 margin: 0; 5 &.disabled { 6 color: $lightbg__grey; 7 } 8 .error { 9 font-size: .9em; 10 } 11} 12 13input[type='email'], 14input[type='number'], 15input[type='password'], 16input[type='search'], 17input[type='tel'], 18input[type='url'], 19input[type='text'], 20textarea { 21 border-radius: 0px; 22 border: 1px solid $lightgrey; 23 height: 3.1em; 24 margin: 0 0 1em 0; 25 background: $white; 26 box-shadow: 0 0 0; 27 transition: none !important; 28 &:focus { 29 border-color: $lightbg__accent; 30 border-bottom: 5px solid $lightbg__primary; 31 } 32 &:disabled, .disabled { 33 background: $field__disabled; 34 border: 1px solid $lightbg__grey; 35 } 36 &.input__error { 37 border-color: $error-color; 38 } 39} 40 41textarea { padding: .2em; 42 height: auto;} 43input[type="submit"], .submit { 44 margin: 1em 0; 45 width: 100%; 46} 47 48//Custom select 49select{ 50 border-radius: 0px; 51 height:auto; 52 @include fastTransition-all; 53 @include bgImage__arrowDown-primary; 54 &:focus { 55 border-color: $lightbg__accent; 56 @include bgImage__arrowDown-accent; 57 box-shadow: 0 0 0; 58 } 59} 60