WIP: Implementing search

1 files changed, 34 insertions, 0 deletions

diff --git a/assets/sass/_form-elements.scss b/assets/sass/_form-elements.scss
index 642f569..9135998 100644
--- a/assets/sass/_form-elements.scss
+++ b/assets/sass/_form-elements.scss
@@ -160,3 +160,37 @@ form input:-moz-ui-invalid {
     }
   }
 }
+
+.hide-element {
+  display: none;
+}
+
+.search-container {
+  width: 100%;
+  display: flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  justify-content: space-evenly;
+  line-height: 1.3;
+}
+
+#site-search a {
+  color: hsl(0, 0%, 85%);
+  text-decoration: none;
+}
+
+#search-form .search-error.hide-element {
+  display: none;
+}
+
+.search-item {
+  font-weight: bold;
+}
+
+.search-error {
+  @include transition(all .5s ease-out);
+}
+
+.search-error-message {
+  @include transition(all .5s ease-out);
+}