二〇二六年四月二十一日

1 files changed, 65 insertions, 0 deletions

diff --git a/themes/theme/source/css/page/search.styl b/themes/theme/source/css/page/search.styl
new file mode 100644
index 00000000..88233cef
--- /dev/null
+++ b/themes/theme/source/css/page/search.styl
@@ -0,0 +1,65 @@
+// Search page styles
+
+.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
+
+  &: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
+
+  &:last-child
+    border-bottom none
+
+  // LocalSearch generates HTML with these classes
+  .search-result-title
+    margin-bottom $margin-s-2
+    font-size $font-size-heading-h4
+
+    a
+      color $color-accent
+      text-decoration none
+
+      &:hover
+        text-decoration underline
+
+  .search-result
+    text-style(body-default)
+    color $color-text-primary
+    margin-top $margin-s-2
+    margin-bottom 0
+
+  mark
+    color $color-text-primary
+    background-color $color-search-marker