| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 1 | label, 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 | |
| 13 | input[type='email'], |
| 14 | input[type='number'], |
| 15 | input[type='password'], |
| 16 | input[type='search'], |
| 17 | input[type='tel'], |
| 18 | input[type='url'], |
| 19 | input[type='text'], |
| 20 | textarea { |
| 21 | border-radius: 0px; |
| Michael Davis | 4ac71d4 | 2017-06-19 14:47:50 -0500 | [diff] [blame] | 22 | border: 1px solid $input-border; |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 23 | height: 3.1em; |
| beccabroek | a09cc2d | 2019-01-23 14:26:55 -0600 | [diff] [blame] | 24 | margin: 0; |
| Michael Davis | e15a956 | 2017-03-03 14:30:24 -0600 | [diff] [blame] | 25 | background: $white; |
| 26 | box-shadow: 0 0 0; |
| 27 | transition: none !important; |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 28 | &:focus { |
| Michael Davis | 19ac8f8 | 2017-05-08 11:20:12 -0500 | [diff] [blame] | 29 | border-color: $medgrey; |
| beccabroek | a09cc2d | 2019-01-23 14:26:55 -0600 | [diff] [blame] | 30 | box-shadow: 0 -3px $field__focus inset; |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 31 | } |
| Michael Davis | 5194655 | 2017-05-01 10:30:38 -0500 | [diff] [blame] | 32 | &:disabled, |
| 33 | .disabled { |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 34 | background: $field__disabled; |
| 35 | border: 1px solid $lightbg__grey; |
| 36 | } |
| 37 | &.input__error { |
| Michael Davis | 5194655 | 2017-05-01 10:30:38 -0500 | [diff] [blame] | 38 | box-shadow: 0 -5px $error-color inset; |
| 39 | color: $error-color; |
| 40 | &:focus { |
| 41 | box-shadow: 0 -5px $field__focus inset; |
| 42 | } |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 43 | } |
| 44 | } |
| 45 | |
| beccabroek | a09cc2d | 2019-01-23 14:26:55 -0600 | [diff] [blame] | 46 | //input validation |
| 47 | .ng-invalid.ng-touched { |
| 48 | box-shadow: 0 -3px $error-color inset; |
| 49 | &:focus { |
| 50 | border-color: $medgrey; |
| 51 | box-shadow: 0 -3px $error-color inset; |
| 52 | } |
| 53 | } |
| 54 | .submitted .ng-invalid { |
| 55 | box-shadow: 0 -3px $error-color inset; |
| 56 | &:focus { |
| 57 | border-color: $medgrey; |
| 58 | box-shadow: 0 -3px $error-color inset; |
| 59 | } |
| 60 | } |
| 61 | |
| 62 | .form-error { |
| 63 | margin-bottom: .7em; |
| 64 | font-size: 0.8rem; |
| 65 | color: #c60f13; |
| 66 | height:1rem; |
| 67 | display: block; |
| 68 | visibility: hidden; |
| 69 | .visible { |
| 70 | visibility: visible; |
| 71 | } |
| 72 | } |
| Michael Davis | 4ac71d4 | 2017-06-19 14:47:50 -0500 | [diff] [blame] | 73 | //Foundation overwrite |
| 74 | [type=color], [type=date], [type=datetime-local], [type=datetime], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=time], [type=url], [type=week], textarea { |
| 75 | border-color: $input-border; |
| 76 | } |
| 77 | |
| Michael Davis | 5194655 | 2017-05-01 10:30:38 -0500 | [diff] [blame] | 78 | input[readonly], |
| 79 | input[readonly]:focus{ |
| 80 | box-shadow: 0 0 0; |
| 81 | background: $field__disabled; |
| 82 | border: 1px solid $lightbg__grey; |
| 83 | } |
| 84 | |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 85 | textarea { padding: .2em; |
| 86 | height: auto;} |
| Iftekharul Islam | f157d37 | 2017-03-08 11:11:27 -0600 | [diff] [blame] | 87 | input[type="submit"], .submit { |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 88 | margin: 1em 0; |
| 89 | width: 100%; |
| 90 | } |
| 91 | |
| 92 | //Custom select |
| 93 | select{ |
| 94 | border-radius: 0px; |
| Yoshie Muranaka | de38208 | 2019-04-30 13:56:10 -0500 | [diff] [blame^] | 95 | height: auto; |
| 96 | padding-right: 0.5rem; //override inherited Foundation style |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 97 | @include fastTransition-all; |
| 98 | @include bgImage__arrowDown-primary; |
| 99 | &:focus { |
| 100 | border-color: $lightbg__accent; |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 101 | box-shadow: 0 0 0; |
| 102 | } |
| Yoshie Muranaka | de38208 | 2019-04-30 13:56:10 -0500 | [diff] [blame^] | 103 | &[disabled] { |
| 104 | @include bgImage__arrowDown-disabled; |
| 105 | } |
| Michael Davis | cb8bb19 | 2017-02-09 15:45:13 -0600 | [diff] [blame] | 106 | } |