diff options
| -rw-r--r-- | assets/sass/_form-elements.scss | 3 | ||||
| -rw-r--r-- | layouts/shortcodes/form-contact.html | 6 | ||||
| -rw-r--r-- | resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content | 9 |
3 files changed, 11 insertions, 7 deletions
diff --git a/assets/sass/_form-elements.scss b/assets/sass/_form-elements.scss index 1e60e67..642f569 100644 --- a/assets/sass/_form-elements.scss +++ b/assets/sass/_form-elements.scss @@ -24,6 +24,7 @@ } &:focus { + @include box-shadow (none); outline: none; border-color: #5e5e5e; } @@ -82,7 +83,7 @@ form input:-moz-ui-invalid { } } -.contact-form-label { +.form-label { display: block; font-size: 16px; font-weight: 600; diff --git a/layouts/shortcodes/form-contact.html b/layouts/shortcodes/form-contact.html index 335181a..a811ae6 100644 --- a/layouts/shortcodes/form-contact.html +++ b/layouts/shortcodes/form-contact.html @@ -1,17 +1,17 @@ <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="form-item"> - <label for="name" class="contact-form-label">{{ i18n "your_name" }}</label> + <label for="name" class="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="form-item"> - <label for="email" class="contact-form-label">{{ i18n "email_address" }}</label> + <label for="email" class="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="form-item"> - <label for="message" class="contact-form-label">{{ i18n "message" }}</label> + <label for="message" class="form-label">{{ i18n "message" }}</label> <textarea id="message" name="message" class="contact-form-textarea form-input" placeholder="" required aria-labelledby="message"></textarea> </div> diff --git a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content index 41c9540..bafac99 100644 --- a/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content +++ b/resources/_gen/assets/scss/sass/style.scss_f300667da4f5b5f84e1a9e0702b2fdde.content @@ -742,6 +742,9 @@ pre code { .form-input { font-size: 1.1em; } } .form-input:focus { + -webkit-box-shadow: none; + -moz-box-shadow: none; + box-shadow: none; outline: none; border-color: #5e5e5e; } @@ -787,16 +790,16 @@ form input:-moz-ui-invalid { -moz-box-shadow: 0 0 2px 1px #D64541 !important; box-shadow: 0 0 2px 1px #D64541 !important; } -.contact-form-label { +.form-label { display: block; font-size: 16px; font-weight: 600; color: #676767; } @media only screen and (min-width: 768px) { - .contact-form-label { + .form-label { font-size: 18px; } } @media only screen and (min-width: 1220px) { - .contact-form-label { + .form-label { font-size: 20px; } } .contact-form-input, .contact-form-textarea { |
