Move calendar styles to blockbase (#5114)

* Move calendar styles to blockbase

* remove calendar styles

blockbase/assets/ponyfill.css

@@ -427,6 +427,20 @@ input[type=checkbox] + label {
 	margin-bottom: 0;
 }
 
+.wp-block-calendar table caption {
+	color: var(--wp--custom--color--primary);
+}
+
+.wp-block-calendar table th {
+	background-color: var(--wp--custom--color--tertiary);
+	border-color: var(--wp--custom--color--tertiary);
+}
+
+.wp-block-calendar table td {
+	color: var(--wp--custom--color--primary);
+	border-color: var(--wp--custom--color--tertiary);
+}
+
 .wp-block-gallery .blocks-gallery-image figcaption,
 .wp-block-gallery .blocks-gallery-item figcaption {
 	font-size: var(--wp--custom--gallery--caption--font-size);

geologist/sass/blocks/_calendar.scss → blockbase/sass/blocks/_calendar.scss

@@ -12,4 +12,4 @@
 			border-color: var(--wp--custom--color--tertiary);
 		}
 	}
-}
+}

blockbase/sass/ponyfill.scss

@@ -10,6 +10,7 @@
 // - These styles replace key Gutenberg Block styles for fonts, colors, and
 //   spacing with CSS-variables overrides
 @import "blocks/button";
+@import "blocks/calendar";
 @import "blocks/gallery";
 @import "blocks/image";
 @import "blocks/latest-posts";

geologist/assets/theme.css

@@ -80,20 +80,6 @@
 	background-color: var(--wp--custom--button--color--text);
 }
 
-.wp-block-calendar table caption {
-	color: var(--wp--custom--color--primary);
-}
-
-.wp-block-calendar table th {
-	background-color: var(--wp--custom--color--tertiary);
-	border-color: var(--wp--custom--color--tertiary);
-}
-
-.wp-block-calendar table td {
-	color: var(--wp--custom--color--primary);
-	border-color: var(--wp--custom--color--tertiary);
-}
-
 ul ul {
 	list-style-type: disc;
 }

geologist/sass/theme.scss

@@ -1,7 +1,6 @@
 @import "../../blockbase/sass/base/breakpoints"; // Get the mobile-only media query and make it available to this theme's styles
 @import "../../blockbase/sass/base/mixins";
 @import "../../blockbase/sass/blocks/_buttons-outline-style";
-@import "blocks/calendar";
 @import "blocks/list";
 @import "blocks/media-text";
 @import "blocks/navigation";

quadrat/assets/theme.css

@@ -269,20 +269,6 @@ div.horizontal-query-pattern figure.wp-block-post-featured-image img {
 	background-color: var(--wp--custom--button--color--text);
 }
 
-.wp-block-calendar table caption {
-	color: var(--wp--custom--color--primary);
-}
-
-.wp-block-calendar table th {
-	background-color: var(--wp--custom--color--tertiary);
-	border-color: var(--wp--custom--color--tertiary);
-}
-
-.wp-block-calendar table td {
-	color: var(--wp--custom--color--primary);
-	border-color: var(--wp--custom--color--tertiary);
-}
-
 ul ul {
 	list-style-type: disc;
 }

quadrat/sass/blocks/_calendar.scss

@@ -1,15 +0,0 @@
-.wp-block-calendar {
-	table {
-		caption {
-			color: var(--wp--custom--color--primary);
-		}
-		th {
-			background-color: var(--wp--custom--color--tertiary);
-			border-color: var(--wp--custom--color--tertiary);
-		}
-		td {
-			color: var(--wp--custom--color--primary);
-			border-color: var(--wp--custom--color--tertiary);
-		}
-	}
-}

quadrat/sass/theme.scss

@@ -6,7 +6,6 @@
 @import "block-styles/cover";
 @import "block-styles/query";
 @import "../../blockbase/sass/blocks/_buttons-outline-style";
-@import "blocks/calendar";
 @import "blocks/list";
 @import "blocks/media-text";
 @import "blocks/navigation";

zoologist/assets/theme.css

@@ -80,20 +80,6 @@
 	background-color: var(--wp--custom--button--color--text);
 }
 
-.wp-block-calendar table caption {
-	color: var(--wp--custom--color--primary);
-}
-
-.wp-block-calendar table th {
-	background-color: var(--wp--custom--color--tertiary);
-	border-color: var(--wp--custom--color--tertiary);
-}
-
-.wp-block-calendar table td {
-	color: var(--wp--custom--color--primary);
-	border-color: var(--wp--custom--color--tertiary);
-}
-
 ul ul {
 	list-style-type: disc;
 }

zoologist/sass/blocks/_calendar.scss

@@ -1,15 +0,0 @@
-.wp-block-calendar {
-	table {
-		caption {
-			color: var(--wp--custom--color--primary);
-		}
-		th {
-			background-color: var(--wp--custom--color--tertiary);
-			border-color: var(--wp--custom--color--tertiary);
-		}
-		td {
-			color: var(--wp--custom--color--primary);
-			border-color: var(--wp--custom--color--tertiary);
-		}
-	}
-}

zoologist/sass/theme.scss

@@ -1,7 +1,6 @@
 @import "../../blockbase/sass/base/breakpoints"; // Get the mobile-only media query and make it available to this theme's styles
 @import "../../blockbase/sass/base/mixins";
 @import "../../blockbase/sass/blocks/_buttons-outline-style";
-@import "blocks/calendar";
 @import "blocks/list";
 @import "blocks/media-text";
 @import "blocks/navigation";