Truncate MkDocs search results preview to 3 lines via CSS

Signed-off-by: codeEvolveZenith345 <suntiwari3495@gmail.com>

Author: codeEvolveZenith345

mkdocs.yml

@@ -5,6 +5,7 @@ site_url: https://knative.dev/
 site_description: Knative Documentation
 extra_css:
   - stylesheets/extra.css
+  - overrides/assets/stylesheets/home.css
 # Don't try to make snippets into regular docs (e.g. link-checking, nav, etc)
 exclude_docs: |
   *docs/snippets/

overrides/assets/stylesheets/home.css

@@ -921,3 +921,11 @@ footer nav.md-footer__inner {
     display: none;
   }
 }
+
+/* Truncate MkDocs search result preview to 3 lines */
+.md-search-result .md-typeset {
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+}