| OLD | NEW | 
|---|
| (Empty) |  | 
|  | 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 } | 
| OLD | NEW | 
|---|