Rename form element: contact-form-label => form-label

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 {