Hotfix/WDSEN-56 Font Build Process + cleanup

assets/scss/blocks/core/footnotes.scss

@@ -1,18 +1,14 @@
 /* -- footnotes -- */
 
 .wp-block-footnotes {
-	list-style-position: inside;
-
 	li {
-
 		a {
 			text-decoration: none;
 		}
 	}
 }
 
 .wp-block-heading {
-
 	sup {
 		padding: 0 0.5rem;
 

assets/scss/blocks/core/latest-comments.scss

@@ -10,6 +10,18 @@
 			var(--wp--style--global--content-size) - 30%
 		) !important;
 	}
+
+	li {
+		display: inline-flex;
+		flex-direction: row;
+		flex-wrap: nowrap;
+		gap: var(--wp--preset--spacing--20);
+		width: 100%;
+
+		&:last-of-type {
+			margin-bottom: 0;
+		}
+	}
 }
 
 /* stylelint-enable selector-class-pattern, declaration-no-important */

assets/scss/blocks/core/latest-posts.scss

@@ -8,15 +8,15 @@
 	padding-bottom: var(--wp--preset--spacing--30);
 
 	li {
+		background: var(--wp--preset--color--base, #fff);
 		border-radius: var(--wp--preset--border-radius--md);
 		border: 1px solid var(--wp--preset--color--contrast, rgba(0, 0, 0, 0.1));
 		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
-		background: var(--wp--preset--color--base, #fff);
-		padding: var(--wp--preset--spacing--30);
 		display: inline-flex;
 		flex-direction: column;
 		gap: var(--wp--preset--spacing--20);
 		justify-content: flex-start;
+		padding: var(--wp--preset--spacing--30);
 		position: relative;
 		width: 100%;
 
@@ -61,7 +61,7 @@
 	&.is-grid {
 		li {
 			margin-bottom: 0;
-			padding: 0;
+			margin-right: 0;
 
 			.wp-block-latest-posts__featured-image {
 				height: unset;

assets/scss/blocks/core/list.scss

@@ -10,22 +10,17 @@ main,
 	ol {
 		&:not([class]),
 		&.wp-block-list {
-			list-style-position: inside;
-			padding-left: var(--wp--preset--spacing--30);
-
 			li {
-				padding-bottom: var(--wp--preset--spacing--20);
+				padding-bottom: var(--wp--preset--spacing--40);
 
-				&:last-child {
+				&:last-of-type {
 					padding-bottom: 0;
 				}
 
 				/* Nested lists */
 				ul,
 				ol {
-					padding-left: var(
-						--wp--preset--spacing--30
-					) !important; /* stylelint-disable-line declaration-no-important */
+					padding-top: var(--wp--preset--spacing--40);
 					padding-bottom: 0;
 				}
 			}

assets/scss/blocks/core/page-list.scss

@@ -1,12 +1,7 @@
 /* -- page list -- */
 
 .wp-block-page-list {
-	list-style-position: inside;
-	padding-left: 0.75rem;
-
 	li {
-		padding-bottom: 0.75rem;
-
 		&::marker {
 			color: var(--wp--preset--color--contrast);
 			font-size: var(--wp--preset--font-size--s);
@@ -24,10 +19,5 @@
 				color: var(--wp--preset--color--accent-1);
 			}
 		}
-
-		ul {
-			padding-left: 1.5rem;
-			padding-top: 0.75rem;
-		}
 	}
 }

assets/scss/blocks/core/video.scss

@@ -1,6 +1,9 @@
 /* -- video -- */
 
 .wp-block-video {
+	video {
+		aspect-ratio: 16/9;
+	}
 
 	figcaption {
 		text-align: center;

assets/scss/editor.scss

@@ -1,6 +1,3 @@
 @use './index';
 
 /* -- Editor Styles -- */
-.block-editor-block-list__block [contenteditable] {
-	display: inline;
-}

assets/scss/templates/block-showcase.scss

@@ -85,6 +85,67 @@
 			}
 		}
 
+		.wdsbt-showcase-colors {
+			display: grid;
+			grid-template-columns: repeat(2, 1fr);
+			gap: 0.75rem;
+
+			@include responsive-mixins.responsive-min(600px) {
+				grid-template-columns: repeat(3, 1fr);
+			}
+
+			@include responsive-mixins.responsive-min(960px) {
+				grid-template-columns: repeat(6, 1fr);
+			}
+		}
+
+		.wdsbt-showcase-color-swatch {
+			display: flex;
+			flex-direction: column;
+			overflow: hidden;
+			border: 1px solid rgba(0, 0, 0, 0.12);
+			border-radius: var(--wp--preset--border-radius--sm, 6px);
+			background: var(--wp--preset--color--base, #fff);
+			min-width: 0;
+		}
+
+		.wdsbt-showcase-color-header {
+			flex: 0 0 auto;
+			padding: 0.35rem 0.5rem;
+			font-size: var(--wp--preset--font-size--x-small);
+			font-weight: 600;
+			line-height: 1.2;
+			letter-spacing: 0.02em;
+			color: #fff;
+			background: #000;
+			white-space: nowrap;
+			overflow: hidden;
+			text-overflow: ellipsis;
+		}
+
+		.wdsbt-showcase-color-preview {
+			flex: 1 1 auto;
+			display: flex;
+			align-items: center;
+			justify-content: center;
+			min-height: 4.5rem;
+			padding: 0.5rem;
+			background: var(--wdsbt-swatch-color);
+		}
+
+		.wdsbt-showcase-color-hex {
+			margin: 0;
+			padding: 0;
+			font-family: inherit;
+			font-size: var(--wp--preset--font-size--small);
+			font-weight: 600;
+			line-height: 1.2;
+			text-align: center;
+			word-break: break-all;
+			background: transparent;
+			border: none;
+		}
+
 		.wdsbt-showcase-blocks {
 			display: grid;
 			grid-template-columns: 1fr;