Tags template

css/excerpt.css

@@ -1,28 +1,28 @@
-.search-result {
+.excerpt {
   margin-bottom: var(--space-sm);
 }
 
-.search-result__head,
-.search-result__body,
-.search-result__title {
+.excerpt__head,
+.excerpt__body,
+.excerpt__title {
   margin-bottom: var(--space-xs);
 }
 
-.search-result__metadata {
+.excerpt__metadata {
   color: var(--color-grey);
   font-size: 12px;
 }
 
-.search-result__icon,
-.search-result__text {
+.excerpt__icon,
+.excerpt__text {
   display: inline-block;
   vertical-align: middle;
 }
 
-.search-result__icon {
+.excerpt__icon {
   height: 16px;
 }
 
-.search-result__text {
+.excerpt__text {
   margin: 0 15px 0 5px;
 }

css/index.css

@@ -19,7 +19,7 @@
 @import "pagination";
 @import "title";
 @import "archive";
-@import "search-result";
+@import "excerpt";
 
 :root {
   --color-black: #000;

css/title.css

@@ -4,13 +4,22 @@
   margin-bottom: var(--space-sm);
 }
 
-.title a {
-  color: inherit;
-}
-
 @media (--viewport-lg) {
   .title {
     margin-bottom: var(--space-md);
   }
 }
 
+.title a {
+  color: inherit;
+}
+
+.title__icon,
+.title__text {
+  display: inline-block;
+  vertical-align: middle;
+}
+
+.title__text {
+  text-transform: capitalize;
+}