ducky/web

Paddy 2015-05-31 Parent:99a43a6d1d30

6:a641906b8267 Go to Latest

ducky/web/src/styles/base/_typography.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â„¢.

History
1 body {
2 @include font-feature-settings("kern", "liga", "pnum");
3 -webkit-font-smoothing: antialiased;
4 color: $base-font-color;
5 font-family: $base-font-family;
6 font-size: $base-font-size;
7 line-height: $base-line-height;
8 }
10 h1,
11 h2,
12 h3,
13 h4,
14 h5,
15 h6 {
16 font-family: $heading-font-family;
17 font-size: $base-font-size;
18 line-height: $heading-line-height;
19 margin: 0 0 $small-spacing;
20 }
22 p {
23 margin: 0 0 $small-spacing;
24 }
26 a {
27 color: $action-color;
28 text-decoration: none;
29 transition: color 0.1s linear;
31 &:active,
32 &:focus,
33 &:hover {
34 color: darken($action-color, 15%);
35 }
37 &:active,
38 &:focus {
39 outline: none;
40 }
41 }
43 hr {
44 border-bottom: $base-border;
45 border-left: none;
46 border-right: none;
47 border-top: none;
48 margin: $base-spacing 0;
49 }
51 img,
52 picture {
53 margin: 0;
54 max-width: 100%;
55 }