ducky/web
ducky/web/src/styles/_button.scss
Enable catch-all in our ValidationError component. We're doing this an ugly, hacky way. But it works, and right now, that's what counts. To match our params/fields/headers properties on the ValidationError component, we're going to add the notParams/notFields/notHeaders properties--they match any error _not_ targeting those params/fields/headers. Basically, "any error that wouldn't be caught by these filters". Which is an ugly, but workable, solution for a catch-all ValidationError--just tell it to catch anything but the params/fields/headers that are being handled by the other ValidationErrors. Our implementation of this in the RegisterPage component validates (ha!) that it's at least workable model, if not overly pretty. Also, I anticipate some human error bugs in the future, where one of the field-specific ValidationErrors gets updated and the catch-all ValidationError does not. But whatever. For now, this is Good Enough™.
| paddy@0 | 1 @import 'bourbon'; |
| paddy@0 | 2 @import 'base/base'; |
| paddy@0 | 3 |
| paddy@0 | 4 $primary-button-color: #3FA743; |
| paddy@0 | 5 $base-button-color: $blue; |
| paddy@0 | 6 |
| paddy@0 | 7 button, button[type='button'], .button { |
| paddy@0 | 8 position: relative; |
| paddy@0 | 9 display: inline-block; |
| paddy@0 | 10 background-color: $base-button-color; |
| paddy@0 | 11 |
| paddy@0 | 12 &.primary, &.primary.ladda-button { |
| paddy@0 | 13 background-color: $primary-button-color; |
| paddy@0 | 14 } |
| paddy@0 | 15 |
| paddy@0 | 16 &.ladda-button { |
| paddy@0 | 17 background-color: $base-button-color; |
| paddy@0 | 18 } |
| paddy@0 | 19 |
| paddy@0 | 20 &.primary:hover, &.primary:focus, &.primary.ladda-button:hover, &.primary.ladda-button:focus { |
| paddy@0 | 21 background-color: darken($primary-button-color, 15); |
| paddy@0 | 22 } |
| paddy@0 | 23 |
| paddy@0 | 24 &.ladda-button:hover, &.ladda-button:focus { |
| paddy@0 | 25 background-color: darken($base-button-color, 15); |
| paddy@0 | 26 } |
| paddy@0 | 27 } |
| paddy@0 | 28 |
| paddy@0 | 29 button:hover, .button:hover { |
| paddy@0 | 30 background-color: darken($base-button-color, 15); |
| paddy@0 | 31 } |