Twenty Twenty-One: Fixes alignment of site title and navigation links.

There was a text alignment issue not centering on all screen sizes. This fixes that and centers vertically.

Props vijaysinh9094, poena, sabernhardt.
Fixes #61633.


git-svn-id: https://develop.svn.wordpress.org/trunk@58726 602fd350-edb4-49c9-b593-d223f7449a82

Author: karmatosed

src/wp-content/themes/twentytwentyone/assets/css/ie.css

@@ -4172,7 +4172,7 @@ table.wp-calendar-table caption {
 
 	.site-branding {
 		margin-right: initial;
-		margin-top: 4px;
+		margin-top: calc(13px - 0em);
 	}
 }
 

src/wp-content/themes/twentytwentyone/assets/css/ie.css.map

@@ -32,7 +32,7 @@
 
 	@include media(mobile) {
 		margin-right: initial;
-		margin-top: 4px; // Align the baseline of the site title with the primary menu
+		margin-top: calc(var(--primary-nav--padding) - 0.3em); // Align the baseline of the site title with the primary menu
 	}
 }
 

src/wp-content/themes/twentytwentyone/assets/sass/06-components/header.scss

@@ -3729,7 +3729,7 @@ table.wp-calendar-table caption {
 
 	.site-branding {
 		margin-left: initial;
-		margin-top: 4px;
+		margin-top: calc(var(--primary-nav--padding) - 0.3em);
 	}
 }
 

src/wp-content/themes/twentytwentyone/style-rtl.css

@@ -3749,7 +3749,7 @@ table.wp-calendar-table caption {
 
 	.site-branding {
 		margin-right: initial;
-		margin-top: 4px;
+		margin-top: calc(var(--primary-nav--padding) - 0.3em);
 	}
 }