WP Theme updates

Author: urre

src/web/app/themes/twentytwentyone/assets/css/ie-editor.css

@@ -119,6 +119,11 @@
 	}
 }
 
+b,
+strong {
+	font-weight: 700;
+}
+
 blockquote {
 	padding: 0;
 	position: relative;
@@ -863,19 +868,6 @@ a:hover {
 	color: #fff;
 }
 
-.wp-block-group {
-	display: block;
-	clear: both;
-	display: flow-root;
-}
-
-.wp-block-group:before,
-.wp-block-group:after {
-	content: "";
-	display: block;
-	clear: both;
-}
-
 .wp-block-group.has-background {
 	padding: 30px;
 }
@@ -1461,13 +1453,13 @@ dt {
 	border: 3px solid #28303d;
 }
 
-.wp-block-navigation .wp-block-navigation__container {
-	background: #d1e4dd;
-	padding: 0;
+.wp-block-navigation [data-block] {
+	margin-top: revert;
+	margin-bottom: revert;
 }
 
-.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
-	padding: 13px;
+.wp-block-navigation .wp-block-navigation__container {
+	background: #d1e4dd;
 }
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {

src/web/app/themes/twentytwentyone/assets/css/ie-editor.css.map

@@ -7,9 +7,9 @@ Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
 Requires at least: 5.3
-Tested up to: 6.0
+Tested up to: 6.3
 Requires PHP: 5.6
-Version: 1.7
+Version: 1.9
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: twentytwentyone
@@ -3538,14 +3538,6 @@ dd {
 	border: 3px solid #28303d;
 }
 
-.wp-block-navigation .wp-block-navigation-link {
-	padding: 0;
-}
-
-.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
-	padding: 13px;
-}
-
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {
 	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
 	font-size: 1.25rem;
@@ -3563,30 +3555,17 @@ dd {
 .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container {
 	border: none;
 	left: 0;
-	margin-left: 13px;
 	min-width: max-content;
 	opacity: 0;
 	padding: 0;
 	position: inherit;
 	top: inherit;
 }
 
-.wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link .wp-block-navigation-link__content {
-	display: inline-block;
-	padding: 7px 13px;
-}
-
 .wp-block-navigation > .wp-block-navigation__container .has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon {
 	display: none;
 }
 
-.wp-block-navigation > .wp-block-navigation__container .has-child:hover .wp-block-navigation__container,
-.wp-block-navigation > .wp-block-navigation__container .has-child:focus-within .wp-block-navigation__container {
-	display: block;
-	opacity: 1;
-	visibility: visible;
-}
-
 .wp-block-navigation > .wp-block-navigation__container > .has-child > .wp-block-navigation__container {
 	background: #d1e4dd;
 	margin: 0;

src/web/app/themes/twentytwentyone/assets/css/ie.css

@@ -302,6 +302,11 @@
 	}
 }
 
+b,
+strong {
+	font-weight: 700;
+}
+
 blockquote {
 	padding: 0;
 	position: relative;
@@ -931,19 +936,6 @@ a:hover {
 	color: var(--global--color-white);
 }
 
-.wp-block-group {
-	display: block;
-	clear: both;
-	display: flow-root;
-}
-
-.wp-block-group:before,
-.wp-block-group:after {
-	content: "";
-	display: block;
-	clear: both;
-}
-
 .wp-block-group.has-background {
 	padding: var(--global--spacing-vertical);
 }
@@ -1376,13 +1368,13 @@ dt {
 	border: calc(3 * var(--separator--height)) solid var(--global--color-border);
 }
 
-.wp-block-navigation .wp-block-navigation__container {
-	background: var(--global--color-background);
-	padding: 0;
+.wp-block-navigation [data-block] {
+	margin-top: revert;
+	margin-bottom: revert;
 }
 
-.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content {
-	padding: var(--primary-nav--padding);
+.wp-block-navigation .wp-block-navigation__container {
+	background: var(--global--color-background);
 }
 
 .wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__label {

src/web/app/themes/twentytwentyone/assets/css/ie.css.map

@@ -172,9 +172,9 @@ function twentytwentyoneExpandSubMenu( el ) { // jshint ignore:line
 		 *
 		 * @since Twenty Twenty-One 1.1
 		 */
-		document.addEventListener( 'click', function( event ) {
+		document.getElementById( 'site-navigation' ).addEventListener( 'click', function( event ) {
 			// If target onclick is <a> with # within the href attribute
-			if ( event.target.hash && event.target.hash.includes( '#' ) ) {
+			if ( event.target.hash ) {
 				wrapper.classList.remove( id + '-navigation-open', 'lock-scrolling' );
 				twentytwentyoneToggleAriaExpanded( mobileButton );
 				// Wait 550 and scroll to the anchor.

src/web/app/themes/twentytwentyone/assets/css/style-editor.css

@@ -5,9 +5,9 @@ Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
 Requires at least: 5.3
-Tested up to: 6.0
+Tested up to: 6.3
 Requires PHP: 5.6
-Version: 1.7
+Version: 1.9
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: twentytwentyone

src/web/app/themes/twentytwentyone/assets/css/style-editor.css.map

@@ -1,19 +1,4 @@
 .wp-block-group {
-	// Start IE clearfix.
-	// This hack is only necessary because we want to support IE11.
-	// If we don't want to support IE11, then "display: flow-root" would suffice.
-	display: block;
-	clear: both;
-
-	display: flow-root; // stylelint-disable-line declaration-block-no-duplicate-properties
-
-	&:before,
-	&:after {
-		content: "";
-		display: block;
-		clear: both;
-	}
-	// End IE clearfix.
 
 	&.has-background {
 		padding: var(--global--spacing-vertical);

src/web/app/themes/twentytwentyone/assets/js/primary-navigation.js

@@ -1,16 +1,16 @@
 .wp-block-navigation {
 
+	[data-block] {
+		margin-top: revert;
+		margin-bottom: revert;
+	}
+
 	.wp-block-navigation__container {
 		background: var(--global--color-background);
-		padding: 0;
 	}
 
 	.wp-block-navigation-link {
 
-		.wp-block-navigation-link__content {
-			padding: var(--primary-nav--padding);
-		}
-
 		.wp-block-navigation-link__label {
 			font-family: var(--primary-nav--font-family);
 			font-size: var(--primary-nav--font-size);