Bute: Preps for submission (#7667)

Co-authored-by: Sarah Norris <sarah@sekai.co.uk>

bute/functions.php

@@ -7,7 +7,7 @@
  * @package Bute
  * @since Bute 1.0
  */
-
+declare( strict_types = 1 );
 
 if ( ! function_exists( 'bute_support' ) ) :
 

bute/patterns/404.php

@@ -4,7 +4,10 @@
  * Slug: bute/404
  * Inserter: no
  */
+
+declare( strict_types = 1 );
 ?>
+
 <!-- wp:heading {"textAlign":"left","level":1,"fontSize":"medium","anchor":"oops-that-page-can-t-be-found"} -->
 <h1 class="wp-block-heading has-text-align-left has-medium-font-size" id="oops-that-page-can-t-be-found"><?php echo esc_html__( 'Oops! That page can’t be found.', 'bute' ); ?></h1>
 <!-- /wp:heading -->

bute/patterns/footer.php

@@ -5,7 +5,10 @@
  * Categories: footer
  * Block Types: core/template-part/footer
  */
+
+declare( strict_types = 1 );
 ?>
+
 <!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"8vw","right":"var:preset|spacing|60","bottom":"8vw","left":"var:preset|spacing|60"},"margin":{"top":"0","bottom":"0"}}},"backgroundColor":"contrast","textColor":"base","layout":{"type":"constrained"}} -->
 <div class="wp-block-group alignfull has-base-color has-contrast-background-color has-text-color has-background" style="margin-top:0;margin-bottom:0;padding-top:8vw;padding-right:var(--wp--preset--spacing--60);padding-bottom:8vw;padding-left:var(--wp--preset--spacing--60)">
 	<!-- wp:columns {"align":"wide"} -->
@@ -16,22 +19,22 @@
 			<h3 class="wp-block-heading" style="text-transform:uppercase"><?php echo esc_html__( 'About the Blog', 'bute' ); ?></h3>
 			<!-- /wp:heading -->
 
-			<!-- wp:paragraph {"fontSize":"small","fontFamily":"raleway"} -->
-			<p class="has-raleway-font-family has-small-font-size"><?php echo esc_html__( 'We’re dedicated to sharing enchanting tales from our globe-trotting adventures, bringing you authentic experiences, hidden gems, and practical travel tips.', 'bute' ); ?></p>
+			<!-- wp:paragraph {"fontSize":"small"} -->
+			<p class="has-small-font-size"><?php echo esc_html__( 'We’re dedicated to sharing enchanting tales from our globe-trotting adventures, bringing you authentic experiences, hidden gems, and practical travel tips.', 'bute' ); ?></p>
 			<!-- /wp:paragraph -->
 
 			<!-- wp:social-links {"iconColor":"base","iconColorValue":"#ffffff","size":"has-small-icon-size","className":"is-style-logos-only"} -->
 			<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
-				<!-- wp:social-link {"url":"#","service":"facebook"} /-->
+				<!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
 
-				<!-- wp:social-link {"url":"#","service":"instagram"} /-->
+				<!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /-->
 
-				<!-- wp:social-link {"url":"#","service":"tumblr"} /-->
+				<!-- wp:social-link {"url":"https://tumblr.com/","service":"tumblr"} /-->
 			</ul>
 			<!-- /wp:social-links -->
 
