| 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 | 
 |  14  ******************************************************************************/ | 
 |  15  | 
 |  16 input | 
 |  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 |