ducky/web
ducky/web/src/styles/base/_variables.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 // Typography |
| paddy@0 | 2 $base-font-family: $helvetica; |
| paddy@0 | 3 $heading-font-family: $base-font-family; |
| paddy@0 | 4 |
| paddy@0 | 5 // Font Sizes |
| paddy@0 | 6 $base-font-size: 1em; |
| paddy@0 | 7 |
| paddy@0 | 8 // Line height |
| paddy@0 | 9 $base-line-height: 1.5; |
| paddy@0 | 10 $heading-line-height: 1.2; |
| paddy@0 | 11 |
| paddy@0 | 12 // Other Sizes |
| paddy@0 | 13 $base-border-radius: 3px; |
| paddy@0 | 14 $base-spacing: $base-line-height * 1em; |
| paddy@0 | 15 $small-spacing: $base-spacing / 2; |
| paddy@0 | 16 $base-z-index: 0; |
| paddy@0 | 17 |
| paddy@0 | 18 // Colors |
| paddy@0 | 19 $blue: #477dca; |
| paddy@0 | 20 $dark-gray: #333; |
| paddy@0 | 21 $medium-gray: #999; |
| paddy@0 | 22 $light-gray: #ddd; |
| paddy@0 | 23 |
| paddy@0 | 24 // Font Colors |
| paddy@0 | 25 $base-background-color: #fff; |
| paddy@0 | 26 $base-font-color: $dark-gray; |
| paddy@0 | 27 $action-color: $blue; |
| paddy@0 | 28 |
| paddy@0 | 29 // Border |
| paddy@0 | 30 $base-border-color: $light-gray; |
| paddy@0 | 31 $base-border: 1px solid $base-border-color; |
| paddy@0 | 32 |
| paddy@0 | 33 // Forms |
| paddy@0 | 34 $form-box-shadow: inset 0 1px 3px rgba(#000, 0.06); |
| paddy@0 | 35 $form-box-shadow-focus: $form-box-shadow, 0 0 5px adjust-color($action-color, $lightness: -5%, $alpha: -0.3); |