Side by Side Diff: scss/_form.scss
Issue 29646555:
Issue 6210 - Implement Subscription (Double-opt-in) template for newsletter (Closed)
Patch Set: Add gulp task to inline css, update templates
Created Jan. 3, 2018, 11:17 a.m.
| Left: | ||
| Right: |
Use n/p to move between diff chunks;
N/P to move between comments.
« no previous file with comments
|
« scss/_content.scss ('k')
|
scss/_layout.scss » ('j')
|
no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| 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 |
« no previous file with comments
|
« scss/_content.scss ('k')
|
scss/_layout.scss » ('j')
|
no next file with comments »