-			<!-- wp:paragraph {"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"},":hover":{"color":{"text":"var:preset|color|base"}}}}},"fontSize":"x-small","fontFamily":"raleway"} -->
-			<p class="has-link-color has-raleway-font-family has-x-small-font-size"><?php
+			<!-- wp:paragraph {"lock":{"move":false,"remove":true},"style":{"elements":{"link":{"color":{"text":"var:preset|color|base"},":hover":{"color":{"text":"var:preset|color|base"}}}}},"fontSize":"x-small"} -->
+			<p class="has-link-color has-x-small-font-size"><?php
 				/* Translators: WordPress link. */
 				$wordpress_link = '<a href="' . esc_url( __( 'https://wordpress.org', 'bute' ) ) . '" rel="nofollow">WordPress</a>';
 				echo sprintf(

bute/patterns/front-page.php

@@ -4,6 +4,8 @@
  * Slug: bute/front-page
  * Categories: featured
  */
+
+declare( strict_types = 1 );
 ?>
 
 <!-- wp:group {"style":{"position":{"type":""}},"layout":{"type":"default"}} -->
@@ -19,8 +21,8 @@
 
 				<!-- wp:group {"style":{"layout":{"flexSize":"88px","selfStretch":"fixed"}},"layout":{"type":"constrained","contentSize":"900px"}} -->
 				<div class="wp-block-group">
-					<!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"lineHeight":"0.8","textTransform":"uppercase","fontStyle":"normal","fontWeight":"800"},"color":{"text":"#dcbc06"}},"fontSize":"huge"} -->
-					<h1 class="wp-block-heading has-text-align-center has-text-color has-huge-font-size" style="color:#dcbc06;font-style:normal;font-weight:800;line-height:0.8;text-transform:uppercase"><?php echo wp_kses_post( __( 'Embark<br>on an<br>Adventure', 'bute' ) ); ?></h1>
+					<!-- wp:heading {"textAlign":"center","level":1,"style":{"typography":{"lineHeight":"0.8","textTransform":"uppercase","fontStyle":"normal","fontWeight":"800"},"color":{"text":"#dcbc06"}},"fontSize":"xxxx-large"} -->
+					<h1 class="wp-block-heading has-text-align-center has-text-color has-xxxx-large-font-size" style="color:#dcbc06;font-style:normal;font-weight:800;line-height:0.8;text-transform:uppercase"><?php echo wp_kses_post( __( 'Embark<br>on an<br>Adventure', 'bute' ) ); ?></h1>
 					<!-- /wp:heading -->
 
 					<!-- wp:paragraph {"align":"center","style":{"elements":{"link":{"color":{"text":"var:preset|color|base"},":hover":{"color":{"text":"var:preset|color|base"}}}},"typography":{"fontStyle":"normal","fontWeight":"500"}}} -->

bute/patterns/header.php

@@ -5,7 +5,10 @@
  * Categories: header
  * Block Types: core/template-part/header
  */
+
+declare( strict_types = 1 );
 ?>
+
 <!-- wp:group {"layout":{"type":"constrained"}} -->
 <div class="wp-block-group">
 	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|50","bottom":"var:preset|spacing|50","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}}},"textColor":"contrast","layout":{"type":"flex","flexWrap":"nowrap","justifyContent":"space-between","verticalAlignment":"center"}} -->
@@ -16,15 +19,15 @@
 		<div class="wp-block-group">
 			<!-- wp:social-links {"iconColor":"contrast","size":"has-small-icon-size","className":"is-style-logos-only"} -->
 			<ul class="wp-block-social-links has-small-icon-size has-icon-color is-style-logos-only">
-				<!-- wp:social-link {"url":"#","service":"facebook"} /-->
+				<!-- wp:social-link {"url":"https://facebook.com/","service":"facebook"} /-->
 
-				<!-- wp:social-link {"url":"#","service":"instagram"} /-->
+				<!-- wp:social-link {"url":"https://instagram.com/","service":"instagram"} /-->
 
-				<!-- wp:social-link {"url":"#","service":"tumblr"} /-->
+				<!-- wp:social-link {"url":"https://tumblr.com/","service":"tumblr"} /-->
 			</ul>
 			<!-- /wp:social-links -->
 
