Merge branch 'master' into add/color-annotations-balasana

rivington/inc/wpcom-colors.php

@@ -264,8 +264,8 @@ add_color_rule( 'txt', '#f2f2f2', array(
 			.site-header .main-navigation > div > ul > li:hover li > a', 'color' ),
 
 	// Background-color
-	array( '.wp-block-cover.has-background-dim,
-			.wp-block-cover-image.has-background-dim,
+	array( '.wp-block-cover.has-background-dim:not([class*="background-color"]),
+			.wp-block-cover-image.has-background-dim:not([class*="background-color"]),
 			.has-foreground-background-color[class],
 			table.is-style-stripes tbody tr:nth-child(odd),
 			.wp-block-table.is-style-stripes tbody tr:nth-child(odd),

seedlet-blocks/block-templates/home.html

@@ -1,11 +0,0 @@
-<!-- wp:group {"align":"full","className":"site-header","tagName":"header"} -->
-<div class="wp-block-group alignfull site-header"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"header","theme":"seedlet-blocks","align":"full"} /--></div></div>
-<!-- /wp:group -->
-
-<!-- wp:group {"align":"full","className":"site-content","tagName":"main"} -->
-<div class="wp-block-group alignfull site-content"><div class="wp-block-group__inner-container"><!-- wp:post-content {"align":"full"} /--></div></div>
-<!-- /wp:group -->
-
-<!-- wp:group {"align":"full","className":"site-footer","tagName":"footer"} -->
-<div class="wp-block-group alignfull site-footer"><div class="wp-block-group__inner-container"><!-- wp:template-part {"slug":"footer","theme":"seedlet-blocks","align":"full"} /--></div></div>
-<!-- /wp:group -->

seedlet-blocks/block-templates/index.html

@@ -3,7 +3,11 @@
 <!-- /wp:group -->
 
 <!-- wp:group {"align":"full","className":"site-content","tagName":"main"} -->
-<div class="wp-block-group alignfull site-content"><div class="wp-block-group__inner-container"><!-- wp:post-title /--><!-- wp:latest-posts {"postsToShow":100,"displayPostContent":true,"displayPostDate":true,"align":"full"} /--></div></div>
+<div class="wp-block-group alignfull site-content"><div class="wp-block-group__inner-container"><!-- wp:query-loop -->
+<!-- wp:post-title /-->
+
+<!-- wp:post-content /-->
+<!-- /wp:query-loop --></div></div>
 <!-- /wp:group -->
 
 <!-- wp:group {"align":"full","className":"site-footer","tagName":"footer"} -->

seedlet/assets/css/style-editor.css

@@ -145,7 +145,7 @@ blockquote cite,
 blockquote footer {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	letter-spacing: var(--global--letter-spacing-xs);
+	letter-spacing: var(--global--letter-spacing);
 }
 
 blockquote > * {
@@ -175,7 +175,7 @@ blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
 	font-size: var(--global--font-size-xs);
-	letter-spacing: var(--global--letter-spacing-xs);
+	letter-spacing: var(--global--letter-spacing);
 }
 
 /* Media captions */
@@ -184,7 +184,7 @@ figcaption,
 .wp-caption-text {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	line-height: var(--global--font-line-height-xs);
+	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
 	margin-bottom: var(--global--spacing-unit);
 	text-align: center;
@@ -218,219 +218,6 @@ object {
 	max-width: 100%;
 }
 
-.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
-	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
-}
-
-.wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
-	margin-right: var(--global--spacing-vertical);
-}
-
-.wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
-	margin-left: var(--global--spacing-vertical);
-}
-
-.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
-	padding: var(--global--spacing-vertical);
-}
-
-.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
-	color: var(--global--color-white);
-}
-
-.wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
-	color: currentColor;
-}
-
-.wp-block-a8c-blog-posts .article-section-title {
-	font-size: var(--global--font-size-base);
-	margin-top: 0;
-	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
-}
-
-.wp-block-a8c-blog-posts article {
-	margin-bottom: calc(3 * var(--global--spacing-vertical));
-}
-
-.wp-block-a8c-blog-posts .post-thumbnail img {
-	vertical-align: middle;
-	width: auto;
-}
-
-.wp-block-a8c-blog-posts .entry-wrapper > * {
-	/* Vertical margins logic between post details */
-	margin-top: var(--global--spacing-unit);
-	margin-bottom: var(--global--spacing-unit);
-}
-
-.wp-block-a8c-blog-posts .entry-wrapper > *:first-child {
-	margin-top: 0;
-}
-
-.wp-block-a8c-blog-posts .entry-wrapper > *:last-child {
-	margin-bottom: 0;
-}
-
-.wp-block-a8c-blog-posts .entry-title a {
-	color: var(--global--color-primary);
-}
-
-.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
-[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
-	color: currentColor;
-}
-
-.wp-block-a8c-blog-posts .entry-title a:hover {
-	color: var(--global--color-primary-hover);
-	text-decoration: underline;
-}
-
-.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
-[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
-	color: currentColor;
-}
-
-.wp-block-a8c-blog-posts .more-link {
-	display: block;
-	color: inherit;
-	margin-top: var(--global--spacing-unit);
-}
-
-.wp-block-a8c-blog-posts .more-link:after {
-	content: "\02192";
-	display: inline-block;
-	margin-left: 0.5em;
-}
-
-.wp-block-a8c-blog-posts .more-link:hover, .wp-block-a8c-blog-posts .more-link:active {
-	color: var(--global--color-primary-hover);
-	text-decoration: none;
-}
-
-.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
-[style*="background-color"] .wp-block-a8c-blog-posts .more-link:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
-[style*="background-color"] .wp-block-a8c-blog-posts .more-link:active {
-	color: currentColor;
-}
-
-.wp-block-a8c-blog-posts .entry-meta,
-.wp-block-a8c-blog-posts .cat-links {
-	color: var(--global--color-foreground-light);
-	font-size: var(--global--font-size-sm);
-}
-
-.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
-[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta, .has-background:not(.has-background-background-color)
-.wp-block-a8c-blog-posts .cat-links,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-a8c-blog-posts .cat-links,
-[style*="background-color"]
-.wp-block-a8c-blog-posts .cat-links {
-	color: currentColor;
-}
-
-.wp-block-a8c-blog-posts .entry-meta .byline:not(:last-child),
-.wp-block-a8c-blog-posts .cat-links .byline:not(:last-child) {
-	margin-right: var(--global--spacing-unit);
-}
-
-.wp-block-a8c-blog-posts .entry-meta .published + .updated,
-.wp-block-a8c-blog-posts .cat-links .published + .updated {
-	display: none;
-}
-
-.wp-block-a8c-blog-posts .entry-meta a,
-.wp-block-a8c-blog-posts .cat-links a {
-	color: currentColor;
-	text-decoration: underline;
-}
-
-.wp-block-a8c-blog-posts .entry-meta a:hover, .wp-block-a8c-blog-posts .entry-meta a:active,
-.wp-block-a8c-blog-posts .cat-links a:hover,
-.wp-block-a8c-blog-posts .cat-links a:active {
-	color: var(--global--color-primary-hover);
-	text-decoration: none;
-}
-
-.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
-[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
-[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:active, .has-background:not(.has-background-background-color)
-.wp-block-a8c-blog-posts .cat-links a:hover,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-a8c-blog-posts .cat-links a:hover,
-[style*="background-color"]
-.wp-block-a8c-blog-posts .cat-links a:hover, .has-background:not(.has-background-background-color)
-.wp-block-a8c-blog-posts .cat-links a:active,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-a8c-blog-posts .cat-links a:active,
-[style*="background-color"]
-.wp-block-a8c-blog-posts .cat-links a:active {
-	color: currentColor;
-}
-
-.wp-block-a8c-blog-posts + .button, .wp-block-search .wp-block-search__button {
-	line-height: var(--button--line-height);
-	color: var(--button--color-text);
-	cursor: pointer;
-	font-weight: var(--button--font-weight);
-	font-family: var(--button--font-family);
-	font-size: var(--button--font-size);
-	background-color: var(--button--color-background);
-	border-radius: var(--button--border-radius);
-	border-width: 0;
-	text-decoration: none;
-	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
-}
-
-.wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:after, .wp-block-search .wp-block-search__button:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-.wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:before {
-	margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
-}
-
-.wp-block-a8c-blog-posts + .button:after, .wp-block-search .wp-block-search__button:after {
-	margin-top: -calc(.5em * var(--button--line-height) + -.39);
-}
-
-.wp-block-a8c-blog-posts + .button:active, .wp-block-search .wp-block-search__button:active {
-	color: var(--button--color-text-active);
-	background-color: var(--button--color-background-active);
-}
-
-.wp-block-a8c-blog-posts + .button:hover, .wp-block-search .wp-block-search__button:hover, .wp-block-a8c-blog-posts + .button:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .has-focus.button, .wp-block-search .has-focus.wp-block-search__button {
-	color: var(--button--color-text-hover);
-	background-color: var(--button--color-background-hover);
-}
-
-.wp-block-a8c-blog-posts + .button {
-	display: inline-block;
-	font-size: var(--global--font-size-md);
-}
-
-.wp-block-a8c-blog-posts + .button:hover {
-	cursor: default;
-}
-
-.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
-[style*="background-color"] .wp-block-a8c-blog-posts + .button {
-	background-color: transparent;
-	border: var(--button--border-width, 2px) solid currentColor;
-	color: currentColor;
-}
-
 .wp-block-button__link {
 	color: var(--button--color-text);
 	font-weight: var(--button--font-weight);
@@ -1197,6 +984,120 @@ pre.wp-block-verse {
 /**
  * Spacing Overrides
  */
+/*
+ * Margins
+ */
+.margin-top-none {
+	margin-top: 0 !important;
+}
+
+.margin-top-half {
+	margin-top: calc(0.5 * var(--global--spacing-vertical)) !important;
+}
+
+.margin-top-default {
+	margin-top: var(--global--spacing-vertical) !important;
+}
+
+.margin-right-none {
+	/*rtl:ignore*/
+	margin-right: 0 !important;
+}
+
+.margin-right-half {
+	/*rtl:ignore*/
+	margin-right: calc(0.5 * var(--global--spacing-vertical)) !important;
+}
+
+.margin-right-default {
+	/*rtl:ignore*/
+	margin-right: var(--global--spacing-vertical) !important;
+}
+
+.margin-bottom-none {
+	margin-bottom: 0 !important;
+}
+
+.margin-bottom-half {
+	margin-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
+}
+
+.margin-bottom-default {
+	margin-bottom: var(--global--spacing-vertical) !important;
+}
+
+.margin-left-none {
+	/*rtl:ignore*/
+	margin-left: 0 !important;
+}
+
+.margin-left-half {
+	/*rtl:ignore*/
+	margin-left: calc(0.5 * var(--global--spacing-vertical)) !important;
+}
+
+.margin-left-default {
+	/*rtl:ignore*/
+	margin-left: var(--global--spacing-vertical) !important;
+}
+
+/*
+ * Padding
+ */
+.padding-top-none {
+	padding-top: 0 !important;
+}
+
+.padding-top-half {
+	padding-top: calc(0.5 * var(--global--spacing-vertical)) !important;
+}
+
+.padding-top-default {
+	padding-top: var(--global--spacing-vertical) !important;
+}
+
+.padding-right-none {
+	/*rtl:ignore*/
+	padding-right: 0 !important;
+}
+
+.padding-right-half {
+	/*rtl:ignore*/
+	padding-right: calc(0.5 * var(--global--spacing-vertical)) !important;
+}
+
+.padding-right-default {
+	/*rtl:ignore*/
+	padding-right: var(--global--spacing-vertical) !important;
+}
+
+.padding-bottom-none {
+	padding-bottom: 0 !important;
+}
+
+.padding-bottom-half {
+	padding-bottom: calc(0.5 * var(--global--spacing-vertical)) !important;
+}
+
+.padding-bottom-default {
+	padding-bottom: var(--global--spacing-vertical) !important;
+}
+
+.padding-left-none {
+	/*rtl:ignore*/
+	padding-left: 0 !important;
+}
+
+.padding-left-half {
+	/*rtl:ignore*/
+	padding-left: calc(0.5 * var(--global--spacing-vertical)) !important;
+}
+
+.padding-left-default {
+	/*rtl:ignore*/
+	padding-left: var(--global--spacing-vertical) !important;
+}
+
 [data-block] {
 	margin-top: var(--global--spacing-vertical);
 	margin-bottom: var(--global--spacing-vertical);
@@ -1278,6 +1179,218 @@ pre.wp-block-verse {
 /**
  * Jetpack Block editor styles
  */
+.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
+	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+}
+
+.wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
+	margin-right: var(--global--spacing-vertical);
+}
+
+.wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
+	margin-left: var(--global--spacing-vertical);
+}
+
+.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
+	padding: var(--global--spacing-vertical);
+}
+
+.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .cat-links {
+	color: var(--global--color-white);
+}
+
+.wp-block-a8c-blog-posts.image-alignbehind .post-has-image a:hover {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .article-section-title {
+	font-size: var(--global--font-size-base);
+	margin-top: 0;
+	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+}
+
+.wp-block-a8c-blog-posts article {
+	margin-bottom: calc(3 * var(--global--spacing-vertical));
+}
+
+.wp-block-a8c-blog-posts .post-thumbnail img {
+	vertical-align: middle;
+	width: auto;
+}
+
+.wp-block-a8c-blog-posts .entry-wrapper > * {
+	/* Vertical margins logic between post details */
+	margin-top: var(--global--spacing-unit);
+	margin-bottom: var(--global--spacing-unit);
+}
+
+.wp-block-a8c-blog-posts .entry-wrapper > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-a8c-blog-posts .entry-wrapper > *:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-a8c-blog-posts .entry-title a {
+	color: var(--global--color-primary);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .entry-title a:hover {
+	color: var(--global--color-primary-hover);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-title a,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-title a {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .more-link {
+	display: block;
+	color: inherit;
+	margin-top: var(--global--spacing-unit);
+}
+
+.wp-block-a8c-blog-posts .more-link:after {
+	content: "\02192";
+	display: inline-block;
+	margin-left: 0.5em;
+}
+
+.wp-block-a8c-blog-posts .more-link:hover, .wp-block-a8c-blog-posts .more-link:active {
+	color: var(--global--color-primary-hover);
+	text-decoration: none;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:hover,
+[style*="background-color"] .wp-block-a8c-blog-posts .more-link:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .more-link:active,
+[style*="background-color"] .wp-block-a8c-blog-posts .more-link:active {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .entry-meta,
+.wp-block-a8c-blog-posts .cat-links {
+	color: var(--global--color-foreground-light);
+	font-size: var(--global--font-size-sm);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links,
+[style*="background-color"]
+.wp-block-a8c-blog-posts .cat-links {
+	color: currentColor;
+}
+
+.wp-block-a8c-blog-posts .entry-meta .byline:not(:last-child),
+.wp-block-a8c-blog-posts .cat-links .byline:not(:last-child) {
+	margin-right: var(--global--spacing-unit);
+}
+
+.wp-block-a8c-blog-posts .entry-meta .published + .updated,
+.wp-block-a8c-blog-posts .cat-links .published + .updated {
+	display: none;
+}
+
+.wp-block-a8c-blog-posts .entry-meta a,
+.wp-block-a8c-blog-posts .cat-links a {
+	color: currentColor;
+	text-decoration: underline;
+}
+
+.wp-block-a8c-blog-posts .entry-meta a:hover, .wp-block-a8c-blog-posts .entry-meta a:active,
+.wp-block-a8c-blog-posts .cat-links a:hover,
+.wp-block-a8c-blog-posts .cat-links a:active {
+	color: var(--global--color-primary-hover);
+	text-decoration: none;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:hover,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts .entry-meta a:active,
+[style*="background-color"] .wp-block-a8c-blog-posts .entry-meta a:active, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links a:hover,
+[style*="background-color"]
+.wp-block-a8c-blog-posts .cat-links a:hover, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links a:active,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts .cat-links a:active,
+[style*="background-color"]
+.wp-block-a8c-blog-posts .cat-links a:active {
+	color: currentColor;
+}
+
+.wp-block-search .wp-block-search__button, .wp-block-a8c-blog-posts + .button {
+	line-height: var(--button--line-height);
+	color: var(--button--color-text);
+	cursor: pointer;
+	font-weight: var(--button--font-weight);
+	font-family: var(--button--font-family);
+	font-size: var(--button--font-size);
+	background-color: var(--button--color-background);
+	border-radius: var(--button--border-radius);
+	border-width: 0;
+	text-decoration: none;
+	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+.wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before, .wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+.wp-block-search .wp-block-search__button:before, .wp-block-a8c-blog-posts + .button:before {
+	margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+}
+
+.wp-block-search .wp-block-search__button:after, .wp-block-a8c-blog-posts + .button:after {
+	margin-top: -calc(.5em * var(--button--line-height) + -.39);
+}
+
+.wp-block-search .wp-block-search__button:active, .wp-block-a8c-blog-posts + .button:active {
+	color: var(--button--color-text-active);
+	background-color: var(--button--color-background-active);
+}
+
+.wp-block-search .wp-block-search__button:hover, .wp-block-a8c-blog-posts + .button:hover, .wp-block-search .wp-block-search__button:focus, .wp-block-a8c-blog-posts + .button:focus, .wp-block-search .has-focus.wp-block-search__button, .wp-block-a8c-blog-posts + .has-focus.button {
+	color: var(--button--color-text-hover);
+	background-color: var(--button--color-background-hover);
+}
+
+.wp-block-a8c-blog-posts + .button {
+	display: inline-block;
+	font-size: var(--global--font-size-md);
+}
+
+.wp-block-a8c-blog-posts + .button:hover {
+	cursor: default;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-a8c-blog-posts + .button,
+[style*="background-color"] .wp-block-a8c-blog-posts + .button {
+	background-color: transparent;
+	border: var(--button--border-width, 2px) solid currentColor;
+	color: currentColor;
+}
+
 /* Gutter Options */
 .wp-block-jetpack-layout-grid,
 .wp-block-jetpack-layout-grid > .block-editor-inner-blocks > .block-editor-block-list__layout {
@@ -1435,9 +1548,10 @@ pre.wp-block-verse {
 	padding-left: calc(var(--layout-grid--gutter-huge) + var(--layout-grid--background-offset));
 }
 
-/* Overlay grid */
+/* Overlay styles and margin reset */
 .wp-block-jetpack-layout-grid {
 	/* wpcom-overlay-grid is the classname targeting the grid overlay visual aid displayed in the editor */
+	/* Override default block margin rules */
 }
 
 .wp-block-jetpack-layout-grid .wpcom-overlay-grid {
@@ -1451,6 +1565,11 @@ pre.wp-block-verse {
 	padding-right: 0;
 }
 
+.wp-block-jetpack-layout-grid [data-type="jetpack/layout-grid-column"] {
+	margin-top: 0;
+	margin-bottom: 0;
+}
+
 .wp-block-jetpack-layout-grid.wp-block-jetpack-layout-gutter__none .wpcom-overlay-grid {
 	grid-gap: var(--layout-grid--gutter-none);
 }

seedlet/assets/css/variables-editor.css

@@ -19,6 +19,7 @@ body {
 	--global--font-size-xl: 28px;
 	--global--font-size-xxl: 32px;
 	--global--font-size-xxxl: 48px;
+	--global--letter-spacing: normal;
 	/* Line Height */
 	--global--line-height-base: 1;
 	--global--line-height-body: 1.7;
@@ -58,7 +59,7 @@ body {
 	/* Elements */
 	--form--font-family: var(--global--font-secondary);
 	--form--font-size: var(--global--font-size-md);
-	--form--line-height: var(--global-line-height-body);
+	--form--line-height: var(--global--line-height-body);
 	--form--color-text: var(--global--color-foreground);
 	--form--border-color: var(--global--color-border);
 	--form--border-width: 2px;
@@ -90,12 +91,12 @@ body {
 	--heading--font-size-h3: var(--global--font-size-xl);
 	--heading--font-size-h2: var(--global--font-size-xxl);
 	--heading--font-size-h1: var(--global--font-size-xxxl);
-	--heading--letter-spacing-h6: var(--global--letter-spacing-md);
-	--heading--letter-spacing-h5: var(--global--letter-spacing-md);
-	--heading--letter-spacing-h4: var(--global--letter-spacing-lg);
-	--heading--letter-spacing-h3: var(--global--letter-spacing-xl);
-	--heading--letter-spacing-h2: var(--global--letter-spacing-xxl);
-	--heading--letter-spacing-h1: var(--global--letter-spacing-xxxl);
+	--heading--letter-spacing-h6: var(--global--letter-spacing);
+	--heading--letter-spacing-h5: var(--global--letter-spacing);
+	--heading--letter-spacing-h4: var(--global--letter-spacing);
+	--heading--letter-spacing-h3: var(--global--letter-spacing);
+	--heading--letter-spacing-h2: var(--global--letter-spacing);
+	--heading--letter-spacing-h1: var(--global--letter-spacing);
 	--heading--line-height-h6: 1.3;
 	--heading--line-height-h5: 1.3;
 	--heading--line-height-h4: 1.3;

seedlet/assets/sass/abstracts/_config.scss

@@ -24,6 +24,7 @@ $typescale-ratio: 1.2; // Run ratio math on 1em == $typescale-base * $typescale-
 	--global--font-size-xl: 28px;
 	--global--font-size-xxl: 32px;
 	--global--font-size-xxxl: 48px;
+	--global--letter-spacing: normal;
 
 	/* Line Height */
 	--global--line-height-base: #{$typescale-base / ( $typescale-base * 0 + 1 )};

seedlet/assets/sass/blocks/_editor.scss

@@ -4,7 +4,6 @@
 // - In the future the Block styles may get compiled to individual .css
 //   files and conditionally loaded
 
-@import "blog-posts/editor";
 @import "button/editor";
 @import "code/editor";
 @import "cover/editor";

seedlet/assets/sass/blocks/_style.scss

@@ -5,7 +5,6 @@
 //   files and conditionally loaded
 
 @import "audio/style";
-@import "blog-posts/style";
 @import "button/style";
 @import "code/style";
 @import "columns/style";

seedlet/assets/sass/blocks/heading/_config.scss

@@ -9,12 +9,12 @@
 	--heading--font-size-h2: var(--global--font-size-xxl);
 	--heading--font-size-h1: var(--global--font-size-xxxl);
 
-	--heading--letter-spacing-h6: var(--global--letter-spacing-md);
-	--heading--letter-spacing-h5: var(--global--letter-spacing-md);
-	--heading--letter-spacing-h4: var(--global--letter-spacing-lg);
-	--heading--letter-spacing-h3: var(--global--letter-spacing-xl);
-	--heading--letter-spacing-h2: var(--global--letter-spacing-xxl);
-	--heading--letter-spacing-h1: var(--global--letter-spacing-xxxl);
+	--heading--letter-spacing-h6: var(--global--letter-spacing);
+	--heading--letter-spacing-h5: var(--global--letter-spacing);
+	--heading--letter-spacing-h4: var(--global--letter-spacing);
+	--heading--letter-spacing-h3: var(--global--letter-spacing);
+	--heading--letter-spacing-h2: var(--global--letter-spacing);
+	--heading--letter-spacing-h1: var(--global--letter-spacing);
 
 	--heading--line-height-h6: 1.3;
 	--heading--line-height-h5: 1.3;

seedlet/assets/sass/blocks/image/_style.scss

@@ -4,7 +4,7 @@
 	figcaption {
 		color: var(--global--color-foreground-light);
 		font-size: var(--global--font-size-xs);
-		line-height: var(--global--line-height-xs);
+		line-height: var(--global--line-height-body);
 		margin-top: calc(0.5 * var(--global--spacing-unit));
 		margin-bottom: var(--global--spacing-unit);
 		text-align: center;

seedlet/assets/sass/blocks/subscription/style.scss

@@ -1,6 +1,6 @@
 .jetpack_subscription_widget {
   input[type="text"] {
-    padding: var(--elements--form-padding) !important;
+    padding: var(--global--spacing-horizontal) !important;
     width: 100% !important;
   }
 }

seedlet/assets/sass/blocks/utilities/_editor.scss

@@ -159,6 +159,8 @@
  * Spacing Overrides
  */
 
+ @import "spacing-overrides";
+
 [data-block] {
 	margin-top: var(--global--spacing-vertical);
 	margin-bottom: var(--global--spacing-vertical);

seedlet/assets/sass/blocks/utilities/_style.scss

@@ -57,6 +57,7 @@
 /**
  * .aligndefault
  */
+.page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
 .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
 .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator) {
 	@extend %responsive-aligndefault-width;

seedlet/assets/sass/components/comments/_comments.scss

@@ -107,7 +107,7 @@
 		}
 
 		.avatar {
-			border: 2px solid var(--global--border-color);
+			border: 2px solid var(--global--color-border);
 			border-radius: 50%;
 			position: absolute;
 			top: 5px;

seedlet/assets/sass/components/header/_primary-navigation.scss

@@ -47,7 +47,7 @@
 		color: var(--primary-nav--color-link);
 
 		&:hover {
-			color: var(--primary-nav--color-hover);
+			color: var(--primary-nav--color-link-hover);
 		}
 	}
 

seedlet/assets/sass/elements/_blockquote.scss

@@ -12,7 +12,7 @@ blockquote {
 	footer {
 		color: var(--global--color-foreground-light);
 		font-size: var(--global--font-size-xs);
-		letter-spacing: var(--global--letter-spacing-xs);
+		letter-spacing: var(--global--letter-spacing);
 	}
 
 	& > * {
@@ -42,7 +42,7 @@ blockquote {
 		cite,
 		footer {
 			font-size: var(--global--font-size-xs);
-			letter-spacing: var(--global--letter-spacing-xs);
+			letter-spacing: var(--global--letter-spacing);
 		}
 	}
 }

seedlet/assets/sass/elements/_config.scss

@@ -1,7 +1,7 @@
 @mixin form-variables() {
 	--form--font-family: var(--global--font-secondary);
 	--form--font-size: var(--global--font-size-md);
-	--form--line-height: var(--global-line-height-body);
+	--form--line-height: var(--global--line-height-body);
 
 	--form--color-text: var(--global--color-foreground);
 

seedlet/assets/sass/elements/_media.scss

@@ -4,7 +4,7 @@ figcaption,
 .wp-caption-text {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	line-height: var(--global--font-line-height-xs);
+	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
 	margin-bottom: var(--global--spacing-unit);
 	text-align: center;

seedlet/assets/sass/vendors/jetpack/blocks/_editor.scss

@@ -2,5 +2,8 @@
  * Jetpack Block editor styles
  */
 
+// Blog Posts
+@import "blog-posts/editor";
+
 // Layout Grid
 @import "layout-grid/editor";

seedlet/assets/sass/vendors/jetpack/blocks/_style.scss

@@ -2,5 +2,8 @@
  * Jetpack Block styles
  */
 
+// Blog Posts
+@import "blog-posts/style";
+
 // Layout Grid
 @import "layout-grid/style";

seedlet/assets/sass/blocks/blog-posts/_editor.scss → seedlet/assets/sass/vendors/jetpack/blocks/blog-posts/_editor.scss

@@ -75,7 +75,6 @@
 
 			&:hover {
 				color: var(--global--color-primary-hover);
-				text-decoration: underline;
 			}
 
 			.has-background:not(.has-background-background-color) &,
@@ -150,7 +149,7 @@
 
 // Add theme style to load-more button
 
-@import "../../base/extends";
+@import "../../../../base/extends";
 .wp-block-a8c-blog-posts + .button {
 	// Extend button style
 	@extend %button-style;

seedlet/assets/sass/blocks/blog-posts/_style.scss → seedlet/assets/sass/vendors/jetpack/blocks/blog-posts/_style.scss

@@ -1,4 +1,5 @@
-.wp-block-newspack-blocks-homepage-articles {
+.wp-block-newspack-blocks-homepage-articles,
+.wp-block-a8c-blog-posts {
 
 	&.image-aligntop {
 		.post-thumbnail {
@@ -91,7 +92,6 @@
 				&:hover,
 				&:focus {
 					color: var(--global--color-primary-hover);
-					text-decoration: underline;
 
 					.has-background:not(.has-background-background-color) &,
 					[class*="background-color"]:not(.has-background-background-color) &,
@@ -157,7 +157,7 @@
 
 // Add theme style to load-more button
 
-@import "../../base/extends";
+@import "../../../../base/extends";
 button[data-load-more-btn],
 .button {
 	// Extend button style

seedlet/assets/sass/vendors/jetpack/blocks/layout-grid/_editor.scss

@@ -69,7 +69,7 @@
 	}
 }
 
-/* Overlay grid */
+/* Overlay styles and margin reset */
 .wp-block-jetpack-layout-grid {
 	/* wpcom-overlay-grid is the classname targeting the grid overlay visual aid displayed in the editor */
 	.wpcom-overlay-grid {
@@ -84,6 +84,12 @@
 			padding-right: 0;
 		}
 	}
+
+	/* Override default block margin rules */ 
+	[data-type="jetpack/layout-grid-column"] {
+		margin-top: 0;
+		margin-bottom: 0;
+	}
 }
 
 @each $size in $layout-gutter-sizes {

seedlet/assets/sass/vendors/jetpack/blocks/layout-grid/_style.scss

@@ -17,12 +17,30 @@
 			padding-left: var(--layout-grid--background-offset) !important;
 			padding-right: var(--layout-grid--background-offset) !important;
 		}
+
+		> * {
+			margin-top: calc( 0.666 * var(--global--spacing-vertical) );
+			margin-bottom: calc( 0.666 * var(--global--spacing-vertical) );
+
+			@include media(mobile) {
+				margin-top: var(--global--spacing-vertical);
+				margin-bottom: var(--global--spacing-vertical);
+			}
+
+			&:first-child {
+				margin-top: 0;
+			}
+
+			&:last-child {
+				margin-bottom: 0;
+			}
+		}
 	}
 }
 
 /* Gutter Options */
 @each $size in $layout-gutter-sizes {
-.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__#{$size} {
+	.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__#{$size} {
 		grid-gap: var(--layout-grid--gutter-#{$size}) !important;
 	}
 }

seedlet/inc/wpcom-customize-preview.js

@@ -0,0 +1,21 @@
+/**
+ * File wpcom-customize-preview.js.
+ *
+ * Instantly live-update customizer settings in the preview for improved user experience,
+ * targeting the updates needed to hide the page title on the homepage on WordPress.com.
+ */
+
+( function( $ ) {
+
+	// Hide Front Page Title
+	wp.customize( 'hide_front_page_title', function( value ) {
+		value.bind( function( to ) {
+			if ( true === to ) {
+				$( 'body' ).addClass( 'hide-homepage-title' );
+
+			} else {
+				$( 'body' ).removeClass( 'hide-homepage-title' );
+			}
+		} );
+	} );
+} )( jQuery );

seedlet/inc/wpcom-style-editor.css

@@ -0,0 +1,7 @@
+.hide-homepage-title .editor-styles-wrapper .post-content__block .editor-post-title {
+	display: none;
+}
+
+.hide-homepage-title .editor-styles-wrapper .post-content__block {
+  margin-top: -16px;
+}

seedlet/inc/wpcom-style.css

@@ -0,0 +1,28 @@
+/**
+ * WP.com stylesheet for Seedlet
+ */
+
+ /**
+ * Hide page title on the homepage
+ */
+.home.page.hide-homepage-title .entry-header {
+	display: none;
+}
+
+.home.page.hide-homepage-title .entry-content {
+	margin-top: 0;
+}
+
+/**
+ * Fix Direct Manipulation icons in the Customizer
+ */
+.cdm-icon svg {
+	fill: #fff;
+}
+
+/**
+ * Hide Footer Credit comma
+ */
+.hide-footer-credit .comma {
+	display: none;
+}

seedlet/inc/wpcom.php

@@ -0,0 +1,114 @@
+<?php
+/**
+ * WordPress.com-specific functions and definitions.
+ *
+ * This file is centrally included from `wp-content/mu-plugins/wpcom-theme-compat.php`.
+ *
+ * @package Seedlet
+ */
+
+/**
+ * Add setting for hiding page title on the homepage.
+ */
+function seedlet_wpcom_customize_update( $wp_customize ) {
+	$wp_customize->add_setting( 'hide_front_page_title', array(
+		'default'              => false,
+		'type'                 => 'theme_mod',
+		'transport'            => 'postMessage',
+		'sanitize_callback'    => 'seedlet_sanitize_checkbox',
+	) );
+
+	$wp_customize->add_control( 'hide_front_page_title', array(
+		'label'		  => esc_html__( 'Hide Homepage Title', 'seedlet' ),
+		'description' => esc_html__( 'Check to hide the page title, if your homepage is set to display a static page.', 'seedlet' ),
+		'section'	  => 'static_front_page',
+		'priority'	  => 10,
+		'type'		  => 'checkbox',
+		'settings'	  => 'hide_front_page_title',
+	) );
+}
+add_action( 'customize_register', 'seedlet_wpcom_customize_update' );
+
+/**
+* Sanitize the checkbox.
+*
+* @param boolean $input.
+*
+* @return boolean true if is 1 or '1', false if anything else
+*/
+function seedlet_sanitize_checkbox( $input ) {
+	if ( 1 == $input ) {
+		return true;
+	} else {
+		return false;
+	}
+}
+
+/**
+ * Bind JS handlers to instantly live-preview changes.
+ */
+function seedlet_wpcom_customize_preview_js() {
+	wp_enqueue_script( 'seedlet_wpcom_customize_preview', get_theme_file_uri( '/inc/wpcom-customize-preview.js' ), array( 'customize-preview' ), '1.0', true );
+}
+add_action( 'customize_preview_init', 'seedlet_wpcom_customize_preview_js' );
+
+/**
+ * Enqueue our WP.com styles for front-end.
+ * Loads after style.css so we can add overrides.
+ */
+function seedlet_wpcom_scripts() {
+	wp_enqueue_style( 'seedlet-wpcom-style', get_template_directory_uri() . '/inc/wpcom-style.css', array( 'seedlet-style' ), '20200629' );
+}
+add_action( 'wp_enqueue_scripts', 'seedlet_wpcom_scripts' );
+
+/**
+ * Adds custom classes to the array of body classes.
+ *
+ * @param array $classes Classes for the body element.
+ * @return array
+ */
+function seedlet_wpcom_body_classes( $classes ) {
+
+	$hide = get_theme_mod( 'hide_front_page_title', false );
+
+	if ( true === $hide ) {
+		$classes[] = 'hide-homepage-title';
+	}
+
+	$credit_option = get_option( 'footercredit' );
+
+	if ( 'hidden' == $credit_option ) {
+		$classes[] = 'hide-footer-credit';
+	}
+
+	return $classes;
+}
+add_filter( 'body_class', 'seedlet_wpcom_body_classes' );
+
+/**
+ * Adds custom classes to the admin body classes.
+ *
+ * @param string $classes Classes for the body element.
+ * @return string
+ */
+function seedlet_wpcom_admin_body_classes( $classes ) {
+	global $post;
+	$is_block_editor_screen = ( function_exists( 'get_current_screen' ) && get_current_screen() && get_current_screen()->is_block_editor() );
+	$hide = get_theme_mod( 'hide_front_page_title', false );
+	$front_page = (int) get_option( 'page_on_front' );
+
+	if ( $is_block_editor_screen && $front_page === $post->ID && true === $hide ) {
+		$classes .= ' hide-homepage-title';
+	}
+
+	return $classes;
+}
+add_filter( 'admin_body_class', 'seedlet_wpcom_admin_body_classes' );
+
+/**
+ * Enqueue our WP.com styles for the block editor.
+ */
+function seedlet_wpcom_editor_scripts() {
+	wp_enqueue_style( 'seedlet-wpcom-editor-style', get_template_directory_uri() . '/inc/wpcom-style-editor.css', array(), '20200629' );
+}
+add_action( 'enqueue_block_editor_assets', 'seedlet_wpcom_editor_scripts' );

seedlet/postcss.config.js

@@ -5,6 +5,8 @@ module.exports = {
 			"preserve": false,
 			"preserveAtRulesOrder": true
 		}),
-		require( 'postcss-calc' )
+		require( 'postcss-calc' )({
+			"precision": 0
+		})
 	]
 }

seedlet/style-rtl.css

@@ -85,6 +85,7 @@ Included in theme screenshot.
 	--global--font-size-xl: 28px;
 	--global--font-size-xxl: 32px;
 	--global--font-size-xxxl: 48px;
+	--global--letter-spacing: normal;
 	/* Line Height */
 	--global--line-height-base: 1;
 	--global--line-height-body: 1.7;
@@ -123,7 +124,7 @@ Included in theme screenshot.
 	--global--border-radius-none: 0;
 	--form--font-family: var(--global--font-secondary);
 	--form--font-size: var(--global--font-size-md);
-	--form--line-height: var(--global-line-height-body);
+	--form--line-height: var(--global--line-height-body);
 	--form--color-text: var(--global--color-foreground);
 	--form--border-color: var(--global--color-border);
 	--form--border-width: 2px;
@@ -154,12 +155,12 @@ Included in theme screenshot.
 	--heading--font-size-h3: var(--global--font-size-xl);
 	--heading--font-size-h2: var(--global--font-size-xxl);
 	--heading--font-size-h1: var(--global--font-size-xxxl);
-	--heading--letter-spacing-h6: var(--global--letter-spacing-md);
-	--heading--letter-spacing-h5: var(--global--letter-spacing-md);
-	--heading--letter-spacing-h4: var(--global--letter-spacing-lg);
-	--heading--letter-spacing-h3: var(--global--letter-spacing-xl);
-	--heading--letter-spacing-h2: var(--global--letter-spacing-xxl);
-	--heading--letter-spacing-h1: var(--global--letter-spacing-xxxl);
+	--heading--letter-spacing-h6: var(--global--letter-spacing);
+	--heading--letter-spacing-h5: var(--global--letter-spacing);
+	--heading--letter-spacing-h4: var(--global--letter-spacing);
+	--heading--letter-spacing-h3: var(--global--letter-spacing);
+	--heading--letter-spacing-h2: var(--global--letter-spacing);
+	--heading--letter-spacing-h1: var(--global--letter-spacing);
 	--heading--line-height-h6: 1.3;
 	--heading--line-height-h5: 1.3;
 	--heading--line-height-h4: 1.3;
@@ -619,10 +620,10 @@ Included in theme screenshot.
  * Base
  * - Reset the browser
  */
-button[data-load-more-btn],
-.button, button,
+button,
+.button,
 input[type="submit"],
-.wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all {
+.wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all, button[data-load-more-btn] {
 	line-height: var(--button--line-height);
 	color: var(--button--color-text);
 	cursor: pointer;
@@ -636,49 +637,49 @@ input[type="submit"],
 	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
 
-button[data-load-more-btn]:before,
-.button:before, button:before,
+button:before,
+.button:before,
 input[type="submit"]:before,
-.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:after,
-.button:after, button:after,
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
+.button:after,
 input[type="submit"]:after,
-.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after {
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
 	content: '';
 	display: block;
 	height: 0;
 	width: 0;
 }
 
-button[data-load-more-btn]:before,
-.button:before, button:before,
+button:before,
+.button:before,
 input[type="submit"]:before,
-.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before {
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
 	margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
 }
 
-button[data-load-more-btn]:after,
-.button:after, button:after,
+button:after,
+.button:after,
 input[type="submit"]:after,
-.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after {
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
 	margin-top: -calc(.5em * var(--button--line-height) + -.39);
 }
 
-
-.button:active, button:active,
+button:active,
+.button:active,
 input:active[type="submit"],
 .wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .a8c-posts-list__view-all:active {
 	color: var(--button--color-text-active);
 	background-color: var(--button--color-background-active);
 }
 
-
-.button:hover, button:hover,
+button:hover,
+.button:hover,
 input:hover[type="submit"],
-.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover,
-.button:focus, button:focus,
+.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, button:focus,
+.button:focus,
 input:focus[type="submit"],
-.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus,
-.has-focus.button, button.has-focus,
+.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus, button.has-focus,
+.has-focus.button,
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
 	color: var(--button--color-text-hover);
@@ -1110,7 +1111,7 @@ blockquote cite,
 blockquote footer {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	letter-spacing: var(--global--letter-spacing-xs);
+	letter-spacing: var(--global--letter-spacing);
 }
 
 blockquote > * {
@@ -1140,7 +1141,7 @@ blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
 	font-size: var(--global--font-size-xs);
-	letter-spacing: var(--global--letter-spacing-xs);
+	letter-spacing: var(--global--letter-spacing);
 }
 
 input[type="text"],
@@ -1206,7 +1207,7 @@ figcaption,
 .wp-caption-text {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	line-height: var(--global--font-line-height-xs);
+	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
 	margin-bottom: var(--global--spacing-unit);
 	text-align: center;
@@ -1248,262 +1249,6 @@ object {
 	min-width: 300px;
 }
 
-.wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail {
-	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
-}
-
-.wp-block-newspack-blocks-homepage-articles.image-alignleft .post-thumbnail {
-	margin-left: var(--global--spacing-vertical);
-}
-
-.wp-block-newspack-blocks-homepage-articles.image-alignright .post-thumbnail {
-	margin-right: var(--global--spacing-vertical);
-}
-
-.wp-block-newspack-blocks-homepage-articles.image-alignbehind .post-has-image .entry-wrapper {
-	padding: var(--global--spacing-vertical);
-}
-
-.wp-block-newspack-blocks-homepage-articles.is-grid article {
-	margin-top: 0;
-	margin-bottom: var(--global--spacing-vertical);
-}
-
-@media only screen and (min-width: 482px) {
-	.wp-block-newspack-blocks-homepage-articles.is-grid article {
-		margin-bottom: calc(3 * var(--global--spacing-vertical));
-	}
-}
-
-.wp-block-newspack-blocks-homepage-articles .article-section-title {
-	font-size: var(--global--font-size-base);
-	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
-}
-
-.wp-block-newspack-blocks-homepage-articles .article-section-title + article {
-	margin-top: 0;
-}
-
-.wp-block-newspack-blocks-homepage-articles article {
-	display: block;
-	/* Vertical margins logic between posts */
-	margin-top: calc(2 * var(--global--spacing-vertical));
-	margin-bottom: calc(2 * var(--global--spacing-vertical));
-}
-
-@media only screen and (min-width: 482px) {
-	.wp-block-newspack-blocks-homepage-articles article {
-		margin-top: calc(3 * var(--global--spacing-vertical));
-		margin-bottom: calc(3 * var(--global--spacing-vertical));
-	}
-}
-
-.wp-block-newspack-blocks-homepage-articles article:first-child {
-	margin-top: 0;
-}
-
-.wp-block-newspack-blocks-homepage-articles article:last-child {
-	margin-bottom: calc(3 * var(--global--spacing-vertical));
-}
-
-.wp-block-newspack-blocks-homepage-articles article .post-thumbnail img {
-	width: auto;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > * {
-	/* Vertical margins logic between post details */
-	margin-top: var(--global--spacing-unit);
-	margin-bottom: var(--global--spacing-unit);
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:first-child {
-	margin-top: 0;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:last-child {
-	margin-bottom: 0;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-title a {
-	color: var(--global--color-primary);
-}
-
-.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a {
-	color: currentColor;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus {
-	color: var(--global--color-primary-hover);
-	text-decoration: underline;
-}
-
-.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus {
-	color: currentColor;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-title a:active {
-	color: var(--global--color-primary);
-}
-
-@media only screen and (min-width: 482px) {
-	.wp-block-newspack-blocks-homepage-articles article .more-link {
-		margin-top: var(--global--spacing-unit);
-	}
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta,
-.wp-block-newspack-blocks-homepage-articles article .cat-links {
-	color: var(--global--color-foreground-light);
-	font-size: var(--global--font-size-sm);
-}
-
-.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta, .has-background:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links,
-[style*="background-color"]
-.wp-block-newspack-blocks-homepage-articles article .cat-links {
-	color: currentColor;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *,
-.wp-block-newspack-blocks-homepage-articles article .cat-links > span > * {
-	vertical-align: top;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta .byline:not(:last-child),
-.wp-block-newspack-blocks-homepage-articles article .cat-links .byline:not(:last-child) {
-	margin-left: var(--global--spacing-unit);
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta .published + .updated,
-.wp-block-newspack-blocks-homepage-articles article .cat-links .published + .updated {
-	display: none;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta a,
-.wp-block-newspack-blocks-homepage-articles article .cat-links a {
-	color: currentColor;
-	text-decoration: underline;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:active {
-	color: var(--global--color-primary-hover);
-	text-decoration: none;
-}
-
-.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, .has-background:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
-[style*="background-color"]
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, .has-background:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
-[style*="background-color"]
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:active {
-	color: currentColor;
-}
-
-button[data-load-more-btn],
-.button, button,
-input[type="submit"],
-.wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all {
-	line-height: var(--button--line-height);
-	color: var(--button--color-text);
-	cursor: pointer;
-	font-weight: var(--button--font-weight);
-	font-family: var(--button--font-family);
-	font-size: var(--button--font-size);
-	background-color: var(--button--color-background);
-	border-radius: var(--button--border-radius);
-	border-width: 0;
-	text-decoration: none;
-	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
-}
-
-button[data-load-more-btn]:before,
-.button:before, button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:after,
-.button:after, button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-button[data-load-more-btn]:before,
-.button:before, button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before {
-	margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
-}
-
-button[data-load-more-btn]:after,
-.button:after, button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after {
-	margin-top: -calc(.5em * var(--button--line-height) + -.39);
-}
-
-
-.button:active, button:active,
-input:active[type="submit"],
-.wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .a8c-posts-list__view-all:active {
-	color: var(--button--color-text-active);
-	background-color: var(--button--color-background-active);
-}
-
-
-.button:hover, button:hover,
-input:hover[type="submit"],
-.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover,
-.button:focus, button:focus,
-input:focus[type="submit"],
-.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus,
-.has-focus.button, button.has-focus,
-input.has-focus[type="submit"],
-.has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
-	color: var(--button--color-text-hover);
-	background-color: var(--button--color-background-hover);
-}
-
-button[data-load-more-btn],
-.button {
-	display: inline-block;
-}
-
-.has-background:not(.has-background-background-color) button[data-load-more-btn],
-[class*="background-color"]:not(.has-background-background-color) button[data-load-more-btn],
-[style*="background-color"] button[data-load-more-btn], .has-background:not(.has-background-background-color)
-.button,
-[class*="background-color"]:not(.has-background-background-color)
-.button,
-[style*="background-color"]
-.button {
-	background-color: transparent;
-	border: var(--button--border-width, 2px) solid currentColor;
-	color: currentColor;
-}
-
 /**
  * Button
  */
@@ -1856,7 +1601,7 @@ h6, .h6 {
 .wp-block-image figcaption {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	line-height: var(--global--line-height-xs);
+	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
 	margin-bottom: var(--global--spacing-unit);
 	text-align: center;
@@ -2547,7 +2292,7 @@ hr.wp-block-separator.is-style-dots:before {
 }
 
 .jetpack_subscription_widget input[type="text"] {
-	padding: var(--elements--form-padding) !important;
+	padding: var(--global--spacing-horizontal) !important;
 	width: 100% !important;
 }
 
@@ -3095,7 +2840,7 @@ nav a {
 
 .primary-navigation > .button:hover,
 .woo-navigation > .button:hover {
-	color: var(--primary-nav--color-hover);
+	color: var(--primary-nav--color-link-hover);
 }
 
 .primary-navigation-open .primary-navigation > .primary-menu-container, .primary-navigation-open
@@ -3931,7 +3676,7 @@ nav a {
 }
 
 .comment-meta .comment-author .avatar {
-	border: 2px solid var(--global--border-color);
+	border: 2px solid var(--global--color-border);
 	border-radius: 50%;
 	position: absolute;
 	top: 5px;
@@ -4192,6 +3937,341 @@ img#wpstats {
 /**
  * Jetpack Block styles
  */
+.wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail,
+.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
+	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+}
+
+.wp-block-newspack-blocks-homepage-articles.image-alignleft .post-thumbnail,
+.wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
+	margin-left: var(--global--spacing-vertical);
+}
+
+.wp-block-newspack-blocks-homepage-articles.image-alignright .post-thumbnail,
+.wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
+	margin-right: var(--global--spacing-vertical);
+}
+
+.wp-block-newspack-blocks-homepage-articles.image-alignbehind .post-has-image .entry-wrapper,
+.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
+	padding: var(--global--spacing-vertical);
+}
+
+.wp-block-newspack-blocks-homepage-articles.is-grid article,
+.wp-block-a8c-blog-posts.is-grid article {
+	margin-top: 0;
+	margin-bottom: var(--global--spacing-vertical);
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-newspack-blocks-homepage-articles.is-grid article,
+	.wp-block-a8c-blog-posts.is-grid article {
+		margin-bottom: calc(3 * var(--global--spacing-vertical));
+	}
+}
+
+.wp-block-newspack-blocks-homepage-articles .article-section-title,
+.wp-block-a8c-blog-posts .article-section-title {
+	font-size: var(--global--font-size-base);
+	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+}
+
+.wp-block-newspack-blocks-homepage-articles .article-section-title + article,
+.wp-block-a8c-blog-posts .article-section-title + article {
+	margin-top: 0;
+}
+
+.wp-block-newspack-blocks-homepage-articles article,
+.wp-block-a8c-blog-posts article {
+	display: block;
+	/* Vertical margins logic between posts */
+	margin-top: calc(2 * var(--global--spacing-vertical));
+	margin-bottom: calc(2 * var(--global--spacing-vertical));
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-newspack-blocks-homepage-articles article,
+	.wp-block-a8c-blog-posts article {
+		margin-top: calc(3 * var(--global--spacing-vertical));
+		margin-bottom: calc(3 * var(--global--spacing-vertical));
+	}
+}
+
+.wp-block-newspack-blocks-homepage-articles article:first-child,
+.wp-block-a8c-blog-posts article:first-child {
+	margin-top: 0;
+}
+
+.wp-block-newspack-blocks-homepage-articles article:last-child,
+.wp-block-a8c-blog-posts article:last-child {
+	margin-bottom: calc(3 * var(--global--spacing-vertical));
+}
+
+.wp-block-newspack-blocks-homepage-articles article .post-thumbnail img,
+.wp-block-a8c-blog-posts article .post-thumbnail img {
+	width: auto;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *,
+.wp-block-a8c-blog-posts article .entry-wrapper > * {
+	/* Vertical margins logic between post details */
+	margin-top: var(--global--spacing-unit);
+	margin-bottom: var(--global--spacing-unit);
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:first-child,
+.wp-block-a8c-blog-posts article .entry-wrapper > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:last-child,
+.wp-block-a8c-blog-posts article .entry-wrapper > *:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-title a,
+.wp-block-a8c-blog-posts article .entry-title a {
+	color: var(--global--color-primary);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-title a {
+	color: currentColor;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
+.wp-block-a8c-blog-posts article .entry-title a:hover,
+.wp-block-a8c-blog-posts article .entry-title a:focus {
+	color: var(--global--color-primary-hover);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a:hover,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-title a:hover, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a:focus,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a:focus,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-title a:focus {
+	color: currentColor;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-title a:active,
+.wp-block-a8c-blog-posts article .entry-title a:active {
+	color: var(--global--color-primary);
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-newspack-blocks-homepage-articles article .more-link,
+	.wp-block-a8c-blog-posts article .more-link {
+		margin-top: var(--global--spacing-unit);
+	}
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta,
+.wp-block-newspack-blocks-homepage-articles article .cat-links,
+.wp-block-a8c-blog-posts article .entry-meta,
+.wp-block-a8c-blog-posts article .cat-links {
+	color: var(--global--color-foreground-light);
+	font-size: var(--global--font-size-sm);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta, .has-background:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links,
+[style*="background-color"]
+.wp-block-newspack-blocks-homepage-articles article .cat-links, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-meta, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .cat-links {
+	color: currentColor;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *,
+.wp-block-newspack-blocks-homepage-articles article .cat-links > span > *,
+.wp-block-a8c-blog-posts article .entry-meta > span > *,
+.wp-block-a8c-blog-posts article .cat-links > span > * {
+	vertical-align: top;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta .byline:not(:last-child),
+.wp-block-newspack-blocks-homepage-articles article .cat-links .byline:not(:last-child),
+.wp-block-a8c-blog-posts article .entry-meta .byline:not(:last-child),
+.wp-block-a8c-blog-posts article .cat-links .byline:not(:last-child) {
+	margin-left: var(--global--spacing-unit);
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta .published + .updated,
+.wp-block-newspack-blocks-homepage-articles article .cat-links .published + .updated,
+.wp-block-a8c-blog-posts article .entry-meta .published + .updated,
+.wp-block-a8c-blog-posts article .cat-links .published + .updated {
+	display: none;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta a,
+.wp-block-newspack-blocks-homepage-articles article .cat-links a,
+.wp-block-a8c-blog-posts article .entry-meta a,
+.wp-block-a8c-blog-posts article .cat-links a {
+	color: currentColor;
+	text-decoration: underline;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
+.wp-block-a8c-blog-posts article .entry-meta a:hover,
+.wp-block-a8c-blog-posts article .entry-meta a:active,
+.wp-block-a8c-blog-posts article .cat-links a:hover,
+.wp-block-a8c-blog-posts article .cat-links a:active {
+	color: var(--global--color-primary-hover);
+	text-decoration: none;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, .has-background:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
+[style*="background-color"]
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, .has-background:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
+[style*="background-color"]
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:active, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta a:hover,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-meta a:hover, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta a:active,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta a:active,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-meta a:active, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links a:hover,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .cat-links a:hover, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links a:active,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links a:active,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .cat-links a:active {
+	color: currentColor;
+}
+
+button,
+.button,
+input[type="submit"],
+.wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all, button[data-load-more-btn] {
+	line-height: var(--button--line-height);
+	color: var(--button--color-text);
+	cursor: pointer;
+	font-weight: var(--button--font-weight);
+	font-family: var(--button--font-family);
+	font-size: var(--button--font-size);
+	background-color: var(--button--color-background);
+	border-radius: var(--button--border-radius);
+	border-width: 0;
+	text-decoration: none;
+	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
+	margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+}
+
+button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
+	margin-top: -calc(.5em * var(--button--line-height) + -.39);
+}
+
+button:active,
+.button:active,
+input:active[type="submit"],
+.wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .a8c-posts-list__view-all:active {
+	color: var(--button--color-text-active);
+	background-color: var(--button--color-background-active);
+}
+
+button:hover,
+.button:hover,
+input:hover[type="submit"],
+.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, button:focus,
+.button:focus,
+input:focus[type="submit"],
+.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus, button.has-focus,
+.has-focus.button,
+input.has-focus[type="submit"],
+.has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
+	color: var(--button--color-text-hover);
+	background-color: var(--button--color-background-hover);
+}
+
+button[data-load-more-btn],
+.button {
+	display: inline-block;
+}
+
+.has-background:not(.has-background-background-color) button[data-load-more-btn],
+[class*="background-color"]:not(.has-background-background-color) button[data-load-more-btn],
+[style*="background-color"] button[data-load-more-btn], .has-background:not(.has-background-background-color)
+.button,
+[class*="background-color"]:not(.has-background-background-color)
+.button,
+[style*="background-color"]
+.button {
+	background-color: transparent;
+	border: var(--button--border-width, 2px) solid currentColor;
+	color: currentColor;
+}
+
 .wp-block-jetpack-layout-grid {
 	grid-gap: var(--layout-grid--gutter-large) !important;
 	padding-right: var(--layout-grid--gutter-large) !important;
@@ -4206,6 +4286,26 @@ img#wpstats {
 	padding-left: var(--layout-grid--background-offset) !important;
 }
 
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * {
+	margin-top: calc( 0.666 * var(--global--spacing-vertical));
+	margin-bottom: calc( 0.666 * var(--global--spacing-vertical));
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * {
+		margin-top: var(--global--spacing-vertical);
+		margin-bottom: var(--global--spacing-vertical);
+	}
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > *:last-child {
+	margin-bottom: 0;
+}
+
 /* Gutter Options */
 .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__none {
 	grid-gap: var(--layout-grid--gutter-none) !important;

seedlet/style.css

@@ -85,6 +85,7 @@ Included in theme screenshot.
 	--global--font-size-xl: 28px;
 	--global--font-size-xxl: 32px;
 	--global--font-size-xxxl: 48px;
+	--global--letter-spacing: normal;
 	/* Line Height */
 	--global--line-height-base: 1;
 	--global--line-height-body: 1.7;
@@ -123,7 +124,7 @@ Included in theme screenshot.
 	--global--border-radius-none: 0;
 	--form--font-family: var(--global--font-secondary);
 	--form--font-size: var(--global--font-size-md);
-	--form--line-height: var(--global-line-height-body);
+	--form--line-height: var(--global--line-height-body);
 	--form--color-text: var(--global--color-foreground);
 	--form--border-color: var(--global--color-border);
 	--form--border-width: 2px;
@@ -154,12 +155,12 @@ Included in theme screenshot.
 	--heading--font-size-h3: var(--global--font-size-xl);
 	--heading--font-size-h2: var(--global--font-size-xxl);
 	--heading--font-size-h1: var(--global--font-size-xxxl);
-	--heading--letter-spacing-h6: var(--global--letter-spacing-md);
-	--heading--letter-spacing-h5: var(--global--letter-spacing-md);
-	--heading--letter-spacing-h4: var(--global--letter-spacing-lg);
-	--heading--letter-spacing-h3: var(--global--letter-spacing-xl);
-	--heading--letter-spacing-h2: var(--global--letter-spacing-xxl);
-	--heading--letter-spacing-h1: var(--global--letter-spacing-xxxl);
+	--heading--letter-spacing-h6: var(--global--letter-spacing);
+	--heading--letter-spacing-h5: var(--global--letter-spacing);
+	--heading--letter-spacing-h4: var(--global--letter-spacing);
+	--heading--letter-spacing-h3: var(--global--letter-spacing);
+	--heading--letter-spacing-h2: var(--global--letter-spacing);
+	--heading--letter-spacing-h1: var(--global--letter-spacing);
 	--heading--line-height-h6: 1.3;
 	--heading--line-height-h5: 1.3;
 	--heading--line-height-h4: 1.3;
@@ -354,7 +355,8 @@ Included in theme screenshot.
 /**
  * Extends
  */
-.default-max-width, hr.wp-block-separator.is-style-wide, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+.default-max-width, hr.wp-block-separator.is-style-wide, .page-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.entry-attachment):not(.woocommerce),
 .entry-content [class*="inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator), .entry-content .wp-audio-shortcode, .post-thumbnail, .navigation {
 	max-width: var(--responsive--aligndefault-width);
 	margin-left: auto;
@@ -627,10 +629,10 @@ Included in theme screenshot.
  * Base
  * - Reset the browser
  */
-button[data-load-more-btn],
-.button, button,
+button,
+.button,
 input[type="submit"],
-.wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all {
+.wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all, button[data-load-more-btn] {
 	line-height: var(--button--line-height);
 	color: var(--button--color-text);
 	cursor: pointer;
@@ -644,49 +646,49 @@ input[type="submit"],
 	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
 }
 
-button[data-load-more-btn]:before,
-.button:before, button:before,
+button:before,
+.button:before,
 input[type="submit"]:before,
-.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:after,
-.button:after, button:after,
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
+.button:after,
 input[type="submit"]:after,
-.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after {
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
 	content: '';
 	display: block;
 	height: 0;
 	width: 0;
 }
 
-button[data-load-more-btn]:before,
-.button:before, button:before,
+button:before,
+.button:before,
 input[type="submit"]:before,
-.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before {
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
 	margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
 }
 
-button[data-load-more-btn]:after,
-.button:after, button:after,
+button:after,
+.button:after,
 input[type="submit"]:after,
-.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after {
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
 	margin-top: -calc(.5em * var(--button--line-height) + -.39);
 }
 
-
-.button:active, button:active,
+button:active,
+.button:active,
 input:active[type="submit"],
 .wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .a8c-posts-list__view-all:active {
 	color: var(--button--color-text-active);
 	background-color: var(--button--color-background-active);
 }
 
-
-.button:hover, button:hover,
+button:hover,
+.button:hover,
 input:hover[type="submit"],
-.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover,
-.button:focus, button:focus,
+.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, button:focus,
+.button:focus,
 input:focus[type="submit"],
-.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus,
-.has-focus.button, button.has-focus,
+.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus, button.has-focus,
+.has-focus.button,
 input.has-focus[type="submit"],
 .has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
 	color: var(--button--color-text-hover);
@@ -1118,7 +1120,7 @@ blockquote cite,
 blockquote footer {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	letter-spacing: var(--global--letter-spacing-xs);
+	letter-spacing: var(--global--letter-spacing);
 }
 
 blockquote > * {
@@ -1148,7 +1150,7 @@ blockquote.alignleft cite,
 blockquote.alignleft footer, blockquote.alignright cite,
 blockquote.alignright footer {
 	font-size: var(--global--font-size-xs);
-	letter-spacing: var(--global--letter-spacing-xs);
+	letter-spacing: var(--global--letter-spacing);
 }
 
 input[type="text"],
@@ -1214,7 +1216,7 @@ figcaption,
 .wp-caption-text {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	line-height: var(--global--font-line-height-xs);
+	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
 	margin-bottom: var(--global--spacing-unit);
 	text-align: center;
@@ -1256,262 +1258,6 @@ object {
 	min-width: 300px;
 }
 
-.wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail {
-	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
-}
-
-.wp-block-newspack-blocks-homepage-articles.image-alignleft .post-thumbnail {
-	margin-right: var(--global--spacing-vertical);
-}
-
-.wp-block-newspack-blocks-homepage-articles.image-alignright .post-thumbnail {
-	margin-left: var(--global--spacing-vertical);
-}
-
-.wp-block-newspack-blocks-homepage-articles.image-alignbehind .post-has-image .entry-wrapper {
-	padding: var(--global--spacing-vertical);
-}
-
-.wp-block-newspack-blocks-homepage-articles.is-grid article {
-	margin-top: 0;
-	margin-bottom: var(--global--spacing-vertical);
-}
-
-@media only screen and (min-width: 482px) {
-	.wp-block-newspack-blocks-homepage-articles.is-grid article {
-		margin-bottom: calc(3 * var(--global--spacing-vertical));
-	}
-}
-
-.wp-block-newspack-blocks-homepage-articles .article-section-title {
-	font-size: var(--global--font-size-base);
-	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
-}
-
-.wp-block-newspack-blocks-homepage-articles .article-section-title + article {
-	margin-top: 0;
-}
-
-.wp-block-newspack-blocks-homepage-articles article {
-	display: block;
-	/* Vertical margins logic between posts */
-	margin-top: calc(2 * var(--global--spacing-vertical));
-	margin-bottom: calc(2 * var(--global--spacing-vertical));
-}
-
-@media only screen and (min-width: 482px) {
-	.wp-block-newspack-blocks-homepage-articles article {
-		margin-top: calc(3 * var(--global--spacing-vertical));
-		margin-bottom: calc(3 * var(--global--spacing-vertical));
-	}
-}
-
-.wp-block-newspack-blocks-homepage-articles article:first-child {
-	margin-top: 0;
-}
-
-.wp-block-newspack-blocks-homepage-articles article:last-child {
-	margin-bottom: calc(3 * var(--global--spacing-vertical));
-}
-
-.wp-block-newspack-blocks-homepage-articles article .post-thumbnail img {
-	width: auto;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > * {
-	/* Vertical margins logic between post details */
-	margin-top: var(--global--spacing-unit);
-	margin-bottom: var(--global--spacing-unit);
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:first-child {
-	margin-top: 0;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:last-child {
-	margin-bottom: 0;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-title a {
-	color: var(--global--color-primary);
-}
-
-.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a {
-	color: currentColor;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus {
-	color: var(--global--color-primary-hover);
-	text-decoration: underline;
-}
-
-.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus {
-	color: currentColor;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-title a:active {
-	color: var(--global--color-primary);
-}
-
-@media only screen and (min-width: 482px) {
-	.wp-block-newspack-blocks-homepage-articles article .more-link {
-		margin-top: var(--global--spacing-unit);
-	}
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta,
-.wp-block-newspack-blocks-homepage-articles article .cat-links {
-	color: var(--global--color-foreground-light);
-	font-size: var(--global--font-size-sm);
-}
-
-.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta, .has-background:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links,
-[style*="background-color"]
-.wp-block-newspack-blocks-homepage-articles article .cat-links {
-	color: currentColor;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *,
-.wp-block-newspack-blocks-homepage-articles article .cat-links > span > * {
-	vertical-align: top;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta .byline:not(:last-child),
-.wp-block-newspack-blocks-homepage-articles article .cat-links .byline:not(:last-child) {
-	margin-right: var(--global--spacing-unit);
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta .published + .updated,
-.wp-block-newspack-blocks-homepage-articles article .cat-links .published + .updated {
-	display: none;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta a,
-.wp-block-newspack-blocks-homepage-articles article .cat-links a {
-	color: currentColor;
-	text-decoration: underline;
-}
-
-.wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:active {
-	color: var(--global--color-primary-hover);
-	text-decoration: none;
-}
-
-.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
-[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
-[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, .has-background:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
-[style*="background-color"]
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, .has-background:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
-[class*="background-color"]:not(.has-background-background-color)
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
-[style*="background-color"]
-.wp-block-newspack-blocks-homepage-articles article .cat-links a:active {
-	color: currentColor;
-}
-
-button[data-load-more-btn],
-.button, button,
-input[type="submit"],
-.wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all {
-	line-height: var(--button--line-height);
-	color: var(--button--color-text);
-	cursor: pointer;
-	font-weight: var(--button--font-weight);
-	font-family: var(--button--font-family);
-	font-size: var(--button--font-size);
-	background-color: var(--button--color-background);
-	border-radius: var(--button--border-radius);
-	border-width: 0;
-	text-decoration: none;
-	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
-}
-
-button[data-load-more-btn]:before,
-.button:before, button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:after,
-.button:after, button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after {
-	content: '';
-	display: block;
-	height: 0;
-	width: 0;
-}
-
-button[data-load-more-btn]:before,
-.button:before, button:before,
-input[type="submit"]:before,
-.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before {
-	margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
-}
-
-button[data-load-more-btn]:after,
-.button:after, button:after,
-input[type="submit"]:after,
-.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after {
-	margin-top: -calc(.5em * var(--button--line-height) + -.39);
-}
-
-
-.button:active, button:active,
-input:active[type="submit"],
-.wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .a8c-posts-list__view-all:active {
-	color: var(--button--color-text-active);
-	background-color: var(--button--color-background-active);
-}
-
-
-.button:hover, button:hover,
-input:hover[type="submit"],
-.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover,
-.button:focus, button:focus,
-input:focus[type="submit"],
-.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus,
-.has-focus.button, button.has-focus,
-input.has-focus[type="submit"],
-.has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
-	color: var(--button--color-text-hover);
-	background-color: var(--button--color-background-hover);
-}
-
-button[data-load-more-btn],
-.button {
-	display: inline-block;
-}
-
-.has-background:not(.has-background-background-color) button[data-load-more-btn],
-[class*="background-color"]:not(.has-background-background-color) button[data-load-more-btn],
-[style*="background-color"] button[data-load-more-btn], .has-background:not(.has-background-background-color)
-.button,
-[class*="background-color"]:not(.has-background-background-color)
-.button,
-[style*="background-color"]
-.button {
-	background-color: transparent;
-	border: var(--button--border-width, 2px) solid currentColor;
-	color: currentColor;
-}
-
 /**
  * Button
  */
@@ -1864,7 +1610,7 @@ h6, .h6 {
 .wp-block-image figcaption {
 	color: var(--global--color-foreground-light);
 	font-size: var(--global--font-size-xs);
-	line-height: var(--global--line-height-xs);
+	line-height: var(--global--line-height-body);
 	margin-top: calc(0.5 * var(--global--spacing-unit));
 	margin-bottom: var(--global--spacing-unit);
 	text-align: center;
@@ -2555,7 +2301,7 @@ hr.wp-block-separator.is-style-dots:before {
 }
 
 .jetpack_subscription_widget input[type="text"] {
-	padding: var(--elements--form-padding) !important;
+	padding: var(--global--spacing-horizontal) !important;
 	width: 100% !important;
 }
 
@@ -3120,7 +2866,7 @@ nav a {
 
 .primary-navigation > .button:hover,
 .woo-navigation > .button:hover {
-	color: var(--primary-nav--color-hover);
+	color: var(--primary-nav--color-link-hover);
 }
 
 .primary-navigation-open .primary-navigation > .primary-menu-container, .primary-navigation-open
@@ -3956,7 +3702,7 @@ nav a {
 }
 
 .comment-meta .comment-author .avatar {
-	border: 2px solid var(--global--border-color);
+	border: 2px solid var(--global--color-border);
 	border-radius: 50%;
 	position: absolute;
 	top: 5px;
@@ -4217,6 +3963,341 @@ img#wpstats {
 /**
  * Jetpack Block styles
  */
+.wp-block-newspack-blocks-homepage-articles.image-aligntop .post-thumbnail,
+.wp-block-a8c-blog-posts.image-aligntop .post-thumbnail {
+	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+}
+
+.wp-block-newspack-blocks-homepage-articles.image-alignleft .post-thumbnail,
+.wp-block-a8c-blog-posts.image-alignleft .post-thumbnail {
+	margin-right: var(--global--spacing-vertical);
+}
+
+.wp-block-newspack-blocks-homepage-articles.image-alignright .post-thumbnail,
+.wp-block-a8c-blog-posts.image-alignright .post-thumbnail {
+	margin-left: var(--global--spacing-vertical);
+}
+
+.wp-block-newspack-blocks-homepage-articles.image-alignbehind .post-has-image .entry-wrapper,
+.wp-block-a8c-blog-posts.image-alignbehind .post-has-image .entry-wrapper {
+	padding: var(--global--spacing-vertical);
+}
+
+.wp-block-newspack-blocks-homepage-articles.is-grid article,
+.wp-block-a8c-blog-posts.is-grid article {
+	margin-top: 0;
+	margin-bottom: var(--global--spacing-vertical);
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-newspack-blocks-homepage-articles.is-grid article,
+	.wp-block-a8c-blog-posts.is-grid article {
+		margin-bottom: calc(3 * var(--global--spacing-vertical));
+	}
+}
+
+.wp-block-newspack-blocks-homepage-articles .article-section-title,
+.wp-block-a8c-blog-posts .article-section-title {
+	font-size: var(--global--font-size-base);
+	margin-bottom: calc(0.5 * var(--global--spacing-vertical));
+}
+
+.wp-block-newspack-blocks-homepage-articles .article-section-title + article,
+.wp-block-a8c-blog-posts .article-section-title + article {
+	margin-top: 0;
+}
+
+.wp-block-newspack-blocks-homepage-articles article,
+.wp-block-a8c-blog-posts article {
+	display: block;
+	/* Vertical margins logic between posts */
+	margin-top: calc(2 * var(--global--spacing-vertical));
+	margin-bottom: calc(2 * var(--global--spacing-vertical));
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-newspack-blocks-homepage-articles article,
+	.wp-block-a8c-blog-posts article {
+		margin-top: calc(3 * var(--global--spacing-vertical));
+		margin-bottom: calc(3 * var(--global--spacing-vertical));
+	}
+}
+
+.wp-block-newspack-blocks-homepage-articles article:first-child,
+.wp-block-a8c-blog-posts article:first-child {
+	margin-top: 0;
+}
+
+.wp-block-newspack-blocks-homepage-articles article:last-child,
+.wp-block-a8c-blog-posts article:last-child {
+	margin-bottom: calc(3 * var(--global--spacing-vertical));
+}
+
+.wp-block-newspack-blocks-homepage-articles article .post-thumbnail img,
+.wp-block-a8c-blog-posts article .post-thumbnail img {
+	width: auto;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *,
+.wp-block-a8c-blog-posts article .entry-wrapper > * {
+	/* Vertical margins logic between post details */
+	margin-top: var(--global--spacing-unit);
+	margin-bottom: var(--global--spacing-unit);
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:first-child,
+.wp-block-a8c-blog-posts article .entry-wrapper > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-wrapper > *:last-child,
+.wp-block-a8c-blog-posts article .entry-wrapper > *:last-child {
+	margin-bottom: 0;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-title a,
+.wp-block-a8c-blog-posts article .entry-title a {
+	color: var(--global--color-primary);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-title a {
+	color: currentColor;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
+.wp-block-a8c-blog-posts article .entry-title a:hover,
+.wp-block-a8c-blog-posts article .entry-title a:focus {
+	color: var(--global--color-primary-hover);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-title a:focus, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a:hover,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-title a:hover, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a:focus,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-title a:focus,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-title a:focus {
+	color: currentColor;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-title a:active,
+.wp-block-a8c-blog-posts article .entry-title a:active {
+	color: var(--global--color-primary);
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-newspack-blocks-homepage-articles article .more-link,
+	.wp-block-a8c-blog-posts article .more-link {
+		margin-top: var(--global--spacing-unit);
+	}
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta,
+.wp-block-newspack-blocks-homepage-articles article .cat-links,
+.wp-block-a8c-blog-posts article .entry-meta,
+.wp-block-a8c-blog-posts article .cat-links {
+	color: var(--global--color-foreground-light);
+	font-size: var(--global--font-size-sm);
+}
+
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta, .has-background:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links,
+[style*="background-color"]
+.wp-block-newspack-blocks-homepage-articles article .cat-links, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-meta, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .cat-links {
+	color: currentColor;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta > span > *,
+.wp-block-newspack-blocks-homepage-articles article .cat-links > span > *,
+.wp-block-a8c-blog-posts article .entry-meta > span > *,
+.wp-block-a8c-blog-posts article .cat-links > span > * {
+	vertical-align: top;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta .byline:not(:last-child),
+.wp-block-newspack-blocks-homepage-articles article .cat-links .byline:not(:last-child),
+.wp-block-a8c-blog-posts article .entry-meta .byline:not(:last-child),
+.wp-block-a8c-blog-posts article .cat-links .byline:not(:last-child) {
+	margin-right: var(--global--spacing-unit);
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta .published + .updated,
+.wp-block-newspack-blocks-homepage-articles article .cat-links .published + .updated,
+.wp-block-a8c-blog-posts article .entry-meta .published + .updated,
+.wp-block-a8c-blog-posts article .cat-links .published + .updated {
+	display: none;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta a,
+.wp-block-newspack-blocks-homepage-articles article .cat-links a,
+.wp-block-a8c-blog-posts article .entry-meta a,
+.wp-block-a8c-blog-posts article .cat-links a {
+	color: currentColor;
+	text-decoration: underline;
+}
+
+.wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
+.wp-block-a8c-blog-posts article .entry-meta a:hover,
+.wp-block-a8c-blog-posts article .entry-meta a:active,
+.wp-block-a8c-blog-posts article .cat-links a:hover,
+.wp-block-a8c-blog-posts article .cat-links a:active {
+	color: var(--global--color-primary-hover);
+	text-decoration: none;
+}
+
+.has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:hover, .has-background:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
+[class*="background-color"]:not(.has-background-background-color) .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active,
+[style*="background-color"] .wp-block-newspack-blocks-homepage-articles article .entry-meta a:active, .has-background:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover,
+[style*="background-color"]
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:hover, .has-background:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:active,
+[style*="background-color"]
+.wp-block-newspack-blocks-homepage-articles article .cat-links a:active, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta a:hover,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-meta a:hover, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta a:active,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .entry-meta a:active,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .entry-meta a:active, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links a:hover,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links a:hover,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .cat-links a:hover, .has-background:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links a:active,
+[class*="background-color"]:not(.has-background-background-color)
+.wp-block-a8c-blog-posts article .cat-links a:active,
+[style*="background-color"]
+.wp-block-a8c-blog-posts article .cat-links a:active {
+	color: currentColor;
+}
+
+button,
+.button,
+input[type="submit"],
+.wp-block-button__link, .wp-block-file .wp-block-file__button, .a8c-posts-list__view-all, button[data-load-more-btn] {
+	line-height: var(--button--line-height);
+	color: var(--button--color-text);
+	cursor: pointer;
+	font-weight: var(--button--font-weight);
+	font-family: var(--button--font-family);
+	font-size: var(--button--font-size);
+	background-color: var(--button--color-background);
+	border-radius: var(--button--border-radius);
+	border-width: 0;
+	text-decoration: none;
+	padding: var(--button--padding-vertical) var(--button--padding-horizontal);
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before, button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
+	content: '';
+	display: block;
+	height: 0;
+	width: 0;
+}
+
+button:before,
+.button:before,
+input[type="submit"]:before,
+.wp-block-button__link:before, .wp-block-file .wp-block-file__button:before, .a8c-posts-list__view-all:before, button[data-load-more-btn]:before {
+	margin-bottom: -calc(.5em * var(--button--line-height) + -.38);
+}
+
+button:after,
+.button:after,
+input[type="submit"]:after,
+.wp-block-button__link:after, .wp-block-file .wp-block-file__button:after, .a8c-posts-list__view-all:after, button[data-load-more-btn]:after {
+	margin-top: -calc(.5em * var(--button--line-height) + -.39);
+}
+
+button:active,
+.button:active,
+input:active[type="submit"],
+.wp-block-button__link:active, .wp-block-file .wp-block-file__button:active, .a8c-posts-list__view-all:active {
+	color: var(--button--color-text-active);
+	background-color: var(--button--color-background-active);
+}
+
+button:hover,
+.button:hover,
+input:hover[type="submit"],
+.wp-block-button__link:hover, .wp-block-file .wp-block-file__button:hover, .a8c-posts-list__view-all:hover, button:focus,
+.button:focus,
+input:focus[type="submit"],
+.wp-block-button__link:focus, .wp-block-file .wp-block-file__button:focus, .a8c-posts-list__view-all:focus, button.has-focus,
+.has-focus.button,
+input.has-focus[type="submit"],
+.has-focus.wp-block-button__link, .wp-block-file .has-focus.wp-block-file__button, .has-focus.a8c-posts-list__view-all {
+	color: var(--button--color-text-hover);
+	background-color: var(--button--color-background-hover);
+}
+
+button[data-load-more-btn],
+.button {
+	display: inline-block;
+}
+
+.has-background:not(.has-background-background-color) button[data-load-more-btn],
+[class*="background-color"]:not(.has-background-background-color) button[data-load-more-btn],
+[style*="background-color"] button[data-load-more-btn], .has-background:not(.has-background-background-color)
+.button,
+[class*="background-color"]:not(.has-background-background-color)
+.button,
+[style*="background-color"]
+.button {
+	background-color: transparent;
+	border: var(--button--border-width, 2px) solid currentColor;
+	color: currentColor;
+}
+
 .wp-block-jetpack-layout-grid {
 	grid-gap: var(--layout-grid--gutter-large) !important;
 	padding-left: var(--layout-grid--gutter-large) !important;
@@ -4231,6 +4312,26 @@ img#wpstats {
 	padding-right: var(--layout-grid--background-offset) !important;
 }
 
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * {
+	margin-top: calc( 0.666 * var(--global--spacing-vertical));
+	margin-bottom: calc( 0.666 * var(--global--spacing-vertical));
+}
+
+@media only screen and (min-width: 482px) {
+	.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > * {
+		margin-top: var(--global--spacing-vertical);
+		margin-bottom: var(--global--spacing-vertical);
+	}
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > *:first-child {
+	margin-top: 0;
+}
+
+.wp-block-jetpack-layout-grid .wp-block-jetpack-layout-grid-column > *:last-child {
+	margin-bottom: 0;
+}
+
 /* Gutter Options */
 .wp-block-jetpack-layout-grid .wp-block-jetpack-layout-gutter__none {
 	grid-gap: var(--layout-grid--gutter-none) !important;