TT1-Blocks update

tt1-blocks/assets/css/blocks.css

@@ -1,8 +1,11 @@
+
 /*--------------------------------------------------------------
-# Cover
+# Border, for backwards compatibility
 --------------------------------------------------------------*/
 
-.wp-block-cover.is-style-twentytwentyone-border {
+.is-style-twentytwentyone-border,
+.wp-block-image.is-style-twentytwentyone-border img,
+.wp-block-image.is-style-twentytwentyone-image-frame img {
 	border: 3px solid var(--wp--preset--color--dark-gray);
 }
 
@@ -50,15 +53,6 @@
 # Image
 --------------------------------------------------------------*/
 
-.wp-block-image img {
-	height: auto;
-}
-
-.wp-block-image.is-style-twentytwentyone-border img,
-.wp-block-image.is-style-twentytwentyone-image-frame img {
-	border: 3px solid var(--wp--preset--color--dark-gray);
-}
-
 .wp-block-image.is-style-twentytwentyone-image-frame img {
 	padding: var(--wp--custom--spacing--unit);
 }
@@ -137,14 +131,6 @@
 	margin-bottom: var(--wp--custom--spacing--horizontal);
 }
 
-/*--------------------------------------------------------------
-# Media & Text
---------------------------------------------------------------*/
-
-.wp-block-media-text.is-style-twentytwentyone-border {
-	border: 3px solid var(--wp--preset--color--dark-gray);
-}
-
 /*--------------------------------------------------------------
 # Navigation
 --------------------------------------------------------------*/
@@ -160,42 +146,15 @@
 # Separator
 --------------------------------------------------------------*/
 
-hr,
-.wp-block-separator {
+.wp-block-separator:not(.has-text-color) {
 	border-bottom: 1px solid var(--wp--preset--color--dark-gray);
-	clear: both;
-	opacity: 1;
-}
-
-hr[style*="text-align:right"],
-hr[style*="text-align: right"],
-.wp-block-separator[style*="text-align:right"],
-.wp-block-separator[style*="text-align: right"] {
-	border-right-color: var(--wp--preset--color--dark-gray);
 }
 
-hr.is-style-twentytwentyone-separator-thick,
 .wp-block-separator.is-style-twentytwentyone-separator-thick {
 	border-bottom-width: 3px;
 }
 
-.wp-block-separator.is-style-dots {
-	border-bottom: none;
-}
-
-.wp-block-separator.is-style-dots > hr {
-	display: none;
-}
-
 /* In Twenty Twenty-One, separators are 100% wide. This replicates that approach */
 .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
 	width: 100%;
 }
-
-/*--------------------------------------------------------------
-# Site Title
---------------------------------------------------------------*/
-
-h1.wp-block-site-title a:not(:hover):not(:focus):not(:active) {
-	text-decoration: none;
-}

tt1-blocks/assets/css/style-shared.css

@@ -24,13 +24,6 @@ a:hover {
 	text-decoration-skip-ink: none;
 }
 
-/*
- * Gutenberg remotes this underline, but Twenty Twenty-One uses it. 
- */
-.site-header h1.wp-block-site-title a:not(:hover):not(:focus):not(:active) {
-	text-decoration: underline;
-}
-
 /*
  * Alignment styles.
  * These rules are temporary, and should not be relied on or 

tt1-blocks/functions.php

@@ -28,16 +28,6 @@ function tt1_blocks_setup() {
 		 * to change 'tt1-blocks' to the name of your theme in all the template files.
 		 */
 		load_theme_textdomain( 'tt1-blocks', get_template_directory() . '/languages' );
-
-		// Add default posts and comments RSS feed links to head.
-		add_theme_support( 'automatic-feed-links' );
-
-		/*
-		 * Enable support for Post Thumbnails on posts and pages.
-		 *
-		 * @link https://developer.wordpress.org/themes/functionality/featured-images-post-thumbnails/
-		 */
-		add_theme_support( 'post-thumbnails' );
 		set_post_thumbnail_size( 1568, 9999 );
 
 		// Add support for Block Styles.

tt1-blocks/index.php

@@ -1,11 +1,3 @@
 <?php
-/**
- * Without this file, WordPress will consider the theme broken.
- *
- * @package tt1-blocks
- */
-
-if ( current_user_can( 'activate_plugins' ) ) {
-	esc_html_e( 'This theme was built for the WordPress experimental full site editing feature. You need to install and activate the Gutenberg plugin to make it work. ', 'tt1-blocks' );
-}
-
+// There is nothing output here because block themes do not use php templates.
+// https://core.trac.wordpress.org/ticket/54272.

tt1-blocks/parts/footer.html