-			<!-- wp:navigation {"overlayMenu":"always","layout":{"type":"flex","justifyContent":"right"},"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"fontSize":"xx-large"} /-->
+			<!-- wp:navigation {"overlayMenu":"always","layout":{"type":"flex","justifyContent":"center"},"style":{"spacing":{"blockGap":"var:preset|spacing|30"}},"fontSize":"xx-large"} /-->
 		</div>
 		<!-- /wp:group -->
 	</div>

bute/patterns/no-results-content.php

@@ -4,7 +4,10 @@
  * Slug: bute/no-results-content
  * Inserter: no
  */
+
+declare( strict_types = 1 );
 ?>
+
 <!-- wp:paragraph -->
 <p><?php echo esc_html_x( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'Message explaining that there are no results returned from a search', 'bute' ); ?></p>
 <!-- /wp:paragraph -->

bute/patterns/search.php

@@ -4,6 +4,8 @@
  * Slug: bute/search
  * Categories: featured
  */
+
+declare( strict_types = 1 );
 ?>
 
-<!-- wp:search {"label":"","showLabel":false,"placeholder":"<?php echo esc_html_x( 'Search...', 'This is a placeholder text in a search field', 'fotograma' ); ?>","buttonPosition":"button-inside","buttonUseIcon":true} /-->
+<!-- wp:search {"label":"","showLabel":false,"placeholder":"<?php echo esc_html_x( 'Search...', 'This is a placeholder text in a search field', 'bute' ); ?>","buttonPosition":"button-inside","buttonUseIcon":true} /-->

bute/readme.txt

@@ -1,7 +1,7 @@
 === Bute ===
 Contributors: Automattic
-Requires at least: 6.2
-Tested up to: 6.2
+Requires at least: 6.0
+Tested up to: 6.4
 Requires PHP: 5.7
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -44,10 +44,6 @@ but WITHOUT ANY WARRANTY; without even the implied warranty of
 MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
 GNU General Public License for more details.
 
-Mulish Font
-Licensed under SIL Open Font License, 1.1 (http://scripts.sil.org/OFL)
-Source: https://fonts.google.com/specimen/Mulish
-
 CC0 Public Domain Catalina Island Free Stock Image by Jay Mantri
 https://stocksnap.io/photo/catalina-island-D49XR0MX5L
 

bute/style.css

@@ -5,13 +5,13 @@ Author: Automattic
 Author URI: https://automattic.com/
 Description: Bute is a blog theme that has a full-screen front page
 Requires at least: 6.0
-Tested up to: 6.2
+Tested up to: 6.4
 Requires PHP: 5.7
 Version: 1.0.3
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: bute
-Tags: blog, holiday, one-column, four-columns, wide-blocks, block-patterns, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, full-site-editing, rtl-language-support, template-editing, threaded-comments, translation-ready, two-columns
+Tags: blog, holiday, one-column, wide-blocks, block-styles, featured-images, full-site-editing, rtl-language-support, threaded-comments, translation-ready
 */
 
 /*
@@ -23,16 +23,6 @@ a {
 	text-underline-offset: 2px;
 }
 
-/*
- * Avatar Block
- * Fix border radius setting for the avatar block
- * https://github.com/WordPress/gutenberg/issues/48253
- */
-.wp-block-avatar a,
-.wp-block-avatar img {
-	border-radius: inherit;
-}
-
 /*
  * Button Block
  * Control the hover stylings of outline block style.
@@ -41,8 +31,8 @@ a {
  */
 .wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover {
 	background-color: var(--wp--preset--color--primary);
-	color: var(--wp--preset--color--base);
 	border-color: var(--wp--preset--color--primary);
+	color: var(--wp--preset--color--base);
 }
 
 /*

bute/theme.json

@@ -6,9 +6,9 @@
 			"custom": true,
 			"customDuotone": true,
 			"customGradient": true,
-			"defaultDuotone": true,
-			"defaultGradients": true,
-			"defaultPalette": true,
+			"defaultDuotone": false,
+			"defaultGradients": false,
+			"defaultPalette": false,
 			"duotone": [],
 			"gradients": [],
 			"palette": [
@@ -422,9 +422,9 @@
 						"max": "6.45rem",
 						"min": "2.592rem"
 					},
-					"name": "Huge",
+					"name": "Quadruple Extra Large",
 					"size": "6.45rem",
-					"slug": "huge"
+					"slug": "xxxx-large"
 				}
 			],
 			"fontStyle": true,
@@ -459,9 +459,6 @@
 			"core/avatar": {
 				"border": {
 					"radius": "999px"
-				},
-				"typography": {
-					"lineHeight": "0"
 				}
 			},
 			"core/button": {
@@ -469,10 +466,10 @@
 					"outline": {
 						"spacing": {
 							"padding": {
-								"bottom": "15px",
-								"left": "32px",
-								"right": "32px",
-								"top": "15px"
+								"bottom": "0.9375rem",
+								"left": "2rem",
+								"right": "2rem",
+								"top": "0.9375rem"
 							}
 						}
 					}
@@ -484,7 +481,7 @@
 				}
 			},
 			"core/calendar": {
-				"css": ".wp-block-calendar table:where(:not(.has-text-color)) {color: var(--wp--preset--color--contrast);} .wp-block-calendar table:where(:not(.has-text-color)) td,.wp-block-calendar table:where(:not(.has-text-color)) th {border-color: var(--wp--preset--color--contrast);}:where(.wp-block-calendar table:not(.has-background) th) {background-color: var(--wp--preset--color--contrast);color: var(--wp--preset--color--base);}",
+				"css": ".wp-block-calendar table:where(:not(.has-text-color)){color: var(--wp--preset--color--contrast);} &.wp-block-calendar table:where(:not(.has-text-color)) td{border-color: var(--wp--preset--color--contrast);} &.wp-block-calendar table:where(:not(.has-text-color)) th{border-color: var(--wp--preset--color--contrast);} & :where(.wp-block-calendar table:not(.has-background) th){background-color: var(--wp--preset--color--contrast);color: var(--wp--preset--color--base);}",
 				"elements": {
 					"link": {
 						":hover": {
@@ -555,14 +552,12 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)",
 					"fontWeight": "500"
 				}
 			},
 			"core/comment-content": {
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
@@ -586,7 +581,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
@@ -610,7 +604,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
@@ -636,7 +629,7 @@
 							"text": "var(--wp--preset--color--contrast)"
 						},
 						"spacing": {
-							"padding": "6px 12px"
+							"padding": "0.375rem 0.75rem"
 						},
 						"typography": {
 							"fontSize": "var(--wp--preset--font-size--x-small)",
@@ -645,7 +638,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
@@ -694,7 +686,7 @@
 				"css": " .wp-element-caption{text-align:center;}"
 			},
 			"core/latest-comments": {
-				"css": " .wp-block-latest-comments__comment-date {font-size: var(--wp--preset--font-size--x-small);}.wp-block-latest-comments__comment-excerpt p{font-size: var(--wp--preset--font-size--small);}.wp-block-latest-comments__comment-excerpt p{margin:0 0 var(--wp--preset--spacing--50)}",
+				"css": ".wp-block-latest-comments .wp-block-latest-comments__comment-meta{font-size: inherit;} & .wp-block-latest-comments__comment-date{font-size: inherit;} & .wp-block-latest-comments__comment-excerpt p{font-size: inherit;} & .wp-block-latest-comments__comment-excerpt p{margin:0 0 var(--wp--style--block-gap)} &:where(.wp-block-latest-comments:not([style*=line-height] .wp-block-latest-comments__comment-excerpt p)){line-height:inherit;}",
 				"spacing": {
 					"padding": {
 						"left": "0px"
@@ -702,7 +694,7 @@
 				}
 			},
 			"core/latest-posts": {
-				"css": " .wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date {font-size: var(--wp--preset--font-size--x-small);}.wp-block-latest-posts__post-excerpt{margin:var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--50)}",
+				"css": " .wp-block-latest-posts__post-author{font-size: inherit;} & .wp-block-latest-posts__post-date{font-size: inherit;} & .wp-block-latest-posts__post-excerpt{margin:0 0 var(--wp--style--block-gap)}",
 				"elements": {
 					"link": {
 						":hover": {
@@ -724,7 +716,6 @@
 				}
 			},
 			"core/navigation": {
-				"css": " .wp-block-navigation__responsive-container.is-menu-open{justify-content:center;}",
 				"elements": {
 					"link": {
 						"typography": {
@@ -733,7 +724,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)",
 					"fontStyle": "normal",
 					"fontWeight": "400"
@@ -764,7 +754,7 @@
 				}
 			},
 			"core/post-author": {
-				"css": ".wp-block-post-author .wp-block-post-author__byline{font-size:0.7em;} .wp-block-post-author .wp-block-post-author__bio {font-size:inherit;} .wp-block-post-author__avatar img {vertical-align:middle;} .wp-block-post-author__bio {margin:0;} .wp-block-post-author__avatar img {border-radius: 999px;}",
+				"css": ".wp-block-post-author .wp-block-post-author__byline{font-size:inherit;} &.wp-block-post-author .wp-block-post-author__name a{text-decoration:none;} &.wp-block-post-author .wp-block-post-author__bio{font-size:inherit;margin:0;} & .wp-block-post-author__avatar img{border-radius: 999px;vertical-align:middle;}",
 				"elements": {
 					"link": {
 						":hover": {
@@ -818,7 +808,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
@@ -842,12 +831,11 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
 			"core/post-comments-form": {
-				"css": ".wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]), .wp-block-post-comments-form .comment-form textarea {line-height: inherit;} .wp-block-post-comments-form .form-submit {margin-bottom: 0;} .wp-block-post-comments-form input:not([type=submit]), .wp-block-post-comments-form textarea {background-color: var(--wp--preset--color--base); border-color: var(--wp--preset--color--tertiary);} .comment-reply-title {font-size: var(--wp--preset--font-size--large);}"
+				"css": ".wp-block-post-comments-form .comment-form input:not([type=submit]):not([type=checkbox]){line-height: inherit;} & .comment-form textarea{line-height: inherit;} & .comment-form > *{margin-top:var(--wp--style--block-gap);margin-bottom:0}"
 			},
 			"core/post-comments-link": {
 				"elements": {
@@ -869,7 +857,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
@@ -893,7 +880,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
@@ -933,13 +919,11 @@
 							"text": "var(--wp--preset--color--contrast)"
 						},
 						"typography": {
-							"fontFamily": "var(--wp--preset--font-family--raleway)",
 							"textDecoration": "none"
 						}
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
 			},
@@ -1133,7 +1117,7 @@
 				}
 			},
 			"core/table": {
-				"css": " thead{border-bottom-width: 1px;} .wp-block-table tfoot{border-top-width: 1px;} .wp-block-table .wp-element-caption{text-align:center;}"
+				"css": "& thead{border-bottom-width: 1px;} & tfoot{border-top-width: 1px;} & + .wp-element-caption{text-align:center;}"
 			},
 			"core/table-of-contents": {
 				"elements": {
@@ -1150,13 +1134,10 @@
 				}
 			},
 			"core/tag-cloud": {
-				"css": ".wp-block-tag-cloud.is-style-outline a {border-radius: 999px; padding: 0 1rem;} .wp-block-tag-cloud.is-style-outline a:hover {color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--contrast);}",
-				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)"
-				}
+				"css": ".wp-block-tag-cloud.is-style-outline{font-size:var(--wp--preset--font-size--small);line-height:1} &.wp-block-tag-cloud.is-style-outline a {border-radius:999px;padding: 4px 12px;} &.wp-block-tag-cloud.is-style-outline a:hover {color: var(--wp--preset--color--base);background-color: var(--wp--preset--color--contrast);}"
 			},
 			"core/term-description": {
-				"css": ".wp-block-term-description p:first-child {margin-top: 0;} .wp-block-term-description p:last-child {margin-bottom: 0;}",
+				"css": "& p+p {margin-top:calc(1em + 0.75rem);}",
 				"typography": {
 					"fontSize": "var(--wp--preset--font-size--small)"
 				}
@@ -1208,7 +1189,6 @@
 					}
 				},
 				"typography": {
-					"fontFamily": "var(--wp--preset--font-family--raleway)",
 					"fontSize": "var(--wp--preset--font-size--x-small)",
 					"fontWeight": "600",
 					"lineHeight": "1",
@@ -1299,11 +1279,13 @@
 	"templateParts": [
 		{
 			"area": "header",
-			"name": "header"
+			"name": "header",
+			"title": "Header"
 		},
 		{
 			"area": "footer",
-			"name": "footer"
+			"name": "footer",
+			"title": "Footer"
 		}
 	],
 	"version": 2,