| 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: $medium-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 | 
|---|