@@ -0,0 +1,56 @@
+<!-- wp:group {"style":{"spacing":{"padding":{"bottom":"50px"}}},"layout":{"inherit":true}} -->
+<div class="wp-block-group" style="padding-bottom:50px">
+	<!-- wp:spacer {"height":70} -->
+	<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+
+	<!-- wp:columns {"align":"wide"} -->
+	<div class="wp-block-columns alignwide">
+		<!-- wp:column -->
+		<div class="wp-block-column">
+			<!-- wp:heading {"style":{"typography":{"fontStyle":"normal","fontWeight":"700"}},"fontSize":"small"} -->
+			<h2 class="has-small-font-size" style="font-style:normal;font-weight:700">Categories</h2>
+			<!-- /wp:heading -->
+			<!-- wp:categories /-->
+		</div>
+		<!-- /wp:column -->
+		<!-- wp:column -->
+		<div class="wp-block-column">
+			<!-- wp:paragraph {"align":"center"} --><p class="has-text-align-center">2, Rue Louis-Boilly<br>Paris, France</p><!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:column -->
+		<!-- wp:column {"verticalAlignment":"center"} -->
+		<div class="wp-block-column is-vertically-aligned-center">
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+
+	<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"bottom":"30px"}}},"layout":{"inherit":true}} -->
+	<div class="wp-block-group alignfull" style="padding-bottom:30px">
+		<!-- wp:navigation {"layout":{"type":"flex","justifyContent":"center"}} /-->
+	</div>
+	<!-- /wp:group -->
+
+	<!-- wp:separator {"align":"wide","className":"is-style-twentytwentyone-separator-thick"} -->
+	<hr class="wp-block-separator alignwide is-style-twentytwentyone-separator-thick"/>
+	<!-- /wp:separator -->
+
+	<!-- wp:columns {"align":"wide"} -->
+	<div class="wp-block-columns alignwide">
+		<!-- wp:column {"verticalAlignment":"center"} -->
+		<div class="wp-block-column is-vertically-aligned-center">
+			<!-- wp:site-title {"level":0} /-->
+		</div>
+		<!-- /wp:column -->
+		<!-- wp:column {"verticalAlignment":"center"} -->
+		<div class="wp-block-column is-vertically-aligned-center">
+			<!-- wp:paragraph {"align":"right"} -->
+			<p class="has-text-align-right">Proudly powered by <a href="https://wordpress.org/">WordPress</a>.</p>
+			<!-- /wp:paragraph -->
+		</div>
+		<!-- /wp:column -->
+	</div>
+	<!-- /wp:columns -->
+</div>
+<!-- /wp:group -->

tt1-blocks/parts/header.html

@@ -0,0 +1,26 @@
+<!-- wp:group {"layout":{"inherit":true}} -->
+<div class="wp-block-group">
+	<!-- wp:spacer {"height":70} -->
+	<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+
+	<!-- wp:columns {"align":"wide"} -->
+	<div class="wp-block-columns alignwide">
+		<!-- wp:column -->
+		<div class="wp-block-column">
+			<!-- wp:site-title /-->
+			<!-- wp:site-tagline /-->
+		</div>
+		<!-- /wp:column -->
+	<!-- wp:column -->
+	<div class="wp-block-column">
+		<!-- wp:navigation {"layout":{"type":"flex","setCascadingProperties":true,"justifyContent":"right"}} /-->
+	</div>
+	<!-- /wp:column --></div>
+	<!-- /wp:columns -->
+
+	<!-- wp:spacer {"height":70} -->
+	<div style="height:70px" aria-hidden="true" class="wp-block-spacer"></div>
+	<!-- /wp:spacer -->
+</div>
+<!-- /wp:group -->

tt1-blocks/patterns/contact-information.php

@@ -0,0 +1,40 @@
+<?php
+/**
+ * Title: Contact Information
+ * Slug: tt1-blocks/contact-information
+ * Categories: tt1-blocks
+ * Block Types: core/columns, core/social-links
+ * Keywords: contact
+ * Description: A block with 3 columns that display contact information and social media links.
+ *
+ * @package TT1_Blocks
+ * @since 0.4.9
+ */
+
+?>
+<!-- wp:columns {"align":"wide"} --><div class="wp-block-columns alignwide">
+	<!-- wp:column -->
+	<div class="wp-block-column">
+		<!-- wp:paragraph --><p><a href="mailto:#"><?php esc_html_e( '[email protected]', 'tt1-blocks' ); ?><br></a>
+		<?php esc_html_e( '123-456-7890', 'tt1-blocks' ); ?></p><!-- /wp:paragraph -->
+	</div><!-- /wp:column -->
+	<!-- wp:column --><div class="wp-block-column">
+		<!-- wp:paragraph {"align":"center"} -->
+		<p class="has-text-align-center"><?php esc_html_e( '123 Main Street', 'tt1-blocks' ); ?><br>
+		<?php esc_html_e( 'Cambridge, MA, 02139', 'tt1-blocks' ); ?></p>
+		<!-- /wp:paragraph -->
+	</div><!-- /wp:column -->
+	<!-- wp:column {"verticalAlignment":"center"} -->
+	<div class="wp-block-column is-vertically-aligned-center">
+		<!-- wp:social-links {"align":"right"} -->
+		<ul class="wp-block-social-links alignright">
+		<!-- wp:social-link {"url":"https://wordpress.org","service":"wordpress"} /-->
+		<!-- wp:social-link {"url":"https://www.facebook.com/WordPress/","service":"facebook"} /-->
+		<!-- wp:social-link {"url":"https://twitter.com/WordPress","service":"twitter"} /-->
+		<!-- wp:social-link {"service":"instagram"} /--><!-- wp:social-link {"service":"linkedin"} /-->
+		<!-- wp:social-link {"service":"youtube"} /-->
+		<!-- wp:social-link {"url":"https://www.youtube.com/wordpress","service":"youtube"} /-->
+		</ul>
+		<!-- /wp:social-links -->
+	</div><!-- /wp:column -->
+</div><!-- /wp:columns -->