Add larger font size and line height to body text

Author: JoelCDL

src/css/components/pagination.css

@@ -17,6 +17,7 @@
     block-size: var(--uc3-space-lg);
     inline-size: var(--uc3-space-lg);
     color: var(--uc3-color-dark-blue);
+    font-size: var(--text-font-size);
     text-decoration: none;
 
     &:focus,

src/css/components/search-result.css

@@ -1,6 +1,9 @@
 /* Search Result Component */
 
 .c-search-result {
+  font-size: var(--text-font-size);
+  line-height: var(--text-line-height);
+
   h2 {
     margin-block: unset;
     font-size: 1.3rem;

src/css/main.css

@@ -23,4 +23,6 @@
 
   --template-inline-content-padding: 10vw;
   --text-backdrop-filter: blur(1rem) contrast(40%) brightness(160%);
+  --text-font-size: 1.1rem;
+  --text-line-height: 1.5;
 }

src/css/templates/blog-post.css

@@ -3,11 +3,16 @@
 .t-blog-post__content {
   padding-block: var(--uc3-space-base) var(--uc3-space-lg);
   padding-inline: var(--template-inline-content-padding);
+  font-size: var(--text-font-size);
 
   img {
     display: block;
     inline-size: 100%;
     margin-block-end: var(--uc3-space-base);
     background-color: gray;
   }
+
+  > :not(.c-post-header) {
+    line-height: var(--text-line-height);
+  }
 }

src/css/templates/secondary.css

@@ -18,4 +18,9 @@
 .t-secondary__content-1 {
   padding-block: var(--uc3-space-base);
   padding-inline: var(--template-inline-content-padding);
+  font-size: var(--text-font-size);
+  
+  > :not(.c-breadcrumb, h2) {
+    line-height: var(--text-line-height);
+  }
 }