| 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 |