transfer so partial and defaults

1 files changed, 14 insertions, 10 deletions

diff --git a/layouts/_default/search.html b/layouts/_default/search.html
index 726ae68..e61c9a0 100644
--- a/layouts/_default/search.html
+++ b/layouts/_default/search.html
@@ -1,8 +1,8 @@
 {{ define "main" }}
   <div class="max-w-screen-md mx-auto p-1">
     <header>
-      <h2 class="baskerville f2 lh-title my-4 px-1">
-        {{ T "search" }}
+      <h2 class="baskerville px-1">
+        {{ T "search" | humanize }}
       </h2>
     </header>
 
@@ -11,26 +11,30 @@
         id="search-query"
         name="q"
         placeholder="{{ T "search_placeholder" }}"
-        class="near-black p-2 w-100"
+        class="p-2 w-full border"
       />
     </form>
 
     <div id="search-results" class="my-2">
-      <p class="p-4 f4 fw6 tc">{{ T "search_request" }}</p>
+      <p class="p-4 text-xl font-semibold text-center">
+        {{ T "search_request" }}
+      </p>
     </div>
   </div>
 
   <template id="no-match">
-    <p class="bg-washed-red p-4 dark-red f4 fw6 tc br2 b--light-red ba">
+    <p
+      class="bg-red-100 p-4 text-red-600 text-xl font-semibold text-center border rounded border-current"
+    >
       {{ T "no_match_found" }}
     </p>
   </template>
   <template id="search-result-template">
-    <article class="py-2 bt bb b--black-10 search_summary">
-      <a class="dim near-black search_link" href="">
-        <time class="fr f6 lh-copy ph4 search_time"></time>
-        <h3 class="text-2xl baskerville my-1 lh-title search_title"></h3>
-        <div class="f5 lh-copy search_snippet"></div>
+    <article class="py-2 border-y border-gray-200 search_summary">
+      <a class="hover:opacity-50 search_link" href="">
+        <time class="float-right text-sm px-8 search_time"></time>
+        <h4 class="baskerville my-2 search_title"></h4>
+        <div class="search_snippet"></div>
       </a>
     </article>
   </template>