diff options
| -rw-r--r-- | assets/sass/_form-elements.scss | 8 | ||||
| -rw-r--r-- | layouts/shortcodes/form-contact.html | 8 | ||||
| -rw-r--r-- | resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 12 |
3 files changed, 14 insertions, 14 deletions
diff --git a/assets/sass/_form-elements.scss b/assets/sass/_form-elements.scss index f3fffda..794ddef 100644 --- a/assets/sass/_form-elements.scss +++ b/assets/sass/_form-elements.scss @@ -50,7 +50,7 @@ } } -.contact-form-item { +.form-item { margin-top: 15px; @include mq(tabletp) { @@ -75,9 +75,9 @@ form input:-moz-ui-invalid { @include box-shadow (0 0 2px 1px #D64541!important); } -.contact-form-item-error { - .contact-form-input, - .contact-form-textarea { +.form-item-error { + .form-input, + .form-textarea { @include box-shadow (0 0 2px 1px #D64541!important); } } diff --git a/layouts/shortcodes/form-contact.html b/layouts/shortcodes/form-contact.html index e688ba6..335181a 100644 --- a/layouts/shortcodes/form-contact.html +++ b/layouts/shortcodes/form-contact.html @@ -1,16 +1,16 @@ <div id="site-contact" class="contact-form"> <form accept-charset="UTF-8" action="{{ site.Params.Contact.formAction | default site.BaseURL }}" method="POST" id="contact-form"> - <div class="contact-form-item"> + <div class="form-item"> <label for="name" class="contact-form-label">{{ i18n "your_name" }}</label> <input type="text" id="name" name="name" class="contact-form-input form-input" placeholder="" required aria-labelledby="name"> </div> - <div class="contact-form-item"> + <div class="form-item"> <label for="email" class="contact-form-label">{{ i18n "email_address" }}</label> <input type="email" id="email" name="email" class="contact-form-input form-input" placeholder="" required aria-labelledby="email"> </div> - <div class="contact-form-item"> + <div class="form-item"> <label for="message" class="contact-form-label">{{ i18n "message" }}</label> <textarea id="message" name="message" class="contact-form-textarea form-input" placeholder="" required aria-labelledby="message"></textarea> </div> @@ -21,7 +21,7 @@ <input type="checkbox" name="_honeypot" style="display:none" tabindex="-1" autocomplete="off" class="contact-form-gotcha" value=""> - <div class="contact-form-item"> + <div class="form-item"> <input type="submit" value="{{ i18n "send" }}" class="button button-large"> </div> </form> diff --git a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 6503cd3..ecd06d9 100644 --- a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -760,15 +760,15 @@ pre code { .contact-form:first-child { margin-top: 0; } -.contact-form-item { +.form-item { margin-top: 15px; } @media only screen and (min-width: 768px) { - .contact-form-item { + .form-item { margin-top: 20px; } } @media only screen and (min-width: 1220px) { - .contact-form-item { + .form-item { margin-top: 30px; } } - .contact-form-item:first-child { + .form-item:first-child { margin-top: 0; } form input[type="number"]:-moz-submit-invalid, @@ -781,8 +781,8 @@ form input:-moz-ui-invalid { -moz-box-shadow: 0 0 2px 1px #D64541 !important; box-shadow: 0 0 2px 1px #D64541 !important; } -.contact-form-item-error .contact-form-input, -.contact-form-item-error .contact-form-textarea { +.form-item-error .form-input, +.form-item-error .form-textarea { -webkit-box-shadow: 0 0 2px 1px #D64541 !important; -moz-box-shadow: 0 0 2px 1px #D64541 !important; box-shadow: 0 0 2px 1px #D64541 !important; } |
