created forms styles and added search-field

src/assets/scss/app.scss

@@ -86,6 +86,7 @@
 // Componentes
 @import "components/links";
 @import "components/featured-image";
+@import "components/forms";
 @import "components/dividers";
 @import "components/cards";
 @import "components/buttons";

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>