tweaking search results

css/sass/_search.scss

@@ -0,0 +1,30 @@
+.search-results {
+  ul {
+    list-style: none;
+    padding: 0;
+  }
+}
+//.item-list {
+//display: none;
+//}
+.search-result {
+  background-color: #ffffff;
+  -webkit-box-shadow: 0 0 8px 4px var(--light);
+  box-shadow: 0 0 8px 4px var(--light);
+  border: 1px solid #ccc;
+  margin: 1em;
+  padding: 1em;
+  dl {
+    margin: 0;
+    dt {
+      float: left;
+      width: 5em;
+    }
+    dd {
+      margin: 0 0 .5rem 0;
+      &:last-child {
+        margin: 0;
+      }
+    }
+  }
+}

css/sass/style.scss

@@ -21,6 +21,7 @@ $modularscale: (
 @import 'components';
 @import 'shortcodes';
 @import 'responsive';
+@import 'search';
 .slider-image {
   margin-top: 4rem;
 }

css/style.css

@@ -1213,6 +1213,33 @@ button,
     max-height: 90px;
   }
 }
+.search-results ul {
+  list-style: none;
+  padding: 0;
+}
+
+.search-result {
+  background-color: #ffffff;
+  -webkit-box-shadow: 0 0 8px 4px var(--light);
+  box-shadow: 0 0 8px 4px var(--light);
+  border: 1px solid #ccc;
+  margin: 1em;
+  padding: 1em;
+}
+.search-result dl {
+  margin: 0;
+}
+.search-result dl dt {
+  float: left;
+  width: 5em;
+}
+.search-result dl dd {
+  margin: 0 0 0.5rem 0;
+}
+.search-result dl dd:last-child {
+  margin: 0;
+}
+
 .slider-image {
   margin-top: 4rem;
 }