LEFT | RIGHT |
(no file at all) | |
| 1 /******************************************************************************* |
| 2 * Form |
| 3 ******************************************************************************/ |
| 4 |
| 5 input, |
| 6 button |
| 7 { |
| 8 width: 100%; |
| 9 height: 2.6em; |
| 10 } |
| 11 |
| 12 /* Input field |
| 13 ******************************************************************************/ |
| 14 |
| 15 input |
| 16 { |
| 17 margin-bottom: $medium-space; |
| 18 padding: 0 $x-small-space; |
| 19 border: 2px solid #CDCDCD; |
| 20 } |
| 21 |
| 22 /* Error state |
| 23 ******************************************************************************/ |
| 24 |
| 25 .invalid |
| 26 { |
| 27 border-color: $error; |
| 28 } |
| 29 |
| 30 .error-message |
| 31 { |
| 32 display: none; |
| 33 } |
| 34 |
| 35 .invalid + .error-message |
| 36 { |
| 37 display: block; |
| 38 margin-top: -$x-small-space; |
| 39 margin-bottom: $small-space; |
| 40 color: $error; |
| 41 } |
| 42 |
| 43 /* Buttons |
| 44 ******************************************************************************/ |
| 45 |
| 46 button |
| 47 { |
| 48 border: 0; |
| 49 text-transform: uppercase; |
| 50 } |
| 51 |
| 52 .secondary |
| 53 { |
| 54 color: #fff; |
| 55 background-color: $secondary; |
| 56 } |
LEFT | RIGHT |