fix: Search

assets/css/extended/custom.css

@@ -76,14 +76,19 @@ body {
 * UNIVERSAL HOVER ANIMATION (Fill-up Effect)
 * Target: Nav spans, main links (except entries), social links, and share icons.
 * */
+
+
 nav #menu a span {
   position: relative;
   text-decoration: none !important;
   color: inherit;
   transition: color 0.3s ease;
   z-index: 1;
-  display: inline-block;
-  padding: 0 8px; /* Reduced vertical padding */
+  padding: 8px; /* Reduced vertical padding */
+}
+
+.entry-content {
+  color: var(--primary)
 }
 
 main a:not(.entry-link, .anchor),
@@ -143,6 +148,7 @@ nav #menu a:hover span,
 main a:hover:not(.entry-link, .anchor),
 .social-icons a:hover,
 .share-buttons a:hover,
+#searchResults a:hover,
 .note-item a:hover .note-title,
 .note-item a:hover .note-date {
   color: var(--theme) !important;
@@ -175,11 +181,12 @@ main h1 {
   background: transparent;
 }
 
+
 .post-tags a {
   background: var(--tertiary);
   color: var(--primary);
-  padding: 4px 12px;
-  border-radius: var(--radius);
+  padding: 0px 8px;
+  border-radius: 0px;
   transition: all 0.3s ease;
 }
 
@@ -207,6 +214,28 @@ main h1 {
   text-decoration: none;
 }
 
+.breadcrumbs {
+  margin-bottom: 2rem;
+  font-size: 0.9rem;
+  color: var(--secondary);
+}
+
+.post-header .post-title {
+  font-size: 3rem;
+  margin-bottom: 0.5rem;
+  color: var(--green);
+  font-weight: 700;
+  line-height: 1.2;
+}
+
+.post-description {
+  font-style: italic;
+  font-size: 1.2rem;
+  margin-bottom: 1.5rem;
+  color: var(--secondary);
+  line-height: 1.6;
+}
+
 /* main h1::before { */
 /*   content: "#";  */
 /*   color: var(--red); */
@@ -271,6 +300,12 @@ main .post-entry:hover {
   line-height: 1.5;
 }
 
+.delimiter {
+  margin: 0 10px;
+  font-weight: 800;
+  opacity: 0.5;
+}
+
 /* *
 * POSTS SECTION - Same compact style as notes but with description
 * */
@@ -301,6 +336,7 @@ main .post-entry:hover {
   color: inherit;
   transition: color 0.3s ease;
   z-index: 1;
+  width: 100%;
 }
 
 .post-item a::before {
@@ -343,6 +379,14 @@ main .post-entry:hover {
   line-height: 1.5;
 }
 
+/* Common list styles */
+.note-item a,
+.post-item a {
+  display: flex !important;
+  justify-content: flex-start;
+  align-items: center;
+}
+
 /* *
 * POST CONTENT SPACINGS
 * */
@@ -378,11 +422,73 @@ main .post-entry:hover {
 }
 
 .post-content code {
+  font-size: 16px;
   background-color: var(--tertiary);
   color: var(--primary);
   border-radius: 4px;
 }
 
+.highlight {
+  padding: 0.6em;
+}
+
 .post-content pre code {
   background-color: var(--entry) !important;
 }
+
+.post-content blockquote p {
+  margin: 0;
+  padding: 0.5em 0em;
+}
+
+/* *
+* SEARCH PAGE FIXES
+* */
+#searchResults .post-entry {
+  border-radius: 0; /* Square borders like notes */
+  padding: 0;
+  border: 1px solid var(--tertiary);
+  margin-bottom: 8px;
+}
+
+#searchResults a {
+  position: relative;
+  display: flex !important;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 12px 15px;
+  text-decoration: none !important;
+  color: var(--primary);
+  z-index: 1;
+}
+
+#searchResults a .search-meta {
+  margin-left: auto; /* Push date to the right */
+  font-size: 0.85rem;
+  color: var(--secondary);
+}
+
+#searchResults a:hover .search-title,
+#searchResults a:hover .search-meta {
+  color: var(--theme) !important;
+}
+
+#searchResults a::before {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  height: 0;
+  background-color: var(--green);
+  z-index: -1;
+  transition: height 0.3s cubic-bezier(0.19, 1, 0.22, 1);
+}
+
+#searchResults a:hover::before {
+  height: 100%;
+}
+
+#searchResults a:hover {
+  color: var(--theme) !important;
+}