ducky/web
ducky/web/src/styles/hero.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 "neat"; |
| paddy@0 | 3 @import "base/base"; |
| paddy@0 | 4 |
| paddy@0 | 5 $hero-background: #40526b; |
| paddy@0 | 6 $hero-color: white; |
| paddy@0 | 7 |
| paddy@0 | 8 .hero { |
| paddy@0 | 9 background-color: $hero-background; |
| paddy@0 | 10 background-repeat: no-repeat; |
| paddy@0 | 11 background-position: top; |
| paddy@0 | 12 background-size: cover; |
| paddy@0 | 13 |
| paddy@0 | 14 img.hero-logo { |
| paddy@0 | 15 height: 80px; |
| paddy@0 | 16 margin-bottom: 1em; |
| paddy@0 | 17 } |
| paddy@0 | 18 .hero-inner { |
| paddy@0 | 19 @include outer-container; |
| paddy@0 | 20 @include clearfix; |
| paddy@0 | 21 padding: 3em 3em 0 3em; |
| paddy@0 | 22 margin: auto; |
| paddy@0 | 23 text-align: center; |
| paddy@0 | 24 color: $hero-color; |
| paddy@0 | 25 |
| paddy@0 | 26 .hero-copy { |
| paddy@0 | 27 text-align: center; |
| paddy@0 | 28 |
| paddy@0 | 29 h1 { |
| paddy@0 | 30 font-size: 2.5em; |
| paddy@0 | 31 margin-bottom: .2em; |
| paddy@0 | 32 } |
| paddy@0 | 33 |
| paddy@0 | 34 p { |
| paddy@0 | 35 margin: auto; |
| paddy@0 | 36 margin-bottom: 3em; |
| paddy@0 | 37 font-weight: 200; |
| paddy@0 | 38 font-size: 1.25em; |
| paddy@0 | 39 } |
| paddy@0 | 40 } |
| paddy@0 | 41 } |
| paddy@0 | 42 } |