Left: | ||
Right: |
OLD | NEW |
---|---|
(Empty) | |
1 /******************************************************************************* | |
2 * Form | |
3 ******************************************************************************/ | |
4 | |
5 input, | |
6 button | |
7 { | |
8 width: 100%; | |
9 height: 2.6em; | |
10 border-radius: 4px; | |
11 } | |
12 | |
13 /* Input field | |
juliandoucette
2017/12/22 14:34:31
Suggest: Group fields into paragraphs in order to
| |
14 ******************************************************************************/ | |
15 | |
16 input | |
juliandoucette
2017/12/22 14:34:31
NIT: There seems to be more space below these in t
| |
17 { | |
18 margin-bottom: $small-space; | |
19 padding: 0 $x-small-space; | |
20 border: 1px solid #CDCDCD; | |
21 } | |
22 | |
23 /* Error state | |
24 ******************************************************************************/ | |
25 | |
26 .invalid | |
27 { | |
28 border-color: $error; | |
29 } | |
30 | |
31 .error-message | |
32 { | |
33 display: none; | |
34 } | |
35 | |
36 .invalid + .error-message | |
37 { | |
38 display: block; | |
39 margin-top: -$x-small-space; | |
40 margin-bottom: $small-space; | |
41 color: $error; | |
42 } | |
43 | |
44 /* Buttons | |
45 ******************************************************************************/ | |
46 | |
47 button | |
48 { | |
49 border: 0; | |
50 text-transform: uppercase; | |
51 } | |
52 | |
53 .secondary | |
54 { | |
55 color: #fff; | |
56 background-color: $secondary; | |
57 } | |
OLD | NEW |