| Left: | ||
| Right: |
| OLD | NEW |
|---|---|
| (Empty) | |
| 1 /******************************************************************************* | |
| 2 * Form | |
|
juliandoucette
2018/01/04 02:34:24
new abp.org doesn't have form styles yet. I think
ire
2018/01/04 11:14:42
Done.
| |
| 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 |