WIP: Implementing search

2 files changed, 37 insertions, 3 deletions

diff --git a/assets/sass/_customize.scss b/assets/sass/_customize.scss
index 7b0c768..b0c174f 100644
--- a/assets/sass/_customize.scss
+++ b/assets/sass/_customize.scss
@@ -61,9 +61,9 @@
   }
 }
 
-#main article {
-  min-height: 100px;
-}
+// #main article {
+//   min-height: 100px;
+// }
 
 #TableOfContents ul ul,
 #TableOfContents ul ul ul,
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);
+}