| @@ -10,8 +10,11 @@ | ||
| 10 | 10 | margin: 0 0 20px 0; |
| 11 | 11 | padding: 10px; |
| 12 | 12 | box-sizing: border-box; |
| 13 | 13 | font-family: inherit; |
| 14 | + | |
| 15 | + /* Leave room above the field when it's focused and scrolled to on error. */ | |
| 16 | + scroll-margin-top: 30px; | |
| 14 | 17 | } |
| 15 | 18 | |
| 16 | 19 | label { |
| 17 | 20 | |
| @@ -26,6 +29,25 @@ | ||
| 26 | 29 | .convertkit-form-builder-subscribed-message { |
| 27 | 30 | width: 100%; |
| 28 | 31 | margin: 0 0 20px 0; |
| 29 | 32 | box-sizing: border-box; |
| 33 | + } | |
| 34 | + | |
| 35 | + .convertkit-form-builder-notice { | |
| 36 | + display: inline-block; | |
| 37 | + width: 100%; | |
| 38 | + scroll-margin-top: 30px; | |
| 39 | + margin: 0 0 20px 0; | |
| 40 | + padding: 0 0 0 30px; | |
| 41 | + box-sizing: border-box; | |
| 42 | + font-size: 12px; | |
| 43 | + line-height: 24px; | |
| 44 | + font-weight: 400; | |
| 45 | + background-repeat: no-repeat; | |
| 46 | + background-size: 24px 24px; | |
| 47 | + | |
| 48 | + &.convertkit-form-builder-notice-error { | |
| 49 | + color: #d3434a; | |
| 50 | + background-image: url(../images/error.svg); | |
| 51 | + } | |
| 30 | 52 | } |
| 31 | 53 | } |
