created forms styles and added search-field

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/'));
-//  });                                                  
+//  });

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%);
+    }
+  }
+}

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>