blob: 1157fa5ea6d8240c2c5b87dba92c9b7e9bf46c61 [file] [log] [blame]
Michael Daviscb8bb192017-02-09 15:45:13 -06001label, 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;
Michael Davis51946552017-05-01 10:30:38 -050022 border: 1px solid $medgrey;
Michael Daviscb8bb192017-02-09 15:45:13 -060023 height: 3.1em;
Michael Daviscb8bb192017-02-09 15:45:13 -060024 margin: 0 0 1em 0;
Michael Davise15a9562017-03-03 14:30:24 -060025 background: $white;
26 box-shadow: 0 0 0;
27 transition: none !important;
Michael Daviscb8bb192017-02-09 15:45:13 -060028 &:focus {
29 border-color: $lightbg__accent;
Michael Davis51946552017-05-01 10:30:38 -050030 box-shadow: 0 -5px $field__focus inset;
Michael Daviscb8bb192017-02-09 15:45:13 -060031 }
Michael Davis51946552017-05-01 10:30:38 -050032 &:disabled,
33 .disabled {
Michael Daviscb8bb192017-02-09 15:45:13 -060034 background: $field__disabled;
35 border: 1px solid $lightbg__grey;
36 }
37 &.input__error {
Michael Davis51946552017-05-01 10:30:38 -050038 box-shadow: 0 -5px $error-color inset;
39 color: $error-color;
40 &:focus {
41 box-shadow: 0 -5px $field__focus inset;
42 }
Michael Daviscb8bb192017-02-09 15:45:13 -060043 }
44}
45
Michael Davis51946552017-05-01 10:30:38 -050046input[readonly],
47input[readonly]:focus{
48 box-shadow: 0 0 0;
49 background: $field__disabled;
50 border: 1px solid $lightbg__grey;
51}
52
Michael Daviscb8bb192017-02-09 15:45:13 -060053textarea { padding: .2em;
54 height: auto;}
Iftekharul Islamf157d372017-03-08 11:11:27 -060055input[type="submit"], .submit {
Michael Daviscb8bb192017-02-09 15:45:13 -060056 margin: 1em 0;
57 width: 100%;
58}
59
60//Custom select
61select{
62 border-radius: 0px;
63 height:auto;
64 @include fastTransition-all;
65 @include bgImage__arrowDown-primary;
66 &:focus {
67 border-color: $lightbg__accent;
68 @include bgImage__arrowDown-accent;
69 box-shadow: 0 0 0;
70 }
71}