deploy: 6a321a6e20ead9aeea588c009b5445c76260ea92

1 files changed, 62 insertions, 0 deletions

diff --git a/css/page/search.css b/css/page/search.css
new file mode 100644
index 00000000..6d72989f
--- /dev/null
+++ b/css/page/search.css
@@ -0,0 +1,62 @@
+.search-page {
+  max-width: 720px;
+  margin: 0 auto;
+  padding: $margin-l-0 $margin-m-1;
+}
+.search-input-container {
+  margin-bottom: $margin-l-0;
+}
+.search-input {
+  width: 100%;
+  padding: $margin-m-1 $margin-m-2;
+  font-size: $font-size-body;
+  border: $line-third solid $color-border;
+  border-radius: $margin-s-2;
+  background: $color-background;
+  font-family: $font-family;
+  font-weight: 400;
+}
+.search-input:focus {
+  outline: none;
+  border-color: $color-accent;
+}
+.search-result-container {
+  min-height: 200px;
+}
+.search-result-message {
+  color: $color-text-secondary;
+  padding: $margin-l-0 0;
+  text-align: center;
+}
+.search-result-list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+.search-result-item {
+  padding: $margin-m-1 0;
+  border-bottom: $line-third solid $color-border;
+}
+.search-result-item:last-child {
+  border-bottom: none;
+}
+.search-result-item .search-result-title {
+  margin-bottom: $margin-s-2;
+  font-size: $font-size-heading-h4;
+}
+.search-result-item .search-result-title a {
+  color: $color-accent;
+  text-decoration: none;
+}
+.search-result-item .search-result-title a:hover {
+  text-decoration: underline;
+}
+.search-result-item .search-result {
+  color: $color-text-primary;
+  margin-top: $margin-s-2;
+  margin-bottom: 0;
+}
+.search-result-item mark {
+  color: $color-text-primary;
+  background-color: $color-search-marker;
+}