From cd2a8107c3a3b5b7ea5c52fb38e36bd3806ca99b Mon Sep 17 00:00:00 2001
From: Serghei Iakovlev <egrep@protonmail.ch>
Date: Mon, 4 Jul 2022 11:41:55 +0200
Subject: Make form classes more universal

---
 assets/sass/_form-elements.scss                              |  8 ++++----
 layouts/shortcodes/form-contact.html                         |  8 ++++----
 .../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; }
-- 
cgit v1.2.3