Add description to category pages with styling

seedlet/archive.php

@@ -17,9 +17,8 @@ get_header();
 		<?php if ( have_posts() ) : ?>
 
 			<header class="page-header default-max-width">
-				<?php
-					the_archive_title();
-				?>
+				<?php the_archive_title(); ?>
+				<?php the_archive_description('<div class="archive-description">', '</div>'); ?>
 			</header><!-- .page-header -->
 
 			<?php

seedlet/assets/sass/pages/_archives.scss

@@ -1,3 +1,8 @@
 .page-title {
 	font-size: var(--heading--font-size-h4);
 }
+
+.archive-description p {
+    font-size: var(--global--font-size-sm);
+    margin-top: calc(0.5 * var(--global--spacing-vertical));
+}

seedlet/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "seedlet",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

seedlet/style.css

@@ -3810,6 +3810,11 @@ img#wpstats {
 	font-size: var(--heading--font-size-h4);
 }
 
+.archive-description p {
+	font-size: var(--global--font-size-sm);
+	margin-top: calc(0.5 * var(--global--spacing-vertical));
+}
+
 /**
  * Jetpack styles
  */