From 6e873a7299c3f5c4b89176ec42d5bf8a2d5acbce Mon Sep 17 00:00:00 2001
From: "Jorge hangar.org" <jorge@hangar.org>
Date: Wed, 23 Jun 2021 15:23:36 +0200
Subject: [PATCH] created forms styles and added search-field

---
 src/assets/scss/app.scss               |  5 +++--
 src/assets/scss/components/_forms.scss | 20 ++++++++++++++++++++
 src/partials/search-field.html         |  7 +++++++
 3 files changed, 30 insertions(+), 2 deletions(-)
 create mode 100644 src/assets/scss/components/_forms.scss
 create mode 100644 src/partials/search-field.html

diff --git a/src/assets/scss/app.scss b/src/assets/scss/app.scss
index 7243468..f175f2e 100644
--- a/src/assets/scss/app.scss
+++ b/src/assets/scss/app.scss
@@ -69,7 +69,7 @@
 // global project styles
 
 @import "global/wp-overrides"; //errors
-@import "global/wp-admin";  //errors 
+@import "global/wp-admin";  //errors
 @import "global/typography";
 @import "global/gutenberg";
 @import "global/colors";
@@ -86,6 +86,7 @@
 // Componentes
 @import "components/links";
 @import "components/featured-image";
+@import "components/forms";
 @import "components/dividers";
 @import "components/cards";
 @import "components/buttons";
@@ -111,4 +112,4 @@
 // gulp.task('icons', function() {
 //    return gulp.src('node_modules/@fortawesome/fontawesome-free/webfonts/*')
 //        .pipe(gulp.dest(dist+'/assets/webfonts/'));
-//  });                                                  
+//  });
diff --git a/src/assets/scss/components/_forms.scss b/src/assets/scss/components/_forms.scss
new file mode 100644
index 0000000..4e485dd
--- /dev/null
+++ b/src/assets/scss/components/_forms.scss
@@ -0,0 +1,20 @@
+.search {
+  .button{
+    border-color: $primary-color;
+  }
+  .hollow {
+    border-color: $primary-color;
+    color: $primary-color;
+    &::after {
+    }
+    &::placeholder {
+      color: scale-color($primary-color, $lightness: -20%);
+    }
+    &:hover {
+      background-color: scale-color($primary-color, $lightness: 95%);
+    }
+    &:active {
+      background-color: scale-color($primary-color, $lightness: 85%);
+    }
+  }
+}
diff --git a/src/partials/search-field.html b/src/partials/search-field.html
new file mode 100644
index 0000000..1003004
--- /dev/null
+++ b/src/partials/search-field.html
@@ -0,0 +1,7 @@
+<form class="search">
+  <label>Search</label>
+  <div class="input-group">
+    <input type="text" placeholder="search" class="input-group-field" />
+    <button type="submit">Go</button>    
+  </div>
+</form>