Brompton: Add styles for the Blog Posts Listing

brompton/sass/_extra-child-theme.scss

@@ -290,7 +290,54 @@ table,
 .wp-block-table {
 	td,
 	th {
-		border-color: map-deep-get($config-global, "color", "border", "default");
+		border-color: #{map-deep-get($config-global, "color", "border", "default")};
+	}
+}
+
+// Blog Posts Listing
+.a8c-posts-list {
+	text-align: center;
+
+	.a8c-posts-list-item__featured {
+		span {
+			border-radius: #{map-deep-get($config-global, "border-radius", "sm")};
+			display: inline-block;
+			font-weight: 900;
+			text-transform: uppercase;
+		}
+	}
+
+	.a8c-posts-list-item__title {
+		a {
+			color: inherit;
+			text-decoration: none;
+
+			&:active,
+			&:focus,
+			&:hover {
+				color: #{map-deep-get($config-global, "color", "primary", "default")};
+			}
+		}
+	}
+
+	.a8c-posts-list-item__meta {
+		a {
+			text-decoration: none;
+
+			&:active,
+			&:focus,
+			&:hover {
+				color: #{map-deep-get($config-global, "color", "primary", "default")};
+			}
+		}
+	}
+
+	.a8c-posts-list-item__excerpt {
+		text-align: left;
+	}
+
+	.a8c-posts-list__view-all {
+		text-decoration: none;
 	}
 }
 

brompton/style-rtl.css

@@ -3386,6 +3386,38 @@ table th,
 	border-color: rgba(0, 0, 0, 0.25);
 }
 
+.a8c-posts-list {
+	text-align: center;
+}
+
+.a8c-posts-list .a8c-posts-list-item__featured span {
+	border-radius: 4px;
+	display: inline-block;
+	font-weight: 900;
+	text-transform: uppercase;
+}
+
+.a8c-posts-list .a8c-posts-list-item__title a {
+	color: inherit;
+	text-decoration: none;
+}
+
+.a8c-posts-list .a8c-posts-list-item__title a:active, .a8c-posts-list .a8c-posts-list-item__title a:focus, .a8c-posts-list .a8c-posts-list-item__title a:hover {
+	color: #C04239;
+}
+
+.a8c-posts-list .a8c-posts-list-item__meta a {
+	text-decoration: none;
+}
+
+.a8c-posts-list .a8c-posts-list-item__excerpt {
+	text-align: right;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all {
+	text-decoration: none;
+}
+
 .pagination {
 	text-align: center;
 }
@@ -3445,6 +3477,7 @@ table th,
 	border-bottom: 5px solid #C04239;
 	border-top: 5px solid #C04239;
 	font-weight: 900;
+	min-height: 78px;
 	padding: 32px 16px;
 	position: relative;
 	text-transform: uppercase;

brompton/style.css

@@ -3391,6 +3391,42 @@ table th,
 	border-color: rgba(0, 0, 0, 0.25);
 }
 
+.a8c-posts-list {
+	text-align: center;
+}
+
+.a8c-posts-list .a8c-posts-list-item__featured span {
+	border-radius: 4px;
+	display: inline-block;
+	font-weight: 900;
+	text-transform: uppercase;
+}
+
+.a8c-posts-list .a8c-posts-list-item__title a {
+	color: inherit;
+	text-decoration: none;
+}
+
+.a8c-posts-list .a8c-posts-list-item__title a:active, .a8c-posts-list .a8c-posts-list-item__title a:focus, .a8c-posts-list .a8c-posts-list-item__title a:hover {
+	color: #C04239;
+}
+
+.a8c-posts-list .a8c-posts-list-item__meta a {
+	text-decoration: none;
+}
+
+.a8c-posts-list .a8c-posts-list-item__meta a:active, .a8c-posts-list .a8c-posts-list-item__meta a:focus, .a8c-posts-list .a8c-posts-list-item__meta a:hover {
+	color: #C04239;
+}
+
+.a8c-posts-list .a8c-posts-list-item__excerpt {
+	text-align: left;
+}
+
+.a8c-posts-list .a8c-posts-list__view-all {
+	text-decoration: none;
+}
+
 .pagination {
 	text-align: center;
 }