Tag 5.3.1

Built from https://develop.svn.wordpress.org/tags/5.3.1@46937


git-svn-id: http://core.svn.wordpress.org/tags/5.3.1@46737 1a063a9b-81f0-0310-95a4-ce76da25c4cd

wp-admin/about.php

@@ -16,7 +16,7 @@ list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
 ?>
-	<div class="wrap about-wrap full-width-layout">
+	<div class="wrap about__container">
 
 		<div class="about__header">
 			<div class="about__header-title">
@@ -26,15 +26,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 				</h1>
 			</div>
 
-			<div class="about__header-badge wp-badge">
-				<?php
-				printf(
-					/* translators: %s: The current WordPress version number. */
-					__( 'Version %s' ),
-					$display_version
-				);
-				?>
-			</div>
+			<div class="about__header-badge"></div>
 
 			<div class="about__header-text">
 				<p>
@@ -56,9 +48,42 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 			</nav>
 		</div>
 
+		<div class="about__section changelog">
+			<div class="column">
+				<h2><?php _e( 'Maintenance and Security Releases' ); ?></h2>
+				<p>
+					<?php
+					printf(
+						/* translators: 1: WordPress version number, 2: plural number of bugs. More than one security issue. */
+						_n(
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bug.',
+							'<strong>Version %1$s</strong> addressed some security issues and fixed %2$s bugs.',
+							46
+						),
+						'5.3.1',
+						number_format_i18n( 46 )
+					);
+					?>
+					<?php
+					printf(
+						/* translators: %s: HelpHub URL */
+						__( 'For more information, see <a href="%s">the release notes</a>.' ),
+						sprintf(
+							/* translators: %s: WordPress version */
+							esc_url( __( 'https://wordpress.org/support/wordpress-version/version-%s/' ) ),
+							sanitize_title( '5.3.1' )
+						)
+					);
+					?>
+				</p>
+			</div>
+		</div>
+
+		<hr />
+
 		<div class="about__section is-feature">
 			<p>
-				<?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with new blocks, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the block editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
+				<?php _e( '5.3 expands and refines the block editor introduced in WordPress 5.0 with a new block, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations to allow designers complete control over the look of a site. This release also introduces the Twenty Twenty theme giving the user more design flexibility and integration with the block editor. Creating beautiful web pages and advanced layouts has never been easier.' ); ?>
 			</p>
 		</div>
 
@@ -67,11 +92,11 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 		<div class="about__section has-2-columns">
 			<div class="column is-edge-to-edge has-accent-background-color">
 				<div class="about__image aligncenter">
-					<img src="data:image/svg+xml;utf8,%3Csvg width='660' height='818' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='99' y='178' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='231' y='310' width='99' height='99' fill='%2344141E'/%3E%3Crect x='330' y='409' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='462' y='541' width='99' height='99' fill='%2344141E'/%3E%3C/svg%3E" alt="" />
+					<img src="data:image/svg+xml;charset=utf8,%3Csvg width='660' height='818' viewbox='0 0 660 818' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='99' y='178' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='231' y='310' width='99' height='99' fill='%2344141E'/%3E%3Crect x='330' y='409' width='132' height='132' fill='%23F4EFE1'/%3E%3Crect x='462' y='541' width='99' height='99' fill='%2344141E'/%3E%3C/svg%3E" alt="" />
 				</div>
 			</div>
 			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Block Editor Improvements' ); ?></h3>
+				<h2><?php _e( 'Block Editor Improvements' ); ?></h2>
 				<p>
 					<?php _e( 'This enhancement-focused update introduces over 150 new features and usability improvements, including improved large image support for uploading non-optimized, high-resolution pictures taken from your smartphone or other high-quality cameras. Combined with larger default image sizes, pictures always look their best.' ); ?>
 				</p>
@@ -84,7 +109,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 
 		<div class="about__section has-2-columns">
 			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Expanded Design Flexibility' ); ?></h3>
+				<h2><?php _e( 'Expanded Design Flexibility' ); ?></h2>
 				<p>
 					<?php
 					printf(
@@ -98,20 +123,20 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 					<li><?php _e( 'The new Group block lets you easily divide your page into colorful sections' ); ?></li>
 					<li><?php _e( 'The Columns block now supports fixed column widths' ); ?></li>
 					<li><?php _e( 'The new Predefined layouts make it a cinch to arrange content into advanced designs' ); ?></li>
-					<li><?php _e( 'Heading blocks now offer controls for text and background color' ); ?></li>
+					<li><?php _e( 'Heading blocks now offer controls for text color' ); ?></li>
 					<li><?php _e( 'Additional style options allow you to set your preferred style for any block that supports this feature' ); ?></li>
 				</ul>
 			</div>
 			<div class="column is-edge-to-edge has-accent-background-color">
 				<div class="about__image aligncenter">
-					<img src="data:image/svg+xml;utf8,%3Csvg width='500' height='500' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='75' y='200' width='150' height='75' fill='%2344141E'/%3E%3Crect x='175' y='75' width='50' height='100' fill='%2385273B'/%3E%3Crect x='75' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='250' y='200' width='175' height='75' fill='%2344141E'/%3E%3Crect x='350' y='75' width='75' height='100' fill='%2385273B'/%3E%3Crect x='250' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='75' y='375' width='150' height='50' fill='%2344141E'/%3E%3Crect x='175' y='300' width='50' height='50' fill='%2385273B'/%3E%3Crect x='75' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3Crect x='250' y='372.5' width='175' height='52.5' fill='%2344141E'/%3E%3Crect x='350' y='300' width='75' height='50' fill='%2385273B'/%3E%3Crect x='250' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3C/svg%3E%0A" alt="">
+					<img src="data:image/svg+xml;charset=utf8,%3Csvg width='500' height='500' viewbox='0 0 500 500' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='75' y='200' width='150' height='75' fill='%2344141E'/%3E%3Crect x='175' y='75' width='50' height='100' fill='%2385273B'/%3E%3Crect x='75' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='250' y='200' width='175' height='75' fill='%2344141E'/%3E%3Crect x='350' y='75' width='75' height='100' fill='%2385273B'/%3E%3Crect x='250' y='75' width='75' height='100' fill='%23F4EFE1'/%3E%3Crect x='75' y='375' width='150' height='50' fill='%2344141E'/%3E%3Crect x='175' y='300' width='50' height='50' fill='%2385273B'/%3E%3Crect x='75' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3Crect x='250' y='372.5' width='175' height='52.5' fill='%2344141E'/%3E%3Crect x='350' y='300' width='75' height='50' fill='%2385273B'/%3E%3Crect x='250' y='300' width='75' height='50' fill='%23F4EFE1'/%3E%3C/svg%3E%0A" alt="">
 				</div>
 			</div>
 		</div>
 
 		<div class="about__section has-2-columns has-subtle-background-color">
 			<div class="column is-vertically-aligned-center">
-				<h3><?php _e( 'Introducing Twenty Twenty' ); ?></h3>
+				<h2><?php _e( 'Introducing Twenty Twenty' ); ?></h2>
 				<p><?php _e( 'As the block editor celebrates its first birthday, we are proud that Twenty Twenty is designed with flexibility at its core. Show off your services or products with a combination of columns, groups, and media blocks. Set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered content column!' ); ?></p>
 
 				<p>
@@ -126,7 +151,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 			</div>
 			<div class="column is-edge-to-edge">
 				<div class="about__image aligncenter">
-					<img src="https://cldup.com/rsaSI50LvZ.png" alt="" />
+					<img src="https://s.w.org/images/core/5.3/twentytwenty-mobile.png" alt="" />
 				</div>
 			</div>
 		</div>
@@ -134,7 +159,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 		<div class="about__section has-subtle-background-color">
 			<div class="column is-edge-to-edge">
 				<div class="about__image aligncenter">
-					<img src="https://cldup.com/8AuwuFLW0J.png" alt="" />
+					<img src="https://s.w.org/images/core/5.3/twentytwenty-desktop.png" alt="" />
 				</div>
 			</div>
 		</div>
@@ -142,26 +167,26 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 		<hr />
 
 		<div class="about__section has-3-columns">
-			<h3 class="is-section-header"><?php _e( 'Improvements for Everyone' ); ?></h3>
+			<h2 class="is-section-header"><?php _e( 'Improvements for Everyone' ); ?></h2>
 
 			<div class="column">
-				<h4><?php _e( 'Automatic Image Rotation' ); ?></h4>
+				<h3><?php _e( 'Automatic Image Rotation' ); ?></h3>
 				<p><?php _e( 'Your images will be correctly rotated upon upload according to the embedded orientation data. This feature was first proposed nine years ago and made possible through the perserverance of many dedicated contributors.' ); ?></p>
 			</div>
 			<div class="column">
-				<h4><?php _e( 'Site Health Checks' ); ?></h4>
+				<h3><?php _e( 'Site Health Checks' ); ?></h3>
 				<p><?php _e( 'The improvements introduced in 5.3 make it even easier to identify issues. Expanded recommendations highlight areas that may need troubleshooting on your site from the Health Check screen.' ); ?></p>
 			</div>
 			<div class="column">
-				<h4><?php _e( 'Admin Email Verification' ); ?></h4>
-				<p><?php _e( 'You’ll now be periodically asked to confirm that your admin email address is up to date when you log in as an administrator. This reduces the chance of getting locked out out of your site if you change your email address.' ); ?></p>
+				<h3><?php _e( 'Admin Email Verification' ); ?></h3>
+				<p><?php _e( 'You’ll now be periodically asked to confirm that your admin email address is up to date when you log in as an administrator. This reduces the chance of getting locked out of your site if you change your email address.' ); ?></p>
 			</div>
 		</div>
 
 		<div class="about__section">
 			<div class="column is-edge-to-edge">
 				<div class="about__image aligncenter">
-					<img src="data:image/svg+xml;utf8,%3Csvg width='1000' height='498' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='865.463' y='36.8596' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='865.463' y='180.98' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='866.2' y='328.05' width='133.8' height='132.694' fill='%23942F44'/%3E%3Crect y='331.736' width='405.455' height='134.169' fill='%234E1521'/%3E%3Crect y='36.8596' width='405.455' height='129.008' fill='%234E1521'/%3E%3Crect y='184.298' width='387.025' height='133.8' fill='%234E1521'/%3E%3Crect x='719.13' y='34.6479' width='133.8' height='428.677' fill='%23BD3854'/%3E%3Crect x='571.323' y='18.4297' width='133.8' height='423.885' fill='%23BD3854'/%3E%3Crect x='423.516' y='35.0164' width='133.8' height='425.728' fill='%23BD3854'/%3E%3C/svg%3E" alt="" />
+					<img src="data:image/svg+xml;charset=utf8,%3Csvg width='1000' height='498' viewbox='0 0 1000 498' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='865.463' y='36.8596' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='865.463' y='180.98' width='133.8' height='132.326' fill='%23942F44'/%3E%3Crect x='866.2' y='328.05' width='133.8' height='132.694' fill='%23942F44'/%3E%3Crect y='331.736' width='405.455' height='134.169' fill='%234E1521'/%3E%3Crect y='36.8596' width='405.455' height='129.008' fill='%234E1521'/%3E%3Crect y='184.298' width='387.025' height='133.8' fill='%234E1521'/%3E%3Crect x='719.13' y='34.6479' width='133.8' height='428.677' fill='%23BD3854'/%3E%3Crect x='571.323' y='18.4297' width='133.8' height='423.885' fill='%23BD3854'/%3E%3Crect x='423.516' y='35.0164' width='133.8' height='425.728' fill='%23BD3854'/%3E%3C/svg%3E" alt="" />
 				</div>
 			</div>
 		</div>
@@ -169,10 +194,10 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 		<hr />
 
 		<div class="about__section has-2-columns has-subtle-background-color">
-			<h3 class="is-section-header"><?php _e( 'For Developers' ); ?></h3>
+			<h2 class="is-section-header"><?php _e( 'For Developers' ); ?></h2>
 
 			<div class="column">
-				<h4><?php _e( 'Date/Time Component Fixes' ); ?></h4>
+				<h3><?php _e( 'Date/Time Component Fixes' ); ?></h3>
 				<p>
 					<?php
 					printf(
@@ -184,7 +209,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 				</p>
 			</div>
 			<div class="column">
-				<h4><?php _e( 'PHP 7.4 Compatibility' ); ?></h4>
+				<h3><?php _e( 'PHP 7.4 Compatibility' ); ?></h3>
 				<p>
 					<?php
 					printf(

wp-admin/credits.php

@@ -15,8 +15,10 @@ $title = __( 'Credits' );
 list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
+
+$credits = wp_credits();
 ?>
-<div class="wrap about-wrap full-width-layout">
+<div class="wrap about__container">
 
 	<div class="about__header">
 		<div class="about__header-title">
@@ -26,15 +28,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 			</h1>
 		</div>
 
-		<div class="about__header-badge wp-badge">
-			<?php
-			printf(
-				/* translators: %s: The current WordPress version number. */
-				__( 'Version %s' ),
-				$display_version
-			);
-			?>
-		</div>
+		<div class="about__header-badge"></div>
 
 		<div class="about__header-text">
 			<p>
@@ -56,88 +50,81 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 		</nav>
 	</div>
 
-	<div class="about-wrap-content">
+	<div class="about__section">
+		<div class="column">
+			<h2><?php _e( 'WordPress is created by a worldwide team of passionate individuals.' ); ?></h2>
+
+			<p>
+				<?php
+				if ( ! $credits ) {
+					printf(
+						/* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
+						__( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
+						__( 'https://wordpress.org/about/' ),
+						__( 'https://make.wordpress.org/' )
+					);
+				} else {
+					printf(
+						/* translators: %s: https://make.wordpress.org/ */
+						__( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
+						__( 'https://make.wordpress.org/' )
+					);
+				}
+				?>
+			</p>
+		</div>
+
+		<div class="about__image aligncenter">
+			<img src="data:image/svg+xml;charset=utf8,%3Csvg width='1320' height='350' viewbox='0 0 1320 350' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 61 220)' fill='%23321017'/%3E%3Crect width='72' height='250' transform='matrix(1 0 0 -1 166 300)' fill='%23BD3854'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 272 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 378 220)' fill='%235F1B29'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 483 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 587 220)' fill='%235F1B29'/%3E%3Crect width='71.28' height='250' transform='matrix(1 0 0 -1 689 300)' fill='%23BD3854'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 884 220)' fill='%235F1B29'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 789 220)' fill='%23321017'/%3E%3Crect width='71' height='220' transform='matrix(1 0 0 -1 985 220)' fill='%23321017'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 1084 220)' fill='%235F1B29'/%3E%3Crect width='72' height='220' transform='matrix(1 0 0 -1 1179 220)' fill='%233D0F19'/%3E%3C/svg%3E%0A" alt="" />
+		</div>
+	</div>
+
 <?php
-
-$credits = wp_credits();
-
 if ( ! $credits ) {
-	echo '<p class="about-description">';
-	printf(
-		/* translators: 1: https://wordpress.org/about/, 2: https://make.wordpress.org/ */
-		__( 'WordPress is created by a <a href="%1$s">worldwide team</a> of passionate individuals. <a href="%2$s">Get involved in WordPress</a>.' ),
-		__( 'https://wordpress.org/about/' ),
-		__( 'https://make.wordpress.org/' )
-	);
-	echo '</p>';
-	echo '</div>';
 	echo '</div>';
 	include( ABSPATH . 'wp-admin/admin-footer.php' );
 	exit;
 }
-
-echo '<p class="about-description">' . __( 'WordPress is created by a worldwide team of passionate individuals.' ) . "</p>\n";
-
-echo '<p>' . sprintf(
-	/* translators: %s: https://make.wordpress.org/ */
-	__( 'Want to see your name in lights on this page? <a href="%s">Get involved in WordPress</a>.' ),
-	__( 'https://make.wordpress.org/' )
-) . '</p>';
-
-foreach ( $credits['groups'] as $group_slug => $group_data ) {
-	if ( $group_data['name'] ) {
-		if ( 'Translators' == $group_data['name'] ) {
-			// Considered a special slug in the API response. (Also, will never be returned for en_US.)
-			$title = _x( 'Translators', 'Translate this to be the equivalent of English Translators in your language for the credits page Translators section' );
-		} elseif ( isset( $group_data['placeholders'] ) ) {
-			// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
-			$title = vsprintf( translate( $group_data['name'] ), $group_data['placeholders'] );
-		} else {
-			// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
-			$title = translate( $group_data['name'] );
-		}
-
-		echo '<h2 class="wp-people-group">' . esc_html( $title ) . "</h2>\n";
-	}
-
-	if ( ! empty( $group_data['shuffle'] ) ) {
-		shuffle( $group_data['data'] ); // We were going to sort by ability to pronounce "hierarchical," but that wouldn't be fair to Matt.
-	}
-
-	switch ( $group_data['type'] ) {
-		case 'list':
-			array_walk( $group_data['data'], '_wp_credits_add_profile_link', $credits['data']['profiles'] );
-			echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
-			break;
-		case 'libraries':
-			array_walk( $group_data['data'], '_wp_credits_build_object_link' );
-			echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
-			break;
-		default:
-			$compact = 'compact' == $group_data['type'];
-			$classes = 'wp-people-group ' . ( $compact ? 'compact' : '' );
-			echo '<ul class="' . $classes . '" id="wp-people-group-' . $group_slug . '">' . "\n";
-			foreach ( $group_data['data'] as $person_data ) {
-				echo '<li class="wp-person" id="wp-person-' . esc_attr( $person_data[2] ) . '">' . "\n\t";
-				echo '<a href="' . esc_url( sprintf( $credits['data']['profiles'], $person_data[2] ) ) . '" class="web">';
-				$size   = 'compact' == $group_data['type'] ? 30 : 60;
-				$data   = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
-				$size  *= 2;
-				$data2x = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
-				echo '<img src="' . esc_url( $data['url'] ) . '" srcset="' . esc_url( $data2x['url'] ) . ' 2x" class="gravatar" alt="" />' . "\n";
-				echo esc_html( $person_data[0] ) . "</a>\n\t";
-				if ( ! $compact ) {
-					// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
-					echo '<span class="title">' . translate( $person_data[3] ) . "</span>\n";
-				}
-				echo "</li>\n";
-			}
-			echo "</ul>\n";
-			break;
-	}
-}
-
 ?>
+
+	<hr />
+
+	<div class="about__section">
+		<div class="column has-subtle-background-color">
+			<?php wp_credits_section_title( $credits['groups']['core-developers'] ); ?>
+			<?php wp_credits_section_list( $credits, 'core-developers' ); ?>
+			<?php wp_credits_section_list( $credits, 'contributing-developers' ); ?>
+		</div>
+	</div>
+
+	<hr />
+
+	<div class="about__section">
+		<div class="column">
+			<?php wp_credits_section_title( $credits['groups']['props'] ); ?>
+			<?php wp_credits_section_list( $credits, 'props' ); ?>
+		</div>
+	</div>
+
+	<hr />
+
+	<?php if ( isset( $credits['groups']['translators'] ) || isset( $credits['groups']['validators'] ) ) : ?>
+	<div class="about__section">
+		<div class="column">
+			<?php wp_credits_section_title( $credits['groups']['validators'] ); ?>
+			<?php wp_credits_section_list( $credits, 'validators' ); ?>
+			<?php wp_credits_section_list( $credits, 'translators' ); ?>
+		</div>
+	</div>
+
+	<hr />
+	<?php endif; ?>
+
+	<div class="about__section">
+		<div class="column">
+			<?php wp_credits_section_title( $credits['groups']['libraries'] ); ?>
+			<?php wp_credits_section_list( $credits, 'libraries' ); ?>
+		</div>
 	</div>
 </div>
 <?php

wp-admin/css/about-rtl.css

@@ -1,18 +1,656 @@
 /*------------------------------------------------------------------------------
   22.0 - About Pages
 
-   1.0 Global: About, Credits, Freedoms
-    1.1 Typography
-    1.2 Structure
-    1.3 Point Releases
-   2.0 About Page
-    2.1 Typography
-    2.2 Structure
-   3.0 Credits & Freedoms Pages
+   1.0 Global: About, Credits, Freedoms, Privacy
+    1.1 Layout
+    1.2 Typography & Elements
+    1.3 Header
+   2.0 Credits Page
+   3.0 Freedoms Page
+   x.2.0 Legacy About Styles: Global
+    x.2.1 Typography
+    x.2.2 Structure
+    x.2.3 Point Releases
+   x.3.0 Legacy About Styles: About Page
+    x.3.1 Typography
+    x.3.2 Structure
+   x.4.0 Legacy About Styles: Credits & Freedoms Pages
+   x.5.0 Legacy About Styles: Media Queries
 ------------------------------------------------------------------------------*/
 
+.about__container {
+	/* Section backgrounds */
+	--background: #f4efe1;
+	--subtle-background: #d7d2c5;
+	/* Main text color */
+	--text: #413e38;
+	/* Navigation colors. */
+	--nav-background: #fefcf7;
+	--nav-color: #716d64;
+	/* Reds, used as accents & in header. */
+	--accent-1: #bd3854;
+	--accent-2: #5f1b29;
+	--accent-3: #321017;
+}
+
 /*------------------------------------------------------------------------------
-  1.0 - Global: About, Credits, Freedoms
+  1.0 - Global: About, Credits, Freedoms, Privacy
+------------------------------------------------------------------------------*/
+
+.about-php,
+.credits-php,
+.freedoms-php,
+.privacy-php {
+	background: #fff;
+}
+
+.about-php #wpcontent,
+.credits-php #wpcontent,
+.freedoms-php #wpcontent,
+.privacy-php #wpcontent {
+	background: white;
+	padding: 0 24px;
+}
+
+@media screen and (max-width: 782px) {
+	.about-php.auto-fold #wpcontent,
+	.credits-php.auto-fold #wpcontent,
+	.freedoms-php.auto-fold #wpcontent,
+	.privacy-php.auto-fold #wpcontent {
+		padding-right: 24px;
+	}
+}
+
+.about__container {
+	max-width: 1000px;
+	margin: 24px auto;
+	clear: both;
+}
+
+.about__container .alignleft {
+	float: right;
+}
+
+.about__container .alignright {
+	float: left;
+}
+
+.about__container .aligncenter {
+	text-align: center;
+}
+
+.about__container .is-vertically-aligned-top {
+	-ms-grid-row-align: start;
+	align-self: start;
+}
+
+.about__container .is-vertically-aligned-center {
+	-ms-grid-row-align: center;
+	align-self: center;
+}
+
+.about__container .is-vertically-aligned-bottom {
+	-ms-grid-row-align: end;
+	align-self: end;
+}
+
+.about__section {
+	background: #F4EFE1;
+	background: var(--background);
+}
+
+.about__container .has-accent-background-color {
+	background-color: #BD3854;
+	background-color: var(--accent-1);
+}
+
+.about__container .has-subtle-background-color {
+	background-color: #D7D2C5;
+	background-color: var(--subtle-background);
+}
+
+/* 1.1 - Layout */
+
+.about__section {
+	margin: 0;
+}
+
+.about__section .column {
+	padding: 32px;
+}
+
+.about__section .column.is-edge-to-edge {
+	padding: 0;
+}
+
+.about__section .column p:last-of-type {
+	margin-bottom: 0;
+}
+
+.about__section .is-section-header {
+	margin-bottom: 0;
+	padding: 32px 32px 0;
+}
+
+.about__section.is-feature {
+	padding: 32px;
+}
+
+.about__section.is-feature p {
+	margin: 0;
+}
+
+.about__section.has-2-columns,
+.about__section.has-3-columns,
+.about__section.has-4-columns {
+	display: -ms-grid;
+	display: grid;
+}
+
+.about__section.has-2-columns {
+	-ms-grid-columns: 1fr 1fr;
+	grid-template-columns: 1fr 1fr;
+}
+
+.about__section.has-2-columns.is-wider-right {
+	-ms-grid-columns: 1fr 2fr;
+	grid-template-columns: 1fr 2fr;
+}
+
+.about__section.has-2-columns.is-wider-left {
+	-ms-grid-columns: 2fr 1fr;
+	grid-template-columns: 2fr 1fr;
+}
+
+.about__section.has-2-columns .is-section-header {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+	-ms-grid-column-span: 2;
+	grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+	-ms-grid-column: 2;
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns {
+	-ms-grid-columns: (1fr)[3];
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about__section.has-3-columns .is-section-header {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+	-ms-grid-column: 2;
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+	-ms-grid-column: 3;
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns {
+	-ms-grid-columns: (1fr)[4];
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about__section.has-4-columns .is-section-header {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+	-ms-grid-column-span: 4;
+	grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+	-ms-grid-column: 2;
+	grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+	-ms-grid-column: 3;
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+	-ms-grid-column: 4;
+	grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column {
+	-ms-grid-row: 2;
+	grid-row-start: 2;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section.has-3-columns,
+	.about__section.has-4-columns {
+		display: block;
+		padding-bottom: 16px;
+	}
+
+	.about__section.has-3-columns .column:nth-of-type(n),
+	.about__section.has-4-columns .column:nth-of-type(n) {
+		padding-top: 16px;
+		padding-bottom: 16px;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section.has-2-columns {
+		display: flex; /* This is flex, not block, so we can use order below. */
+		flex-wrap: wrap;
+		align-content: stretch;
+		padding-bottom: 16px;
+	}
+
+	.about__section.has-2-columns .column:nth-of-type(n) {
+		padding-top: 16px;
+		padding-bottom: 16px;
+		width: 100%;
+	}
+
+	.about__section.has-2-columns .is-edge-to-edge {
+		order: -1;
+	}
+}
+
+/* 1.2 - Typography & Elements */
+
+.about__container {
+	line-height: 1.4;
+}
+
+.about__container h1 {
+	font-size: 5em;
+	line-height: 1;
+}
+
+.about__container h2 {
+	margin-top: 0;
+	font-size: 1.4em;
+}
+
+.about__container h3 {
+	margin-top: 0;
+	font-size: 1em;
+}
+
+.about__container p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.about__section a {
+	color: #5f1b29;
+	text-decoration: underline;
+}
+
+.about__section a:hover,
+.about__section a:active,
+.about__section a:focus {
+	text-decoration: none;
+}
+
+.wp-credits-list a {
+	text-decoration: none;
+}
+
+.wp-credits-list a:hover,
+.wp-credits-list a:active,
+.wp-credits-list a:focus {
+	text-decoration: underline;
+}
+
+.about__container ul {
+	list-style: disc;
+	margin-right: 16px;
+}
+
+.about__container img {
+	margin: 0;
+	vertical-align: middle;
+}
+
+.about__container .about__image {
+	display: -ms-grid;
+	display: grid;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+}
+
+.about__container .about__image img {
+	max-width: 100%;
+	width: 100%;
+	height: auto;
+}
+
+.about__container hr {
+	margin: 0;
+	height: 32px;
+	border: none;
+}
+
+.about__container div.updated,
+.about__container div.error,
+.about__container .notice {
+	display: none !important;
+}
+
+.about__section {
+	font-size: 1.2em;
+}
+
+.about__section.is-feature {
+	font-size: 1.6em;
+	font-weight: 600;
+}
+
+@media screen and (max-width: 782px) {
+	.about__container h1 {
+		font-size: 4em;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__container h1 {
+		font-size: 3.2em;
+	}
+
+	.about__section.is-feature {
+		font-size: 1.4em;
+		font-weight: 500;
+	}
+}
+
+/* 1.3 - Header */
+
+.about__header {
+	display: -ms-grid;
+	display: grid;
+	-ms-grid-columns: 1fr 1fr;
+	grid-template-columns: 1fr 1fr;
+	-ms-grid-rows: 1fr 1fr;
+	grid-template-rows: 1fr 1fr;
+	min-height: 28em;
+	max-height: 36em;
+	height: 90vh;
+	margin-bottom: 32px;
+}
+
+.about__header > div {
+	display: flex;
+}
+
+.about__header > div > * {
+	align-self: flex-end;
+}
+
+.about__header-title {
+	-ms-grid-column: 1;
+	grid-column: 1;
+	-ms-grid-row: 1;
+	-ms-grid-row-span: 2;
+	grid-row: 1/span 2;
+	padding: 32px;
+	background-color: #BD3854;
+	background-color: var(--accent-1);
+	color: white;
+	padding: 32px;
+}
+
+.about__header-title h1 {
+	padding: 0;
+	color: inherit;
+}
+
+.about__header-title h1 span {
+	display: block;
+	font-weight: 600;
+	font-size: 1.2em;
+	line-height: 1;
+}
+
+.about__header-badge {
+	-ms-grid-column: 2;
+	grid-column: 2;
+	-ms-grid-row: 1;
+	grid-row: 1;
+	background-color: #5f1b29;
+	background-color: var(--accent-2);
+	margin: 0;
+	padding: 32px;
+	justify-content: flex-end;
+}
+
+.about__header-badge img {
+	align-self: flex-start;
+	max-width: 100%;
+}
+
+.about__header-text {
+	-ms-grid-column: 2;
+	grid-column: 2;
+	-ms-grid-row: 2;
+	grid-row: 2;
+	padding: 32px;
+	background-color: #321017;
+	background-color: var(--accent-3);
+	color: white;
+	font-size: 1.5em;
+	line-height: 1.4;
+}
+
+.about__header-text p {
+	margin: 0;
+}
+
+.about__header-navigation {
+	-ms-grid-column: 1;
+	-ms-grid-column-span: 2;
+	grid-column: 1/span 2;
+	-ms-grid-row: 3;
+	grid-row: 3;
+	padding-top: 0;
+	background: #FEFCF7;
+	background: var(--nav-background);
+	color: #716d64;
+	color: var(--nav-color);
+	border-bottom: 3px solid currentColor;
+}
+
+.about__header-navigation .nav-tab {
+	margin-right: 0;
+	padding: 24px 32px;
+	font-size: 1.4em;
+	line-height: 1;
+	border-width: 0 0 3px;
+	border-style: solid;
+	border-color: transparent;
+	background: transparent;
+	color: inherit;
+}
+
+.about__header-navigation .nav-tab:hover,
+.about__header-navigation .nav-tab:active {
+	background-color: #F4EFE1;
+	background-color: var(--background);
+}
+
+.about__header-navigation .nav-tab-active {
+	margin-bottom: -3px;
+	border-width: 0 0 6px;
+	color: #BD3854;
+	color: var(--accent-1);
+	border-color: currentColor;
+}
+
+.about__header-navigation .nav-tab-active:hover,
+.about__header-navigation .nav-tab-active:active {
+	background-color: transparent;
+	border-color: currentColor;
+}
+
+@media screen and (max-width: 782px) {
+	.about__container .about__header-text {
+		font-size: 1.4em;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__header {
+		display: block;
+		min-height: unset;
+		max-height: unset;
+		height: auto;
+	}
+
+	.about__header-badge {
+		justify-content: flex-start;
+	}
+
+	.about__header-navigation .nav-tab {
+		margin-top: 0;
+		margin-left: 0;
+		padding: 24px 16px;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__header-navigation .nav-tab {
+		float: none;
+		display: block;
+		margin-bottom: 0;
+		padding: 16px 16px;
+		border-right-width: 3px;
+		border-bottom: none;
+	}
+
+	.about__header-navigation .nav-tab-active {
+		border-bottom: none;
+		border-right-width: 3px;
+		background: #F4EFE1;
+		background: var(--background);
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  2.0 - Credits Page
+------------------------------------------------------------------------------*/
+
+.about__section .wp-people-group {
+	margin: 0;
+}
+
+.about__section .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	padding: 0 0 1em 1em;
+	height: 6em;
+	width: calc( 33% - 4px );
+	min-width: 280px;
+}
+
+.about__section .compact .wp-person {
+	height: auto;
+	width: calc( 25% - 4px );
+	min-width: 220px;
+	padding-bottom: 0.5em;
+}
+
+.about__section .wp-person .gravatar {
+	float: right;
+	margin: -4px 0 0.85em 0.85em;
+	padding: 1px;
+	width: 80px;
+	height: 80px;
+	border-radius: 100%;
+}
+
+.about__section .compact .wp-person .gravatar {
+	width: 40px;
+	height: 40px;
+}
+
+.about__section .wp-person .web {
+	font-size: 1.4em;
+	font-weight: 600;
+	text-decoration: none;
+	color: #413E38;
+	color: var(--text);
+}
+
+.about__section .wp-person .web:hover {
+	text-decoration: underline;
+}
+
+.about__section .compact .wp-person .web {
+	font-size: 1.2em;
+}
+
+.about__section .wp-person .title {
+	display: block;
+	margin-top: 0.5em;
+}
+
+@media screen and (max-width: 480px) {
+	.about__section .wp-person {
+		min-width: 100%;
+	}
+
+	.about__section .wp-person .gravatar {
+		width: 60px;
+		height: 60px;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1em;
+	}
+
+	.about__section .compact .wp-person .web {
+		font-size: 1em;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  3.0 - Freedoms Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .freedoms-image {
+	margin-bottom: 1em;
+}
+
+
+/*------------------------------------------------------------------------------
+  x.2.0 - Legacy About Styles: Global
 ------------------------------------------------------------------------------*/
 
 .about-wrap {
@@ -98,7 +736,7 @@
 	line-height: 1.33333333;
 }
 
-/* 1.1 - Typography */
+/* x.2.1 - Typography */
 
 .about-wrap h1 {
 	margin: 0.2em 0 0 200px;
@@ -110,7 +748,7 @@
 }
 
 .about-wrap h2 {
-	margin: 40px 0 .6em;
+	margin: 40px 0 0.6em;
 	font-size: 2.7em;
 	line-height: 1.3;
 	font-weight: 300;
@@ -118,7 +756,7 @@
 }
 
 .about-wrap h3 {
-	margin: 1.25em 0 .6em;
+	margin: 1.25em 0 0.6em;
 	font-size: 1.4em;
 	line-height: 1.5;
 }
@@ -159,7 +797,7 @@
 	color: #555d66;
 }
 
-/* 1.2 - Structure */
+/* x.2.2 - Structure */
 
 .about-wrap .has-1-columns,
 .about-wrap .has-2-columns,
@@ -281,18 +919,21 @@
 }
 
 .about-wrap .is-vertically-aligned-top {
+	-ms-grid-row-align: start;
 	align-self: start;
 }
 
 .about-wrap .is-vertically-aligned-center {
+	-ms-grid-row-align: center;
 	align-self: center;
 }
 
 .about-wrap .is-vertically-aligned-bottom {
+	-ms-grid-row-align: end;
 	align-self: end;
 }
 
-/* 1.3 - Point Releases */
+/* x.2.3 - Point Releases */
 
 .about-wrap .point-releases {
 	margin-top: 5px;
@@ -316,10 +957,10 @@
 }
 
 /*------------------------------------------------------------------------------
-  2.0 - About Page
+  x.3.0 - Legacy About Styles: About Page
 ------------------------------------------------------------------------------*/
 
-/* 2.1 - Typography */
+/* x.3.1 - Typography */
 
 .about-wrap .lead-description {
 	font-size: 1.5em;
@@ -330,7 +971,7 @@
 	margin-top: 0.6em;
 }
 
-/* 2.2 - Structure */
+/* x.3.2 - Structure */
 
 .about-wrap .headline-feature {
 	margin: 0 auto 40px;
@@ -360,7 +1001,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  3.0 - Credits & Freedoms Pages
+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
 /* Credits */
@@ -471,7 +1112,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  4.0 - Media Queries
+  x.5.0 - Legacy About Styles: Media Queries
 ------------------------------------------------------------------------------*/
 
 @media screen and (max-width: 782px) {

wp-admin/css/about.css

@@ -1,18 +1,656 @@
 /*------------------------------------------------------------------------------
   22.0 - About Pages
 
-   1.0 Global: About, Credits, Freedoms
-    1.1 Typography
-    1.2 Structure
-    1.3 Point Releases
-   2.0 About Page
-    2.1 Typography
-    2.2 Structure
-   3.0 Credits & Freedoms Pages
+   1.0 Global: About, Credits, Freedoms, Privacy
+    1.1 Layout
+    1.2 Typography & Elements
+    1.3 Header
+   2.0 Credits Page
+   3.0 Freedoms Page
+   x.2.0 Legacy About Styles: Global
+    x.2.1 Typography
+    x.2.2 Structure
+    x.2.3 Point Releases
+   x.3.0 Legacy About Styles: About Page
+    x.3.1 Typography
+    x.3.2 Structure
+   x.4.0 Legacy About Styles: Credits & Freedoms Pages
+   x.5.0 Legacy About Styles: Media Queries
 ------------------------------------------------------------------------------*/
 
+.about__container {
+	/* Section backgrounds */
+	--background: #f4efe1;
+	--subtle-background: #d7d2c5;
+	/* Main text color */
+	--text: #413e38;
+	/* Navigation colors. */
+	--nav-background: #fefcf7;
+	--nav-color: #716d64;
+	/* Reds, used as accents & in header. */
+	--accent-1: #bd3854;
+	--accent-2: #5f1b29;
+	--accent-3: #321017;
+}
+
 /*------------------------------------------------------------------------------
-  1.0 - Global: About, Credits, Freedoms
+  1.0 - Global: About, Credits, Freedoms, Privacy
+------------------------------------------------------------------------------*/
+
+.about-php,
+.credits-php,
+.freedoms-php,
+.privacy-php {
+	background: #fff;
+}
+
+.about-php #wpcontent,
+.credits-php #wpcontent,
+.freedoms-php #wpcontent,
+.privacy-php #wpcontent {
+	background: white;
+	padding: 0 24px;
+}
+
+@media screen and (max-width: 782px) {
+	.about-php.auto-fold #wpcontent,
+	.credits-php.auto-fold #wpcontent,
+	.freedoms-php.auto-fold #wpcontent,
+	.privacy-php.auto-fold #wpcontent {
+		padding-left: 24px;
+	}
+}
+
+.about__container {
+	max-width: 1000px;
+	margin: 24px auto;
+	clear: both;
+}
+
+.about__container .alignleft {
+	float: left;
+}
+
+.about__container .alignright {
+	float: right;
+}
+
+.about__container .aligncenter {
+	text-align: center;
+}
+
+.about__container .is-vertically-aligned-top {
+	-ms-grid-row-align: start;
+	align-self: start;
+}
+
+.about__container .is-vertically-aligned-center {
+	-ms-grid-row-align: center;
+	align-self: center;
+}
+
+.about__container .is-vertically-aligned-bottom {
+	-ms-grid-row-align: end;
+	align-self: end;
+}
+
+.about__section {
+	background: #F4EFE1;
+	background: var(--background);
+}
+
+.about__container .has-accent-background-color {
+	background-color: #BD3854;
+	background-color: var(--accent-1);
+}
+
+.about__container .has-subtle-background-color {
+	background-color: #D7D2C5;
+	background-color: var(--subtle-background);
+}
+
+/* 1.1 - Layout */
+
+.about__section {
+	margin: 0;
+}
+
+.about__section .column {
+	padding: 32px;
+}
+
+.about__section .column.is-edge-to-edge {
+	padding: 0;
+}
+
+.about__section .column p:last-of-type {
+	margin-bottom: 0;
+}
+
+.about__section .is-section-header {
+	margin-bottom: 0;
+	padding: 32px 32px 0;
+}
+
+.about__section.is-feature {
+	padding: 32px;
+}
+
+.about__section.is-feature p {
+	margin: 0;
+}
+
+.about__section.has-2-columns,
+.about__section.has-3-columns,
+.about__section.has-4-columns {
+	display: -ms-grid;
+	display: grid;
+}
+
+.about__section.has-2-columns {
+	-ms-grid-columns: 1fr 1fr;
+	grid-template-columns: 1fr 1fr;
+}
+
+.about__section.has-2-columns.is-wider-right {
+	-ms-grid-columns: 1fr 2fr;
+	grid-template-columns: 1fr 2fr;
+}
+
+.about__section.has-2-columns.is-wider-left {
+	-ms-grid-columns: 2fr 1fr;
+	grid-template-columns: 2fr 1fr;
+}
+
+.about__section.has-2-columns .is-section-header {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+	-ms-grid-column-span: 2;
+	grid-column-end: span 2;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n+1) {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+}
+
+.about__section.has-2-columns .column:nth-of-type(2n) {
+	-ms-grid-column: 2;
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns {
+	-ms-grid-columns: (1fr)[3];
+	grid-template-columns: repeat(3, 1fr);
+}
+
+.about__section.has-3-columns .is-section-header {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+	-ms-grid-column-span: 3;
+	grid-column-end: span 3;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+1) {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n+2) {
+	-ms-grid-column: 2;
+	grid-column-start: 2;
+}
+
+.about__section.has-3-columns .column:nth-of-type(3n) {
+	-ms-grid-column: 3;
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns {
+	-ms-grid-columns: (1fr)[4];
+	grid-template-columns: repeat(4, 1fr);
+}
+
+.about__section.has-4-columns .is-section-header {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+	-ms-grid-column-span: 4;
+	grid-column-end: span 4;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+1) {
+	-ms-grid-column: 1;
+	grid-column-start: 1;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+2) {
+	-ms-grid-column: 2;
+	grid-column-start: 2;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n+3) {
+	-ms-grid-column: 3;
+	grid-column-start: 3;
+}
+
+.about__section.has-4-columns .column:nth-of-type(4n) {
+	-ms-grid-column: 4;
+	grid-column-start: 4;
+}
+
+/* Any columns following a section header need to be expicitly put into the second row, for IE support. */
+.about__section.has-2-columns .is-section-header ~ .column,
+.about__section.has-3-columns .is-section-header ~ .column,
+.about__section.has-4-columns .is-section-header ~ .column {
+	-ms-grid-row: 2;
+	grid-row-start: 2;
+}
+
+@media screen and (max-width: 782px) {
+	.about__section.has-3-columns,
+	.about__section.has-4-columns {
+		display: block;
+		padding-bottom: 16px;
+	}
+
+	.about__section.has-3-columns .column:nth-of-type(n),
+	.about__section.has-4-columns .column:nth-of-type(n) {
+		padding-top: 16px;
+		padding-bottom: 16px;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__section.has-2-columns {
+		display: flex; /* This is flex, not block, so we can use order below. */
+		flex-wrap: wrap;
+		align-content: stretch;
+		padding-bottom: 16px;
+	}
+
+	.about__section.has-2-columns .column:nth-of-type(n) {
+		padding-top: 16px;
+		padding-bottom: 16px;
+		width: 100%;
+	}
+
+	.about__section.has-2-columns .is-edge-to-edge {
+		order: -1;
+	}
+}
+
+/* 1.2 - Typography & Elements */
+
+.about__container {
+	line-height: 1.4;
+}
+
+.about__container h1 {
+	font-size: 5em;
+	line-height: 1;
+}
+
+.about__container h2 {
+	margin-top: 0;
+	font-size: 1.4em;
+}
+
+.about__container h3 {
+	margin-top: 0;
+	font-size: 1em;
+}
+
+.about__container p {
+	font-size: inherit;
+	line-height: inherit;
+}
+
+.about__section a {
+	color: #5f1b29;
+	text-decoration: underline;
+}
+
+.about__section a:hover,
+.about__section a:active,
+.about__section a:focus {
+	text-decoration: none;
+}
+
+.wp-credits-list a {
+	text-decoration: none;
+}
+
+.wp-credits-list a:hover,
+.wp-credits-list a:active,
+.wp-credits-list a:focus {
+	text-decoration: underline;
+}
+
+.about__container ul {
+	list-style: disc;
+	margin-left: 16px;
+}
+
+.about__container img {
+	margin: 0;
+	vertical-align: middle;
+}
+
+.about__container .about__image {
+	display: -ms-grid;
+	display: grid;
+	align-items: center;
+	justify-content: center;
+	height: 100%;
+}
+
+.about__container .about__image img {
+	max-width: 100%;
+	width: 100%;
+	height: auto;
+}
+
+.about__container hr {
+	margin: 0;
+	height: 32px;
+	border: none;
+}
+
+.about__container div.updated,
+.about__container div.error,
+.about__container .notice {
+	display: none !important;
+}
+
+.about__section {
+	font-size: 1.2em;
+}
+
+.about__section.is-feature {
+	font-size: 1.6em;
+	font-weight: 600;
+}
+
+@media screen and (max-width: 782px) {
+	.about__container h1 {
+		font-size: 4em;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__container h1 {
+		font-size: 3.2em;
+	}
+
+	.about__section.is-feature {
+		font-size: 1.4em;
+		font-weight: 500;
+	}
+}
+
+/* 1.3 - Header */
+
+.about__header {
+	display: -ms-grid;
+	display: grid;
+	-ms-grid-columns: 1fr 1fr;
+	grid-template-columns: 1fr 1fr;
+	-ms-grid-rows: 1fr 1fr;
+	grid-template-rows: 1fr 1fr;
+	min-height: 28em;
+	max-height: 36em;
+	height: 90vh;
+	margin-bottom: 32px;
+}
+
+.about__header > div {
+	display: flex;
+}
+
+.about__header > div > * {
+	align-self: flex-end;
+}
+
+.about__header-title {
+	-ms-grid-column: 1;
+	grid-column: 1;
+	-ms-grid-row: 1;
+	-ms-grid-row-span: 2;
+	grid-row: 1/span 2;
+	padding: 32px;
+	background-color: #BD3854;
+	background-color: var(--accent-1);
+	color: white;
+	padding: 32px;
+}
+
+.about__header-title h1 {
+	padding: 0;
+	color: inherit;
+}
+
+.about__header-title h1 span {
+	display: block;
+	font-weight: 600;
+	font-size: 1.2em;
+	line-height: 1;
+}
+
+.about__header-badge {
+	-ms-grid-column: 2;
+	grid-column: 2;
+	-ms-grid-row: 1;
+	grid-row: 1;
+	background-color: #5f1b29;
+	background-color: var(--accent-2);
+	margin: 0;
+	padding: 32px;
+	justify-content: flex-end;
+}
+
+.about__header-badge img {
+	align-self: flex-start;
+	max-width: 100%;
+}
+
+.about__header-text {
+	-ms-grid-column: 2;
+	grid-column: 2;
+	-ms-grid-row: 2;
+	grid-row: 2;
+	padding: 32px;
+	background-color: #321017;
+	background-color: var(--accent-3);
+	color: white;
+	font-size: 1.5em;
+	line-height: 1.4;
+}
+
+.about__header-text p {
+	margin: 0;
+}
+
+.about__header-navigation {
+	-ms-grid-column: 1;
+	-ms-grid-column-span: 2;
+	grid-column: 1/span 2;
+	-ms-grid-row: 3;
+	grid-row: 3;
+	padding-top: 0;
+	background: #FEFCF7;
+	background: var(--nav-background);
+	color: #716d64;
+	color: var(--nav-color);
+	border-bottom: 3px solid currentColor;
+}
+
+.about__header-navigation .nav-tab {
+	margin-left: 0;
+	padding: 24px 32px;
+	font-size: 1.4em;
+	line-height: 1;
+	border-width: 0 0 3px;
+	border-style: solid;
+	border-color: transparent;
+	background: transparent;
+	color: inherit;
+}
+
+.about__header-navigation .nav-tab:hover,
+.about__header-navigation .nav-tab:active {
+	background-color: #F4EFE1;
+	background-color: var(--background);
+}
+
+.about__header-navigation .nav-tab-active {
+	margin-bottom: -3px;
+	border-width: 0 0 6px;
+	color: #BD3854;
+	color: var(--accent-1);
+	border-color: currentColor;
+}
+
+.about__header-navigation .nav-tab-active:hover,
+.about__header-navigation .nav-tab-active:active {
+	background-color: transparent;
+	border-color: currentColor;
+}
+
+@media screen and (max-width: 782px) {
+	.about__container .about__header-text {
+		font-size: 1.4em;
+	}
+}
+
+@media screen and (max-width: 600px) {
+	.about__header {
+		display: block;
+		min-height: unset;
+		max-height: unset;
+		height: auto;
+	}
+
+	.about__header-badge {
+		justify-content: flex-start;
+	}
+
+	.about__header-navigation .nav-tab {
+		margin-top: 0;
+		margin-right: 0;
+		padding: 24px 16px;
+	}
+}
+
+@media screen and (max-width: 480px) {
+	.about__header-navigation .nav-tab {
+		float: none;
+		display: block;
+		margin-bottom: 0;
+		padding: 16px 16px;
+		border-left-width: 3px;
+		border-bottom: none;
+	}
+
+	.about__header-navigation .nav-tab-active {
+		border-bottom: none;
+		border-left-width: 3px;
+		background: #F4EFE1;
+		background: var(--background);
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  2.0 - Credits Page
+------------------------------------------------------------------------------*/
+
+.about__section .wp-people-group {
+	margin: 0;
+}
+
+.about__section .wp-person {
+	display: inline-block;
+	vertical-align: top;
+	box-sizing: border-box;
+	padding: 0 1em 1em 0;
+	height: 6em;
+	width: calc( 33% - 4px );
+	min-width: 280px;
+}
+
+.about__section .compact .wp-person {
+	height: auto;
+	width: calc( 25% - 4px );
+	min-width: 220px;
+	padding-bottom: 0.5em;
+}
+
+.about__section .wp-person .gravatar {
+	float: left;
+	margin: -4px 0.85em 0.85em 0;
+	padding: 1px;
+	width: 80px;
+	height: 80px;
+	border-radius: 100%;
+}
+
+.about__section .compact .wp-person .gravatar {
+	width: 40px;
+	height: 40px;
+}
+
+.about__section .wp-person .web {
+	font-size: 1.4em;
+	font-weight: 600;
+	text-decoration: none;
+	color: #413E38;
+	color: var(--text);
+}
+
+.about__section .wp-person .web:hover {
+	text-decoration: underline;
+}
+
+.about__section .compact .wp-person .web {
+	font-size: 1.2em;
+}
+
+.about__section .wp-person .title {
+	display: block;
+	margin-top: 0.5em;
+}
+
+@media screen and (max-width: 480px) {
+	.about__section .wp-person {
+		min-width: 100%;
+	}
+
+	.about__section .wp-person .gravatar {
+		width: 60px;
+		height: 60px;
+	}
+
+	.about__section .wp-person .web {
+		font-size: 1em;
+	}
+
+	.about__section .compact .wp-person .web {
+		font-size: 1em;
+	}
+}
+
+
+/*------------------------------------------------------------------------------
+  3.0 - Freedoms Page
+------------------------------------------------------------------------------*/
+
+.about__section .column .freedoms-image {
+	margin-bottom: 1em;
+}
+
+
+/*------------------------------------------------------------------------------
+  x.2.0 - Legacy About Styles: Global
 ------------------------------------------------------------------------------*/
 
 .about-wrap {
@@ -98,7 +736,7 @@
 	line-height: 1.33333333;
 }
 
-/* 1.1 - Typography */
+/* x.2.1 - Typography */
 
 .about-wrap h1 {
 	margin: 0.2em 200px 0 0;
@@ -110,7 +748,7 @@
 }
 
 .about-wrap h2 {
-	margin: 40px 0 .6em;
+	margin: 40px 0 0.6em;
 	font-size: 2.7em;
 	line-height: 1.3;
 	font-weight: 300;
@@ -118,7 +756,7 @@
 }
 
 .about-wrap h3 {
-	margin: 1.25em 0 .6em;
+	margin: 1.25em 0 0.6em;
 	font-size: 1.4em;
 	line-height: 1.5;
 }
@@ -159,7 +797,7 @@
 	color: #555d66;
 }
 
-/* 1.2 - Structure */
+/* x.2.2 - Structure */
 
 .about-wrap .has-1-columns,
 .about-wrap .has-2-columns,
@@ -281,18 +919,21 @@
 }
 
 .about-wrap .is-vertically-aligned-top {
+	-ms-grid-row-align: start;
 	align-self: start;
 }
 
 .about-wrap .is-vertically-aligned-center {
+	-ms-grid-row-align: center;
 	align-self: center;
 }
 
 .about-wrap .is-vertically-aligned-bottom {
+	-ms-grid-row-align: end;
 	align-self: end;
 }
 
-/* 1.3 - Point Releases */
+/* x.2.3 - Point Releases */
 
 .about-wrap .point-releases {
 	margin-top: 5px;
@@ -316,10 +957,10 @@
 }
 
 /*------------------------------------------------------------------------------
-  2.0 - About Page
+  x.3.0 - Legacy About Styles: About Page
 ------------------------------------------------------------------------------*/
 
-/* 2.1 - Typography */
+/* x.3.1 - Typography */
 
 .about-wrap .lead-description {
 	font-size: 1.5em;
@@ -330,7 +971,7 @@
 	margin-top: 0.6em;
 }
 
-/* 2.2 - Structure */
+/* x.3.2 - Structure */
 
 .about-wrap .headline-feature {
 	margin: 0 auto 40px;
@@ -360,7 +1001,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  3.0 - Credits & Freedoms Pages
+  x.4.0 - Legacy About Styles: Credits & Freedoms Pages
 ------------------------------------------------------------------------------*/
 
 /* Credits */
@@ -471,7 +1112,7 @@
 }
 
 /*------------------------------------------------------------------------------
-  4.0 - Media Queries
+  x.5.0 - Legacy About Styles: Media Queries
 ------------------------------------------------------------------------------*/
 
 @media screen and (max-width: 782px) {

wp-admin/css/color-picker-rtl.css

@@ -10,7 +10,7 @@
 
 /* Needs higher specificiity. */
 .wp-picker-container .wp-color-result.button {
-	min-height: 28px;
+	min-height: 30px;
 	margin: 0 0px 6px 6px;
 	padding: 0 30px 0 0;
 	font-size: 11px;
@@ -22,7 +22,7 @@
 	border-right: 1px solid #ccc;
 	color: #555;
 	display: block;
-	line-height: 2.36363636; /* 26px */
+	line-height: 2.54545455; /* 28px */
 	padding: 0 6px;
 	text-align: center;
 }
@@ -73,7 +73,9 @@
 .wp-picker-input-wrap .button.wp-picker-default,
 .wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
 	margin-right: 6px;
-	padding: 2px 8px;
+	padding: 0 8px;
+	line-height: 2.54545455; /* 28px */
+	min-height: 30px;
 }
 
 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@@ -87,14 +89,14 @@
 }
 
 .wp-picker-container input[type="text"].wp-color-picker {
-	width: 65px;
+	width: 4rem;
 	font-size: 12px;
 	font-family: monospace;
-	line-height: 1.33333333; /* 16px */
+	line-height: 2.33333333; /* 28px */
 	margin: 0;
-	padding: 5px;
+	padding: 0 5px;
 	vertical-align: top;
-	min-height: 28px;
+	min-height: 30px;
 }
 
 .wp-color-picker::-webkit-input-placeholder {
@@ -132,26 +134,38 @@
 
 @media screen and (max-width: 782px) {
 	.wp-picker-container input[type="text"].wp-color-picker {
-		width: 80px;
-		padding: 6px 5px 5px;
+		width: 5rem;
 		font-size: 16px;
-		line-height: 1.15;
+		line-height: 1.875; /* 30px */
+		min-height: 32px;
 	}
 
 	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 5px 5px 4px;
+		padding: 0 5px;
+	}
+
+	.wp-picker-input-wrap .button.wp-picker-default {
+		padding: 0 8px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
+		padding: 0 8px;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
 	}
 
 	.wp-picker-container .wp-color-result.button {
-		height: auto;
 		padding: 0 40px 0 0;
 		font-size: 14px;
-		line-height: 2.1;
+		line-height: 2.14285714; /* 30px */
 	}
 
 	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 13px;
-		line-height: 2;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
 	}
 
 	.wp-picker-container .wp-color-result-text {
@@ -164,14 +178,3 @@
 		padding: 0 10px;
 	}
 }
-
-@media screen and (max-width: 640px) {
-	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 14px;
-		line-height: 2.1;
-	}
-
-	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 6px 5px;
-	}
-}

wp-admin/css/color-picker-rtl.min.css

@@ -1,2 +1,2 @@
 /*! This file is auto-generated */
-.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:28px;margin:0 0 6px 6px;padding:0 30px 0 0;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:2px 0 0 2px;border-right:1px solid #ccc;color:#555;display:block;line-height:2.36363636;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-right:1px solid #999}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-default{margin-right:6px;padding:2px 8px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;line-height:1.33333333;margin:0;padding:5px;vertical-align:top;min-height:28px}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.iris-picker .iris-palette:focus{box-shadow:inset 0 0 5px rgba(0,0,0,.4),0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:80px;padding:6px 5px 5px;font-size:16px;line-height:1.15}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:5px 5px 4px}.wp-picker-container .wp-color-result.button{height:auto;padding:0 40px 0 0;font-size:14px;line-height:2.1}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:13px;line-height:2}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}@media screen and (max-width:640px){.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.1}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:6px 5px}}
+.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 0 6px 6px;padding:0 30px 0 0;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:2px 0 0 2px;border-right:1px solid #ccc;color:#555;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-right:1px solid #999}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-default{margin-right:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.iris-picker .iris-palette:focus{box-shadow:inset 0 0 5px rgba(0,0,0,.4),0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 40px 0 0;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}

wp-admin/css/color-picker.css

@@ -10,7 +10,7 @@
 
 /* Needs higher specificiity. */
 .wp-picker-container .wp-color-result.button {
-	min-height: 28px;
+	min-height: 30px;
 	margin: 0 6px 6px 0px;
 	padding: 0 0 0 30px;
 	font-size: 11px;
@@ -22,7 +22,7 @@
 	border-left: 1px solid #ccc;
 	color: #555;
 	display: block;
-	line-height: 2.36363636; /* 26px */
+	line-height: 2.54545455; /* 28px */
 	padding: 0 6px;
 	text-align: center;
 }
@@ -73,7 +73,9 @@
 .wp-picker-input-wrap .button.wp-picker-default,
 .wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
 	margin-left: 6px;
-	padding: 2px 8px;
+	padding: 0 8px;
+	line-height: 2.54545455; /* 28px */
+	min-height: 30px;
 }
 
 .wp-picker-container .iris-square-slider .ui-slider-handle:focus {
@@ -87,14 +89,14 @@
 }
 
 .wp-picker-container input[type="text"].wp-color-picker {
-	width: 65px;
+	width: 4rem;
 	font-size: 12px;
 	font-family: monospace;
-	line-height: 1.33333333; /* 16px */
+	line-height: 2.33333333; /* 28px */
 	margin: 0;
-	padding: 5px;
+	padding: 0 5px;
 	vertical-align: top;
-	min-height: 28px;
+	min-height: 30px;
 }
 
 .wp-color-picker::-webkit-input-placeholder {
@@ -132,26 +134,38 @@
 
 @media screen and (max-width: 782px) {
 	.wp-picker-container input[type="text"].wp-color-picker {
-		width: 80px;
-		padding: 6px 5px 5px;
+		width: 5rem;
 		font-size: 16px;
-		line-height: 1.15;
+		line-height: 1.875; /* 30px */
+		min-height: 32px;
 	}
 
 	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 5px 5px 4px;
+		padding: 0 5px;
+	}
+
+	.wp-picker-input-wrap .button.wp-picker-default {
+		padding: 0 8px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
+	}
+
+	.wp-customizer .wp-picker-input-wrap .button.wp-picker-default {
+		padding: 0 8px;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
+		min-height: 32px;
 	}
 
 	.wp-picker-container .wp-color-result.button {
-		height: auto;
 		padding: 0 0 0 40px;
 		font-size: 14px;
-		line-height: 2.1;
+		line-height: 2.14285714; /* 30px */
 	}
 
 	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 13px;
-		line-height: 2;
+		font-size: 14px;
+		line-height: 2.14285714; /* 30px */
 	}
 
 	.wp-picker-container .wp-color-result-text {
@@ -164,14 +178,3 @@
 		padding: 0 10px;
 	}
 }
-
-@media screen and (max-width: 640px) {
-	.wp-customizer .wp-picker-container .wp-color-result.button {
-		font-size: 14px;
-		line-height: 2.1;
-	}
-
-	.wp-customizer .wp-picker-container input[type="text"].wp-color-picker {
-		padding: 6px 5px;
-	}
-}

wp-admin/css/color-picker.min.css

@@ -1,2 +1,2 @@
 /*! This file is auto-generated */
-.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:28px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:0 2px 2px 0;border-left:1px solid #ccc;color:#555;display:block;line-height:2.36363636;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-left:1px solid #999}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:2px 8px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:65px;font-size:12px;font-family:monospace;line-height:1.33333333;margin:0;padding:5px;vertical-align:top;min-height:28px}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.iris-picker .iris-palette:focus{box-shadow:inset 0 0 5px rgba(0,0,0,.4),0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:80px;padding:6px 5px 5px;font-size:16px;line-height:1.15}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:5px 5px 4px}.wp-picker-container .wp-color-result.button{height:auto;padding:0 0 0 40px;font-size:14px;line-height:2.1}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:13px;line-height:2}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}@media screen and (max-width:640px){.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.1}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:6px 5px}}
+.wp-color-picker{width:80px;direction:ltr}.wp-picker-container .hidden{display:none}.wp-picker-container .wp-color-result.button{min-height:30px;margin:0 6px 6px 0;padding:0 0 0 30px;font-size:11px}.wp-color-result-text{background:#f7f7f7;border-radius:0 2px 2px 0;border-left:1px solid #ccc;color:#555;display:block;line-height:2.54545455;padding:0 6px;text-align:center}.wp-color-result:focus,.wp-color-result:hover{background:#fafafa;border-color:#999;color:#23282d}.wp-color-result:focus:after,.wp-color-result:hover:after{color:#23282d;border-color:#a0a5aa;border-left:1px solid #999}.wp-picker-container{display:inline-block}.wp-color-result:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.wp-color-result:active{transform:none!important}.wp-picker-open+.wp-picker-input-wrap{display:inline-block;vertical-align:top}.wp-picker-input-wrap label{display:inline-block;vertical-align:top}.form-table .wp-picker-input-wrap label{margin:0!important}.wp-customizer .wp-picker-input-wrap .button.wp-picker-default,.wp-picker-input-wrap .button.wp-picker-default{margin-left:6px;padding:0 8px;line-height:2.54545455;min-height:30px}.wp-picker-container .iris-square-slider .ui-slider-handle:focus{background-color:#555}.wp-picker-container .iris-picker{border-radius:0;border-color:#ddd;margin-top:6px}.wp-picker-container input[type=text].wp-color-picker{width:4rem;font-size:12px;font-family:monospace;line-height:2.33333333;margin:0;padding:0 5px;vertical-align:top;min-height:30px}.wp-color-picker::-webkit-input-placeholder{color:#72777c}.wp-color-picker::-moz-placeholder{color:#72777c;opacity:1}.wp-color-picker:-ms-input-placeholder{color:#72777c}.wp-picker-container input[type=text].iris-error{background-color:#ffebe8;border-color:#c00;color:#000}.iris-picker .iris-strip .ui-slider-handle:focus,.iris-picker .ui-square-handle:focus{box-shadow:0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}.iris-picker .iris-palette:focus{box-shadow:inset 0 0 5px rgba(0,0,0,.4),0 0 0 1px #5b9dd9,0 0 2px 1px rgba(30,140,190,.8)}@media screen and (max-width:782px){.wp-picker-container input[type=text].wp-color-picker{width:5rem;font-size:16px;line-height:1.875;min-height:32px}.wp-customizer .wp-picker-container input[type=text].wp-color-picker{padding:0 5px}.wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;line-height:2.14285714;min-height:32px}.wp-customizer .wp-picker-input-wrap .button.wp-picker-default{padding:0 8px;font-size:14px;line-height:2.14285714;min-height:32px}.wp-picker-container .wp-color-result.button{padding:0 0 0 40px;font-size:14px;line-height:2.14285714}.wp-customizer .wp-picker-container .wp-color-result.button{font-size:14px;line-height:2.14285714}.wp-picker-container .wp-color-result-text{padding:0 14px;font-size:inherit;line-height:inherit}.wp-customizer .wp-picker-container .wp-color-result-text{padding:0 10px}}

wp-admin/css/colors/_admin.scss

@@ -75,40 +75,37 @@ textarea:focus {
 
 .wp-core-ui {
 
-	.button,
-	.button-secondary {
-		color: $button-color;
-		border-color: $button-color;
+	.button {
+		border-color: #7e8993;
+		color: #32373c;
 	}
 
 	.button.hover,
 	.button:hover,
-	.button-secondary:hover,
 	.button.focus,
-	.button:focus,
-	.button-secondary:focus {
-		border-color: darken( $button-color, 5% );
-		color: darken( $button-color, 5% );
+	.button:focus {
+		border-color: darken( #7e8993, 5% );
+		color: darken( #32373c, 5% );
 	}
 
 	.button.focus,
-	.button:focus,
-	.button-secondary:focus {
-		border-color: $button-color;
-		color: darken( $button-color, 5% );
-		box-shadow: 0 0 0 1px $button-color;
+	.button:focus {
+		border-color: #7e8993;
+		color: darken( #32373c, 5% );
+		box-shadow: 0 0 0 1px #32373c;
 	}
 
 	.button:active {
-		background: darken( $button-color, 5% );
-		border-color: darken( $button-color, 5% );
+		border-color: #7e8993;
+		color: darken( #32373c, 5% );
+		box-shadow: none;
 	}
 
 	.button.active,
 	.button.active:focus,
 	.button.active:hover {
 		border-color: darken( $button-color, 5% );
-		color: darken( $button-color, 5% );
+		color: darken( $button-text-color, 5% );
 		box-shadow: inset 0 2px 5px -3px darken( $button-color, 5% );
 	}
 

wp-admin/css/colors/_mixins.scss

@@ -2,16 +2,16 @@
  * Button mixin- creates a button effect with correct
  * highlights/shadows, based on a base color.
  */
-@mixin button( $button-color, $text-color: #fff ) {
+@mixin button( $button-color, $button-text-color: #fff ) {
 	background: $button-color;
 	border-color: $button-color;
-	color: $text-color;
+	color: $button-text-color;
 
 	&:hover,
 	&:focus {
 		background: lighten( $button-color, 3% );
 		border-color: darken( $button-color, 3% );
-		color: $text-color;
+		color: $button-text-color;
 	}
 
 	&:focus {
@@ -23,14 +23,14 @@
 	&:active {
 		background: darken( $button-color, 5% );
 		border-color: darken( $button-color, 5% );
-		color: $text-color;
+		color: $button-text-color;
 	}
 
 	&.active,
 	&.active:focus,
 	&.active:hover {
 		background: $button-color;
-		color: $text-color;
+		color: $button-text-color;
 		border-color: darken( $button-color, 15% );
 		box-shadow: inset 0 2px 5px -3px darken( $button-color, 50% );
 	}

wp-admin/css/colors/_variables.scss

@@ -18,8 +18,9 @@ $link: #0073aa !default;
 $link-focus: lighten( $link, 10% ) !default;
 
 $button-color: $highlight-color !default;
-$form-checked: $highlight-color !default;
+$button-text-color: $text-color !default;
 
+$form-checked: #7e8993 !default;
 
 // admin menu & admin-bar
 

wp-admin/css/colors/blue/colors-rtl.css

@@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
 
 /* Forms */
 input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23096484%27%2F%3E%3C%2Fsvg%3E");
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-  background: #096484;
+  background: #7e8993;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #e1a948;
-  border-color: #e1a948;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #dd9f32;
-  color: #dd9f32;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #e1a948;
-  color: #dd9f32;
-  box-shadow: 0 0 0 1px #e1a948;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #dd9f32;
-  border-color: #dd9f32;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #dd9f32;
-  color: #dd9f32;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #dd9f32;
 }
 

wp-admin/css/colors/blue/colors.css

@@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
 
 /* Forms */
 input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23096484%27%2F%3E%3C%2Fsvg%3E");
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-  background: #096484;
+  background: #7e8993;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #e1a948;
-  border-color: #e1a948;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #dd9f32;
-  color: #dd9f32;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #e1a948;
-  color: #dd9f32;
-  box-shadow: 0 0 0 1px #e1a948;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #dd9f32;
-  border-color: #dd9f32;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #dd9f32;
-  color: #dd9f32;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #dd9f32;
 }
 

wp-admin/css/colors/coffee/colors-rtl.css

@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #c7a589;
-  border-color: #c7a589;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #bf9878;
-  color: #bf9878;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #c7a589;
-  color: #bf9878;
-  box-shadow: 0 0 0 1px #c7a589;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #bf9878;
-  border-color: #bf9878;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #bf9878;
-  color: #bf9878;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #bf9878;
 }
 

wp-admin/css/colors/coffee/colors.css

@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #c7a589;
-  border-color: #c7a589;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #bf9878;
-  color: #bf9878;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #c7a589;
-  color: #bf9878;
-  box-shadow: 0 0 0 1px #c7a589;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #bf9878;
-  border-color: #bf9878;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #bf9878;
-  color: #bf9878;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #bf9878;
 }
 

wp-admin/css/colors/ectoplasm/colors-rtl.css

@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #a3b745;
-  border-color: #a3b745;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #93a43e;
-  color: #93a43e;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #a3b745;
-  color: #93a43e;
-  box-shadow: 0 0 0 1px #a3b745;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #93a43e;
-  border-color: #93a43e;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #93a43e;
-  color: #93a43e;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #93a43e;
 }
 

wp-admin/css/colors/ectoplasm/colors.css

@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #a3b745;
-  border-color: #a3b745;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #93a43e;
-  color: #93a43e;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #a3b745;
-  color: #93a43e;
-  box-shadow: 0 0 0 1px #a3b745;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #93a43e;
-  border-color: #93a43e;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #93a43e;
-  color: #93a43e;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #93a43e;
 }
 

wp-admin/css/colors/light/colors-rtl.css

@@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
 
 /* Forms */
 input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2304a4cc%27%2F%3E%3C%2Fsvg%3E");
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-  background: #04a4cc;
+  background: #7e8993;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #04a4cc;
-  border-color: #04a4cc;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #0490b3;
-  color: #0490b3;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #04a4cc;
-  color: #0490b3;
-  box-shadow: 0 0 0 1px #04a4cc;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #0490b3;
-  border-color: #0490b3;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #0490b3;
-  color: #0490b3;
+  color: #262626;
   box-shadow: inset 0 2px 5px -3px #0490b3;
 }
 

wp-admin/css/colors/light/colors.css

@@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
 
 /* Forms */
 input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%2304a4cc%27%2F%3E%3C%2Fsvg%3E");
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-  background: #04a4cc;
+  background: #7e8993;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #04a4cc;
-  border-color: #04a4cc;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #0490b3;
-  color: #0490b3;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #04a4cc;
-  color: #0490b3;
-  box-shadow: 0 0 0 1px #04a4cc;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #0490b3;
-  border-color: #0490b3;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #0490b3;
-  color: #0490b3;
+  color: #262626;
   box-shadow: inset 0 2px 5px -3px #0490b3;
 }
 

wp-admin/css/colors/midnight/colors-rtl.css

@@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
 
 /* Forms */
 input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23e14d43%27%2F%3E%3C%2Fsvg%3E");
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-  background: #e14d43;
+  background: #7e8993;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #e14d43;
-  border-color: #e14d43;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #dd382d;
-  color: #dd382d;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #e14d43;
-  color: #dd382d;
-  box-shadow: 0 0 0 1px #e14d43;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #dd382d;
-  border-color: #dd382d;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #dd382d;
-  color: #dd382d;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #dd382d;
 }
 

wp-admin/css/colors/midnight/colors.css

@@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
 
 /* Forms */
 input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23e14d43%27%2F%3E%3C%2Fsvg%3E");
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-  background: #e14d43;
+  background: #7e8993;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #e14d43;
-  border-color: #e14d43;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #dd382d;
-  color: #dd382d;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #e14d43;
-  color: #dd382d;
-  box-shadow: 0 0 0 1px #e14d43;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #dd382d;
-  border-color: #dd382d;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #dd382d;
-  color: #dd382d;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #dd382d;
 }
 

wp-admin/css/colors/ocean/colors-rtl.css

@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #9ebaa0;
-  border-color: #9ebaa0;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #8faf91;
-  color: #8faf91;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #9ebaa0;
-  color: #8faf91;
-  box-shadow: 0 0 0 1px #9ebaa0;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #8faf91;
-  border-color: #8faf91;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #8faf91;
-  color: #8faf91;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #8faf91;
 }
 

wp-admin/css/colors/ocean/colors.css

@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #9ebaa0;
-  border-color: #9ebaa0;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #8faf91;
-  color: #8faf91;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #9ebaa0;
-  color: #8faf91;
-  box-shadow: 0 0 0 1px #9ebaa0;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #8faf91;
-  border-color: #8faf91;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #8faf91;
-  color: #8faf91;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #8faf91;
 }
 

wp-admin/css/colors/sunrise/colors-rtl.css

@@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
 
 /* Forms */
 input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23dd823b%27%2F%3E%3C%2Fsvg%3E");
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-  background: #dd823b;
+  background: #7e8993;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #dd823b;
-  border-color: #dd823b;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #d97426;
-  color: #d97426;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #dd823b;
-  color: #d97426;
-  box-shadow: 0 0 0 1px #dd823b;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #d97426;
-  border-color: #d97426;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #d97426;
-  color: #d97426;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #d97426;
 }
 

wp-admin/css/colors/sunrise/colors.css

@@ -26,11 +26,11 @@ span.wp-media-buttons-icon:before {
 
 /* Forms */
 input[type=checkbox]:checked::before {
-  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%23dd823b%27%2F%3E%3C%2Fsvg%3E");
+  content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%237e8993%27%2F%3E%3C%2Fsvg%3E");
 }
 
 input[type=radio]:checked::before {
-  background: #dd823b;
+  background: #7e8993;
 }
 
 .wp-core-ui input[type="reset"]:hover,
@@ -62,40 +62,37 @@ textarea:focus {
 }
 
 /* Core UI */
-.wp-core-ui .button,
-.wp-core-ui .button-secondary {
-  color: #dd823b;
-  border-color: #dd823b;
+.wp-core-ui .button {
+  border-color: #7e8993;
+  color: #32373c;
 }
 
 .wp-core-ui .button.hover,
 .wp-core-ui .button:hover,
-.wp-core-ui .button-secondary:hover,
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #d97426;
-  color: #d97426;
+.wp-core-ui .button:focus {
+  border-color: #717c87;
+  color: #262a2e;
 }
 
 .wp-core-ui .button.focus,
-.wp-core-ui .button:focus,
-.wp-core-ui .button-secondary:focus {
-  border-color: #dd823b;
-  color: #d97426;
-  box-shadow: 0 0 0 1px #dd823b;
+.wp-core-ui .button:focus {
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: 0 0 0 1px #32373c;
 }
 
 .wp-core-ui .button:active {
-  background: #d97426;
-  border-color: #d97426;
+  border-color: #7e8993;
+  color: #262a2e;
+  box-shadow: none;
 }
 
 .wp-core-ui .button.active,
 .wp-core-ui .button.active:focus,
 .wp-core-ui .button.active:hover {
   border-color: #d97426;
-  color: #d97426;
+  color: #f2f2f2;
   box-shadow: inset 0 2px 5px -3px #d97426;
 }
 

wp-admin/css/common-rtl.css

@@ -924,11 +924,11 @@ span.required,
 
 #delete-action {
 	float: right;
-	line-height: 2.1;
+	line-height: 2.30769231; /* 30px */
 }
 
 #delete-link {
-	line-height: 2.1;
+	line-height: 2.30769231; /* 30px */
 	vertical-align: middle;
 	text-align: right;
 	margin-right: 8px;
@@ -945,7 +945,8 @@ span.required,
 }
 
 #publishing-action .spinner {
-	float: right;
+	float: none;
+	margin-top: 5px;
 }
 
 #misc-publishing-actions {
@@ -1086,12 +1087,9 @@ th.action-links {
 }
 
 .wp-filter .search-form input[type="search"] {
-	margin: 0;
+	margin: 1px 0;
 	width: 280px;
 	max-width: 100%;
-	font-size: inherit;
-	/* inherits font size 13px */
-	line-height: 2.15384615; /* 28px */
 }
 
 .wp-filter .search-form select {

wp-admin/css/common.css

@@ -924,11 +924,11 @@ span.required,
 
 #delete-action {
 	float: left;
-	line-height: 2.1;
+	line-height: 2.30769231; /* 30px */
 }
 
 #delete-link {
-	line-height: 2.1;
+	line-height: 2.30769231; /* 30px */
 	vertical-align: middle;
 	text-align: left;
 	margin-left: 8px;
@@ -945,7 +945,8 @@ span.required,
 }
 
 #publishing-action .spinner {
-	float: left;
+	float: none;
+	margin-top: 5px;
 }
 
 #misc-publishing-actions {
@@ -1086,12 +1087,9 @@ th.action-links {
 }
 
 .wp-filter .search-form input[type="search"] {
-	margin: 0;
+	margin: 1px 0;
 	width: 280px;
 	max-width: 100%;
-	font-size: inherit;
-	/* inherits font size 13px */
-	line-height: 2.15384615; /* 28px */
 }
 
 .wp-filter .search-form select {

wp-admin/css/customize-controls-rtl.css

@@ -159,6 +159,7 @@ body:not(.ready) #customize-save-button-wrapper .save {
 	float: right;
 	transform: none;
 	margin-top: 0;
+	line-height: 2;
 }
 
 body:not(.ready) #publish-settings,
@@ -912,12 +913,6 @@ p.customize-section-description {
 	margin-bottom: 12px;
 }
 
-.customize-control select,
-.customize-control input[type="radio"],
-.customize-control input[type="checkbox"] {
-	line-height: 2;
-}
-
 .customize-control input[type="text"],
 .customize-control input[type="password"],
 .customize-control input[type="email"],
@@ -940,8 +935,6 @@ p.customize-section-description {
 
 .customize-control select {
 	width: 100%;
-	height: 28px;
-	line-height: 2;
 }
 
 .customize-control select[multiple] {
@@ -2871,15 +2864,11 @@ body.adding-widget .add-new-widget:before,
 	}
 
 	.wp-core-ui.wp-customizer .button {
-		padding: 6px 14px;
-		line-height: normal;
+		min-height: 30px;
+		padding: 0 14px;
+		line-height: 2;
 		font-size: 14px;
 		vertical-align: middle;
-		height: auto;
-	}
-
-	#publish-settings {
-		height: 31px;
 	}
 
 	#customize-control-changeset_status .customize-inside-control-row {

wp-admin/css/customize-controls.css

@@ -159,6 +159,7 @@ body:not(.ready) #customize-save-button-wrapper .save {
 	float: left;
 	transform: none;
 	margin-top: 0;
+	line-height: 2;
 }
 
 body:not(.ready) #publish-settings,
@@ -912,12 +913,6 @@ p.customize-section-description {
 	margin-bottom: 12px;
 }
 
-.customize-control select,
-.customize-control input[type="radio"],
-.customize-control input[type="checkbox"] {
-	line-height: 2;
-}
-
 .customize-control input[type="text"],
 .customize-control input[type="password"],
 .customize-control input[type="email"],
@@ -940,8 +935,6 @@ p.customize-section-description {
 
 .customize-control select {
 	width: 100%;
-	height: 28px;
-	line-height: 2;
 }
 
 .customize-control select[multiple] {
@@ -2871,15 +2864,11 @@ body.adding-widget .add-new-widget:before,
 	}
 
 	.wp-core-ui.wp-customizer .button {
-		padding: 6px 14px;
-		line-height: normal;
+		min-height: 30px;
+		padding: 0 14px;
+		line-height: 2;
 		font-size: 14px;
 		vertical-align: middle;
-		height: auto;
-	}
-
-	#publish-settings {
-		height: 31px;
 	}
 
 	#customize-control-changeset_status .customize-inside-control-row {

wp-admin/css/dashboard-rtl.css

@@ -130,7 +130,7 @@
 	color: #72777c;
 }
 
-.welcome-panel a {
+.welcome-panel li a {
 	text-decoration: none;
 }
 
@@ -260,6 +260,16 @@
 	top: -2px;
 }
 
+.welcome-panel .welcome-widgets:before {
+	content: "\f538";
+	top: -2px;
+}
+
+.welcome-panel .welcome-menus:before {
+	content: "\f163";
+	top: -2px;
+}
+
 .welcome-panel .welcome-comments:before {
 	content: "\f117";
 	top: -1px;
@@ -886,8 +896,9 @@ body #dashboard-widgets .postbox form .submit {
 	min-width: 0;
 }
 
-#dashboard-widgets a,
-#dashboard-widgets .button-link {
+#dashboard-widgets li a,
+#dashboard-widgets .button-link,
+.community-events-footer a {
 	text-decoration: none;
 }
 

wp-admin/css/dashboard.css

@@ -130,7 +130,7 @@
 	color: #72777c;
 }
 
-.welcome-panel a {
+.welcome-panel li a {
 	text-decoration: none;
 }
 
@@ -260,6 +260,16 @@
 	top: -2px;
 }
 
+.welcome-panel .welcome-widgets:before {
+	content: "\f538";
+	top: -2px;
+}
+
+.welcome-panel .welcome-menus:before {
+	content: "\f163";
+	top: -2px;
+}
+
 .welcome-panel .welcome-comments:before {
 	content: "\f117";
 	top: -1px;
@@ -886,8 +896,9 @@ body #dashboard-widgets .postbox form .submit {
 	min-width: 0;
 }
 
-#dashboard-widgets a,
-#dashboard-widgets .button-link {
+#dashboard-widgets li a,
+#dashboard-widgets .button-link,
+.community-events-footer a {
 	text-decoration: none;
 }
 

wp-admin/css/edit-rtl.css

@@ -1121,7 +1121,7 @@ p.popular-tags a {
 	margin: 5px 0 10px;
 	padding: 8px;
 	border: 1px solid #ddd;
-	line-height: 1.8;
+	line-height: 1.2;
 	word-spacing: 3px;
 }
 

wp-admin/css/edit.css

@@ -1121,7 +1121,7 @@ p.popular-tags a {
 	margin: 5px 0 10px;
 	padding: 8px;
 	border: 1px solid #ddd;
-	line-height: 1.8;
+	line-height: 1.2;
 	word-spacing: 3px;
 }
 

wp-admin/css/forms-rtl.css

@@ -28,7 +28,7 @@ label {
 
 input,
 select {
-	margin: 1px;
+	margin: 0 1px;
 }
 
 textarea.code {
@@ -308,48 +308,41 @@ input[type="radio"].disabled:checked:before {
 ------------------------------------------------------------------------------*/
 
 /* Select styles are based on the default button in buttons.css */
-.wp-admin select {
-	font-size: 13px;
-	line-height: 1.38461538; /* 18px */
+.wp-core-ui select {
+	font-size: 14px;
+	line-height: 2; /* 28px */
 	color: #32373c;
 	border-color: #7e8993;
 	box-shadow: none;
 	border-radius: 3px;
-	padding: 3px 8px 3px 24px;
-	min-height: 28px;
+	padding: 0 8px 0 24px;
+	min-height: 30px;
 	max-width: 25rem;
-	vertical-align: middle;
 	-webkit-appearance: none;
 	/* The SVG is arrow-down-alt2 from Dashicons. */
 	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat left 5px top 55%;
 	background-size: 16px 16px;
 	cursor: pointer;
-}
+	vertical-align: middle;
+}e
 
-/* Color and font size in the core form tables. */
-.wp-admin .form-table select {
-	font-size: 14px;
-	line-height: 1.28571428; /* 18px */
-	color: #32373c;
-}
-
-.wp-admin select:hover {
+.wp-core-ui select:hover {
 	color: #007cba;
 }
 
-.wp-admin select:focus {
+.wp-core-ui select:focus {
 	border-color: #007cba;
 	color: #016087;
 	box-shadow: 0 0 0 1px #007cba;
 }
 
-.wp-admin select:active {
+.wp-core-ui select:active {
 	border-color: #999;
 	box-shadow: none;
 }
 
-.wp-admin select.disabled,
-.wp-admin select:disabled {
+.wp-core-ui select.disabled,
+.wp-core-ui select:disabled {
 	color: #a0a5aa;
 	border-color: #ddd;
 	background-color: #f7f7f7;
@@ -363,32 +356,32 @@ input[type="radio"].disabled:checked:before {
 
 /* Reset Firefox inner outline that appears on :focus. */
 /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
-.wp-admin select:-moz-focusring {
+.wp-core-ui select:-moz-focusring {
 	color: transparent;
 	text-shadow: 0 0 0 #016087;
 }
 
 /* Remove background focus style from IE11 while keeping focus style available on option elements. */
-.wp-admin select::-ms-value {
+.wp-core-ui select::-ms-value {
 	background: transparent;
 	color: #555;
 }
 
-.wp-admin select:hover::-ms-value {
+.wp-core-ui select:hover::-ms-value {
 	color: #007cba;
 }
 
-.wp-admin select:focus::-ms-value {
+.wp-core-ui select:focus::-ms-value {
 	color: #016087;
 }
 
-.wp-admin select.disabled::-ms-value,
-.wp-admin select:disabled::-ms-value {
+.wp-core-ui select.disabled::-ms-value,
+.wp-core-ui select:disabled::-ms-value {
 	color: #a0a5aa;
 }
 
 /* Hide the native down arrow for select element on IE. */
-.wp-admin select::-ms-expand {
+.wp-core-ui select::-ms-expand {
 	display: none;
 }
 
@@ -407,7 +400,7 @@ input[type="radio"].disabled:checked:before {
 	margin-top: 0;
 }
 
-.wp-admin select[multiple] {
+.wp-core-ui select[multiple] {
 	height: auto;
 	padding-left: 8px;
 	background: #fff;
@@ -484,14 +477,7 @@ input[type="number"].tiny-text {
 #doaction,
 #doaction2,
 #post-query-submit {
-	margin: 1px 0 0 8px;
-}
-
-.tablenav #changeit,
-.tablenav #delete_all,
-.tablenav #clear-recent-list,
-.wp-filter #delete_all {
-	margin-top: 1px;
+	margin: 0 0 0 8px;
 }
 
 .tablenav .actions select {
@@ -508,6 +494,10 @@ input[type="number"].tiny-text {
 .wp-cancel-pw > .dashicons {
 	position: relative;
 	top: 3px;
+	width: 1.25rem;
+	height: 1.25rem;
+	top: 0.25rem;
+	font-size: 20px;
 }
 
 .wp-cancel-pw .dashicons-no {
@@ -601,9 +591,12 @@ fieldset label,
 .wp-pwd [type="password"] {
 	margin-bottom: 0;
 	/* Same height as the buttons */
-	line-height: 20px;
-	min-height: 28px;
-	max-height: 40px;
+	min-height: 30px;
+}
+
+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+	display: none;
 }
 
 #pass1-text,
@@ -1325,6 +1318,8 @@ table.form-table td .updated p {
 	input[type="week"] {
 		-webkit-appearance: none;
 		padding: 3px 10px;
+		/* Only necessary for IE11 */
+		min-height: 40px;
 	}
 
 	::-webkit-datetime-edit {
@@ -1376,7 +1371,7 @@ table.form-table td .updated p {
 		margin-top: 10px;
 	}
 
-	.wp-admin select,
+	.wp-core-ui select,
 	.wp-admin .form-table select {
 		min-height: 40px;
 		font-size: 16px;
@@ -1526,6 +1521,10 @@ table.form-table td .updated p {
 		font-size: 14px;
 	}
 
+	.background-position-control .button-group > label {
+		font-size: 0;
+	}
+
 	.form-table fieldset label {
 		display: block;
 	}
@@ -1561,10 +1560,14 @@ table.form-table td .updated p {
 		position: absolute;
 		left: 0;
 		top: 0;
+		width: 2.375rem;
+		height: 2.375rem;
+		min-width: 40px;
+		min-height: 40px;
 	}
 
 	.wp-pwd button.wp-hide-pw {
-		left: 40px;
+		left: 2.5rem;
 	}
 
 	.wp-pwd button.button:hover,
@@ -1585,6 +1588,7 @@ table.form-table td .updated p {
 	.wp-pwd [type="text"],
 	.wp-pwd [type="password"] {
 		line-height: 2;
+		padding-left: 5rem;
 	}
 
 	.wp-cancel-pw .dashicons-no {

wp-admin/css/forms.css

@@ -28,7 +28,7 @@ label {
 
 input,
 select {
-	margin: 1px;
+	margin: 0 1px;
 }
 
 textarea.code {
@@ -308,48 +308,41 @@ input[type="radio"].disabled:checked:before {
 ------------------------------------------------------------------------------*/
 
 /* Select styles are based on the default button in buttons.css */
-.wp-admin select {
-	font-size: 13px;
-	line-height: 1.38461538; /* 18px */
+.wp-core-ui select {
+	font-size: 14px;
+	line-height: 2; /* 28px */
 	color: #32373c;
 	border-color: #7e8993;
 	box-shadow: none;
 	border-radius: 3px;
-	padding: 3px 24px 3px 8px;
-	min-height: 28px;
+	padding: 0 24px 0 8px;
+	min-height: 30px;
 	max-width: 25rem;
-	vertical-align: middle;
 	-webkit-appearance: none;
 	/* The SVG is arrow-down-alt2 from Dashicons. */
 	background: #fff url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E') no-repeat right 5px top 55%;
 	background-size: 16px 16px;
 	cursor: pointer;
-}
+	vertical-align: middle;
+}e
 
-/* Color and font size in the core form tables. */
-.wp-admin .form-table select {
-	font-size: 14px;
-	line-height: 1.28571428; /* 18px */
-	color: #32373c;
-}
-
-.wp-admin select:hover {
+.wp-core-ui select:hover {
 	color: #007cba;
 }
 
-.wp-admin select:focus {
+.wp-core-ui select:focus {
 	border-color: #007cba;
 	color: #016087;
 	box-shadow: 0 0 0 1px #007cba;
 }
 
-.wp-admin select:active {
+.wp-core-ui select:active {
 	border-color: #999;
 	box-shadow: none;
 }
 
-.wp-admin select.disabled,
-.wp-admin select:disabled {
+.wp-core-ui select.disabled,
+.wp-core-ui select:disabled {
 	color: #a0a5aa;
 	border-color: #ddd;
 	background-color: #f7f7f7;
@@ -363,32 +356,32 @@ input[type="radio"].disabled:checked:before {
 
 /* Reset Firefox inner outline that appears on :focus. */
 /* This ruleset overrides the color change on :focus thus needs to be after select:focus. */
-.wp-admin select:-moz-focusring {
+.wp-core-ui select:-moz-focusring {
 	color: transparent;
 	text-shadow: 0 0 0 #016087;
 }
 
 /* Remove background focus style from IE11 while keeping focus style available on option elements. */
-.wp-admin select::-ms-value {
+.wp-core-ui select::-ms-value {
 	background: transparent;
 	color: #555;
 }
 
-.wp-admin select:hover::-ms-value {
+.wp-core-ui select:hover::-ms-value {
 	color: #007cba;
 }
 
-.wp-admin select:focus::-ms-value {
+.wp-core-ui select:focus::-ms-value {
 	color: #016087;
 }
 
-.wp-admin select.disabled::-ms-value,
-.wp-admin select:disabled::-ms-value {
+.wp-core-ui select.disabled::-ms-value,
+.wp-core-ui select:disabled::-ms-value {
 	color: #a0a5aa;
 }
 
 /* Hide the native down arrow for select element on IE. */
-.wp-admin select::-ms-expand {
+.wp-core-ui select::-ms-expand {
 	display: none;
 }
 
@@ -407,7 +400,7 @@ input[type="radio"].disabled:checked:before {
 	margin-top: 0;
 }
 
-.wp-admin select[multiple] {
+.wp-core-ui select[multiple] {
 	height: auto;
 	padding-right: 8px;
 	background: #fff;
@@ -484,14 +477,7 @@ input[type="number"].tiny-text {
 #doaction,
 #doaction2,
 #post-query-submit {
-	margin: 1px 8px 0 0;
-}
-
-.tablenav #changeit,
-.tablenav #delete_all,
-.tablenav #clear-recent-list,
-.wp-filter #delete_all {
-	margin-top: 1px;
+	margin: 0 8px 0 0;
 }
 
 .tablenav .actions select {
@@ -508,6 +494,10 @@ input[type="number"].tiny-text {
 .wp-cancel-pw > .dashicons {
 	position: relative;
 	top: 3px;
+	width: 1.25rem;
+	height: 1.25rem;
+	top: 0.25rem;
+	font-size: 20px;
 }
 
 .wp-cancel-pw .dashicons-no {
@@ -601,9 +591,12 @@ fieldset label,
 .wp-pwd [type="password"] {
 	margin-bottom: 0;
 	/* Same height as the buttons */
-	line-height: 20px;
-	min-height: 28px;
-	max-height: 40px;
+	min-height: 30px;
+}
+
+/* Hide the Edge "reveal password" native button */
+.wp-pwd input::-ms-reveal {
+	display: none;
 }
 
 #pass1-text,
@@ -1325,6 +1318,8 @@ table.form-table td .updated p {
 	input[type="week"] {
 		-webkit-appearance: none;
 		padding: 3px 10px;
+		/* Only necessary for IE11 */
+		min-height: 40px;
 	}
 
 	::-webkit-datetime-edit {
@@ -1376,7 +1371,7 @@ table.form-table td .updated p {
 		margin-top: 10px;
 	}
 
-	.wp-admin select,
+	.wp-core-ui select,
 	.wp-admin .form-table select {
 		min-height: 40px;
 		font-size: 16px;
@@ -1526,6 +1521,10 @@ table.form-table td .updated p {
 		font-size: 14px;
 	}
 
+	.background-position-control .button-group > label {
+		font-size: 0;
+	}
+
 	.form-table fieldset label {
 		display: block;
 	}
@@ -1561,10 +1560,14 @@ table.form-table td .updated p {
 		position: absolute;
 		right: 0;
 		top: 0;
+		width: 2.375rem;
+		height: 2.375rem;
+		min-width: 40px;
+		min-height: 40px;
 	}
 
 	.wp-pwd button.wp-hide-pw {
-		right: 40px;
+		right: 2.5rem;
 	}
 
 	.wp-pwd button.button:hover,
@@ -1585,6 +1588,7 @@ table.form-table td .updated p {
 	.wp-pwd [type="text"],
 	.wp-pwd [type="password"] {
 		line-height: 2;
+		padding-right: 5rem;
 	}
 
 	.wp-cancel-pw .dashicons-no {

wp-admin/css/install-rtl.css

@@ -323,13 +323,22 @@ body.language-chooser {
 	width: 100%;
 	display: block;
 	border: 1px solid #ddd;
-	background-color: #fff;
+	background: #fff;
 	color: #32373c;
 	font-size: 16px;
 	font-family: Arial, sans-serif;
 	font-weight: 400;
 }
 
+.language-chooser select:focus {
+	color: #32373c;
+}
+
+.language-chooser select option:hover,
+.language-chooser select option:focus {
+	color: #016087;
+}
+
 .language-chooser p {
 	text-align: left;
 }

wp-admin/css/install.css

@@ -323,13 +323,22 @@ body.language-chooser {
 	width: 100%;
 	display: block;
 	border: 1px solid #ddd;
-	background-color: #fff;
+	background: #fff;
 	color: #32373c;
 	font-size: 16px;
 	font-family: Arial, sans-serif;
 	font-weight: 400;
 }
 
+.language-chooser select:focus {
+	color: #32373c;
+}
+
+.language-chooser select option:hover,
+.language-chooser select option:focus {
+	color: #016087;
+}
+
 .language-chooser p {
 	text-align: right;
 }

wp-admin/css/list-tables-rtl.css

@@ -638,6 +638,7 @@ th.asc a:focus span.sorting-indicator {
 	clear: both;
 	height: 30px;
 	margin: 6px 0 4px;
+	padding-top: 5px;
 	vertical-align: middle;
 }
 
@@ -647,7 +648,7 @@ th.asc a:focus span.sorting-indicator {
 
 .tablenav .tablenav-pages {
 	float: left;
-	margin: 3px 0 9px;
+	margin: 0 0 9px;
 }
 
 .tablenav .no-pages,
@@ -659,12 +660,12 @@ th.asc a:focus span.sorting-indicator {
 .tablenav .tablenav-pages .tablenav-pages-navspan {
 	display: inline-block;
 	vertical-align: baseline;
-	min-width: 28px;
-	min-height: 28px;
+	min-width: 30px;
+	min-height: 30px;
 	margin: 0;
 	padding: 0 4px;
 	font-size: 16px;
-	line-height: 1.5;
+	line-height: 1.625; /* 26px */
 	text-align: center;
 }
 
@@ -678,8 +679,7 @@ th.asc a:focus span.sorting-indicator {
 }
 
 .tablenav .actions {
-	overflow: hidden;
-	padding: 2px 0 0 8px;
+	padding: 0 0 0 8px;
 }
 
 .wp-filter .actions {
@@ -1034,11 +1034,9 @@ tr.inline-edit-row td,
 .inline-edit-row fieldset input[name=hh],
 .inline-edit-row fieldset input[name=mn],
 .inline-edit-row fieldset input[name=aa] {
-	font-size: 12px;
-	line-height: 1.16666666;
 	vertical-align: middle;
 	text-align: center;
-	padding: 6px 4px;
+	padding: 0 4px;
 }
 
 .inline-edit-row fieldset label input.inline-edit-password-input {
@@ -1767,7 +1765,10 @@ div.action-links,
 	/* Checkboxes need to show */
 	.wp-list-table tr th.check-column {
 		display: table-cell;
-		width: 35px;
+	}
+
+	.wp-list-table .check-column {
+		width: 2.5em;
 	}
 
 	.wp-list-table .column-primary .toggle-row {
@@ -1957,6 +1958,15 @@ div.action-links,
 		box-sizing: border-box;
 	}
 
+	.inline-edit-row fieldset input[name=jj],
+	.inline-edit-row fieldset input[name=hh],
+	.inline-edit-row fieldset input[name=mn],
+	.inline-edit-row fieldset input[name=aa] {
+		font-size: 16px;
+		line-height: 2;
+		padding: 3px 4px;
+	}
+
 	.inline-edit-row fieldset ul.cat-checklist label,
 	.inline-edit-row #bulk-titles div {
 		font-size: 16px;

wp-admin/css/list-tables.css

@@ -638,6 +638,7 @@ th.asc a:focus span.sorting-indicator {
 	clear: both;
 	height: 30px;
 	margin: 6px 0 4px;
+	padding-top: 5px;
 	vertical-align: middle;
 }
 
@@ -647,7 +648,7 @@ th.asc a:focus span.sorting-indicator {
 
 .tablenav .tablenav-pages {
 	float: right;
-	margin: 3px 0 9px;
+	margin: 0 0 9px;
 }
 
 .tablenav .no-pages,
@@ -659,12 +660,12 @@ th.asc a:focus span.sorting-indicator {
 .tablenav .tablenav-pages .tablenav-pages-navspan {
 	display: inline-block;
 	vertical-align: baseline;
-	min-width: 28px;
-	min-height: 28px;
+	min-width: 30px;
+	min-height: 30px;
 	margin: 0;
 	padding: 0 4px;
 	font-size: 16px;
-	line-height: 1.5;
+	line-height: 1.625; /* 26px */
 	text-align: center;
 }
 
@@ -678,8 +679,7 @@ th.asc a:focus span.sorting-indicator {
 }
 
 .tablenav .actions {
-	overflow: hidden;
-	padding: 2px 8px 0 0;
+	padding: 0 8px 0 0;
 }
 
 .wp-filter .actions {
@@ -1034,11 +1034,9 @@ tr.inline-edit-row td,
 .inline-edit-row fieldset input[name=hh],
 .inline-edit-row fieldset input[name=mn],
 .inline-edit-row fieldset input[name=aa] {
-	font-size: 12px;
-	line-height: 1.16666666;
 	vertical-align: middle;
 	text-align: center;
-	padding: 6px 4px;
+	padding: 0 4px;
 }
 
 .inline-edit-row fieldset label input.inline-edit-password-input {
@@ -1767,7 +1765,10 @@ div.action-links,
 	/* Checkboxes need to show */
 	.wp-list-table tr th.check-column {
 		display: table-cell;
-		width: 35px;
+	}
+
+	.wp-list-table .check-column {
+		width: 2.5em;
 	}
 
 	.wp-list-table .column-primary .toggle-row {
@@ -1957,6 +1958,15 @@ div.action-links,
 		box-sizing: border-box;
 	}
 
+	.inline-edit-row fieldset input[name=jj],
+	.inline-edit-row fieldset input[name=hh],
+	.inline-edit-row fieldset input[name=mn],
+	.inline-edit-row fieldset input[name=aa] {
+		font-size: 16px;
+		line-height: 2;
+		padding: 3px 4px;
+	}
+
 	.inline-edit-row fieldset ul.cat-checklist label,
 	.inline-edit-row #bulk-titles div {
 		font-size: 16px;

wp-admin/css/media-rtl.css

@@ -1199,7 +1199,6 @@ audio, video {
 	.imgedit-settings .imgedit-scale input[type="text"],
 	.imgedit-settings .imgedit-crop-ratio input[type="text"],
 	.imgedit-settings .imgedit-crop-sel input[type="text"] {
-		width: 60px;
 		font-size: 16px;
 		padding: 6px 10px;
 	}

wp-admin/css/media.css

@@ -1199,7 +1199,6 @@ audio, video {
 	.imgedit-settings .imgedit-scale input[type="text"],
 	.imgedit-settings .imgedit-crop-ratio input[type="text"],
 	.imgedit-settings .imgedit-crop-sel input[type="text"] {
-		width: 60px;
 		font-size: 16px;
 		padding: 6px 10px;
 	}

wp-admin/css/themes-rtl.css

@@ -34,7 +34,6 @@ body.js .theme-browser.search-loading {
 	right: 20px;
 	margin: 0;
 	width: 280px;
-	font-size: inherit;
 }
 
 /* Position admin messages */

wp-admin/css/themes.css

@@ -34,7 +34,6 @@ body.js .theme-browser.search-loading {
 	left: 20px;
 	margin: 0;
 	width: 280px;
-	font-size: inherit;
 }
 
 /* Position admin messages */

wp-admin/freedoms.php

@@ -21,7 +21,7 @@ list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
 ?>
-<div class="wrap about-wrap full-width-layout">
+<div class="wrap about__container">
 
 	<div class="about__header">
 		<div class="about__header-title">
@@ -31,15 +31,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 			</h1>
 		</div>
 
-		<div class="about__header-badge wp-badge">
-			<?php
-			printf(
-				/* translators: %s: The current WordPress version number. */
-				__( 'Version %s' ),
-				$display_version
-			);
-			?>
-		</div>
+		<div class="about__header-badge"></div>
 
 		<div class="about__header-text">
 			<p>
@@ -61,44 +53,47 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 		</nav>
 	</div>
 
-	<div class="about-wrap-content">
-		<div class="feature-section has-1-columns">
-			<h2><?php _e( 'Freedoms' ); ?></h2>
-			<p class="about-description">
-			<?php
-			printf(
-				/* translators: %s: https://wordpress.org/about/license/ */
-				__( 'WordPress is Free and open source software, built by a distributed community of mostly volunteer developers from around the world. WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ),
-				__( 'https://wordpress.org/about/license/' )
-			);
-			?>
-			</p>
-		</div>
+	<div class="about__section has-subtle-background-color is-feature">
+		<h2><?php _e( 'Freedoms' ); ?></h2>
 
-		<div class="feature-section has-4-columns is-fullwidth">
-			<div class="column">
-				<div class="freedoms-image"></div>
-				<h3><?php _e( 'The 1st Freedom' ); ?></h3>
-				<p><?php _e( 'To run the program for any purpose.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="freedoms-image"></div>
-				<h3><?php _e( 'The 2nd Freedom' ); ?></h3>
-				<p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="freedoms-image"></div>
-				<h3><?php _e( 'The 3rd Freedom' ); ?></h3>
-				<p><?php _e( 'To redistribute.' ); ?></p>
-			</div>
-			<div class="column">
-				<div class="freedoms-image"></div>
-				<h3><?php _e( 'The 4th Freedom' ); ?></h3>
-				<p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>
-			</div>
-		</div>
+		<p class="about-description">
+		<?php
+		printf(
+			/* translators: %s: https://wordpress.org/about/license/ */
+			__( 'WordPress is Free and open source software, built by a distributed community of mostly volunteer developers from around the world. WordPress comes with some awesome, worldview-changing rights courtesy of its <a href="%s">license</a>, the GPL.' ),
+			__( 'https://wordpress.org/about/license/' )
+		);
+		?>
+		</p>
+	</div>
 
-		<div class="feature-section has-1-columns">
+	<hr />
+
+	<div class="about__section has-4-columns">
+		<div class="column">
+			<div class="freedoms-image"></div>
+			<h3><?php _e( 'The 1st Freedom' ); ?></h3>
+			<p><?php _e( 'To run the program for any purpose.' ); ?></p>
+		</div>
+		<div class="column">
+			<div class="freedoms-image"></div>
+			<h3><?php _e( 'The 2nd Freedom' ); ?></h3>
+			<p><?php _e( 'To study how the program works and change it to make it do what you wish.' ); ?></p>
+		</div>
+		<div class="column">
+			<div class="freedoms-image"></div>
+			<h3><?php _e( 'The 3rd Freedom' ); ?></h3>
+			<p><?php _e( 'To redistribute.' ); ?></p>
+		</div>
+		<div class="column">
+			<div class="freedoms-image"></div>
+			<h3><?php _e( 'The 4th Freedom' ); ?></h3>
+			<p><?php _e( 'To distribute copies of your modified versions to others.' ); ?></p>
+		</div>
+	</div>
+
+	<div class="about__section">
+		<div class="column">
 			<p>
 			<?php
 			printf(

wp-admin/includes/class-walker-nav-menu-checklist.php

@@ -62,7 +62,8 @@ class Walker_Nav_Menu_Checklist extends Walker_Nav_Menu {
 	 *
 	 * @since 3.0.0
 	 *
-	 * @global int $_nav_menu_placeholder
+	 * @global int        $_nav_menu_placeholder
+	 * @global int|string $nav_menu_selected_id
 	 *
 	 * @param string $output Used to append additional content (passed by reference).
 	 * @param object $item   Menu item data object.
@@ -71,7 +72,7 @@ class Walker_Nav_Menu_Checklist extends Walker_Nav_Menu {
 	 * @param int    $id     Not used.
 	 */
 	public function start_el( &$output, $item, $depth = 0, $args = array(), $id = 0 ) {
-		global $_nav_menu_placeholder;
+		global $_nav_menu_placeholder, $nav_menu_selected_id;
 
 		$_nav_menu_placeholder = ( 0 > $_nav_menu_placeholder ) ? intval( $_nav_menu_placeholder ) - 1 : -1;
 		$possible_object_id    = isset( $item->post_type ) && 'nav_menu_item' == $item->post_type ? $item->object_id : $_nav_menu_placeholder;
@@ -81,7 +82,7 @@ class Walker_Nav_Menu_Checklist extends Walker_Nav_Menu {
 
 		$output .= $indent . '<li>';
 		$output .= '<label class="menu-item-title">';
-		$output .= '<input type="checkbox" class="menu-item-checkbox';
+		$output .= '<input type="checkbox"' . wp_nav_menu_disabled_check( $nav_menu_selected_id, false ) . ' class="menu-item-checkbox';
 
 		if ( ! empty( $item->front_or_home ) ) {
 			$output .= ' add-to-top';

wp-admin/includes/class-wp-list-table.php

@@ -631,12 +631,15 @@ class WP_List_Table {
 		<div class="view-switch">
 		<?php
 		foreach ( $this->modes as $mode => $title ) {
-			$classes = array( 'view-' . $mode );
+			$classes      = array( 'view-' . $mode );
+			$aria_current = '';
+
 			if ( $current_mode === $mode ) {
-				$classes[] = 'current';
+				$classes[]    = 'current';
+				$aria_current = ' aria-current="page"';
 			}
 			printf(
-				"<a href='%s' class='%s' id='view-switch-$mode'><span class='screen-reader-text'>%s</span></a>\n",
+				"<a href='%s' class='%s' id='view-switch-$mode'$aria_current><span class='screen-reader-text'>%s</span></a>\n",
 				esc_url( add_query_arg( 'mode', $mode ) ),
 				implode( ' ', $classes ),
 				$title

wp-admin/includes/class-wp-site-health.php

@@ -1015,6 +1015,46 @@ class WP_Site_Health {
 		return $result;
 	}
 
+	/**
+	 * Test if the PHP default timezone is set to UTC.
+	 *
+	 * @since 5.3.1
+	 *
+	 * @return array The test results.
+	 */
+	public function get_test_php_default_timezone() {
+		$result = array(
+			'label'       => __( 'PHP default timezone is valid' ),
+			'status'      => 'good',
+			'badge'       => array(
+				'label' => __( 'Performance' ),
+				'color' => 'blue',
+			),
+			'description' => sprintf(
+				'<p>%s</p>',
+				__( 'PHP default timezone was configured by WordPress on loading. This is necessary for correct calculations of dates and times.' )
+			),
+			'test'        => 'php_default_timezone',
+		);
+
+		if ( 'UTC' !== date_default_timezone_get() ) {
+			$result['status'] = 'critical';
+
+			$result['label'] = __( 'PHP default timezone is invalid' );
+
+			$result['description'] = sprintf(
+				'<p>%s</p>',
+				sprintf(
+					/* translators: %s: date_default_timezone_set() */
+					__( 'PHP default timezone was changed after WordPress loading by a %s function call. This interferes with correct calculations of dates and times.' ),
+					'<code>date_default_timezone_set()</code>'
+				)
+			);
+		}
+
+		return $result;
+	}
+
 	/**
 	 * Test if the SQL server is up to date.
 	 *
@@ -1842,51 +1882,55 @@ class WP_Site_Health {
 	public static function get_tests() {
 		$tests = array(
 			'direct' => array(
-				'wordpress_version' => array(
+				'wordpress_version'    => array(
 					'label' => __( 'WordPress Version' ),
 					'test'  => 'wordpress_version',
 				),
-				'plugin_version'    => array(
+				'plugin_version'       => array(
 					'label' => __( 'Plugin Versions' ),
 					'test'  => 'plugin_version',
 				),
-				'theme_version'     => array(
+				'theme_version'        => array(
 					'label' => __( 'Theme Versions' ),
 					'test'  => 'theme_version',
 				),
-				'php_version'       => array(
+				'php_version'          => array(
 					'label' => __( 'PHP Version' ),
 					'test'  => 'php_version',
 				),
-				'sql_server'        => array(
-					'label' => __( 'Database Server version' ),
-					'test'  => 'sql_server',
-				),
-				'php_extensions'    => array(
+				'php_extensions'       => array(
 					'label' => __( 'PHP Extensions' ),
 					'test'  => 'php_extensions',
 				),
-				'utf8mb4_support'   => array(
+				'php_default_timezone' => array(
+					'label' => __( 'PHP Default Timezone' ),
+					'test'  => 'php_default_timezone',
+				),
+				'sql_server'           => array(
+					'label' => __( 'Database Server version' ),
+					'test'  => 'sql_server',
+				),
+				'utf8mb4_support'      => array(
 					'label' => __( 'MySQL utf8mb4 support' ),
 					'test'  => 'utf8mb4_support',
 				),
-				'https_status'      => array(
+				'https_status'         => array(
 					'label' => __( 'HTTPS status' ),
 					'test'  => 'https_status',
 				),
-				'ssl_support'       => array(
+				'ssl_support'          => array(
 					'label' => __( 'Secure communication' ),
 					'test'  => 'ssl_support',
 				),
-				'scheduled_events'  => array(
+				'scheduled_events'     => array(
 					'label' => __( 'Scheduled events' ),
 					'test'  => 'scheduled_events',
 				),
-				'http_requests'     => array(
+				'http_requests'        => array(
 					'label' => __( 'HTTP Requests' ),
 					'test'  => 'http_requests',
 				),
-				'debug_enabled'     => array(
+				'debug_enabled'        => array(
 					'label' => __( 'Debugging enabled' ),
 					'test'  => 'is_in_debug_mode',
 				),

wp-admin/includes/credits.php

@@ -76,3 +76,82 @@ function _wp_credits_add_profile_link( &$display_name, $username, $profiles ) {
 function _wp_credits_build_object_link( &$data ) {
 	$data = '<a href="' . esc_url( $data[1] ) . '">' . esc_html( $data[0] ) . '</a>';
 }
+
+/**
+ * Displays the title for a given group of contributors.
+ *
+ * @since 5.3.0
+ *
+ * @param array $group_data The current contributor group.
+ */
+function wp_credits_section_title( $group_data = array() ) {
+	if ( ! count( $group_data ) ) {
+		return;
+	}
+
+	if ( $group_data['name'] ) {
+		if ( 'Translators' === $group_data['name'] ) {
+			// Considered a special slug in the API response. (Also, will never be returned for en_US.)
+			$title = _x( 'Translators', 'Translate this to be the equivalent of English Translators in your language for the credits page Translators section' );
+		} elseif ( isset( $group_data['placeholders'] ) ) {
+			// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+			$title = vsprintf( translate( $group_data['name'] ), $group_data['placeholders'] );
+		} else {
+			// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+			$title = translate( $group_data['name'] );
+		}
+
+		echo '<h2 class="wp-people-group-title">' . esc_html( $title ) . "</h2>\n";
+	}
+}
+
+/**
+ * Displays a list of contributors for a given group.
+ *
+ * @since 5.3.0
+ *
+ * @param array  $credits The credits groups returned from the API.
+ * @param string $slug    The current group to display.
+ */
+function wp_credits_section_list( $credits = array(), $slug = '' ) {
+	$group_data   = isset( $credits['groups'][ $slug ] ) ? $credits['groups'][ $slug ] : array();
+	$credits_data = $credits['data'];
+	if ( ! count( $group_data ) ) {
+		return;
+	}
+
+	if ( ! empty( $group_data['shuffle'] ) ) {
+		shuffle( $group_data['data'] ); // We were going to sort by ability to pronounce "hierarchical," but that wouldn't be fair to Matt.
+	}
+
+	switch ( $group_data['type'] ) {
+		case 'list':
+			array_walk( $group_data['data'], '_wp_credits_add_profile_link', $credits_data['profiles'] );
+			echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
+			break;
+		case 'libraries':
+			array_walk( $group_data['data'], '_wp_credits_build_object_link' );
+			echo '<p class="wp-credits-list">' . wp_sprintf( '%l.', $group_data['data'] ) . "</p>\n\n";
+			break;
+		default:
+			$compact = 'compact' === $group_data['type'];
+			$classes = 'wp-people-group ' . ( $compact ? 'compact' : '' );
+			echo '<ul class="' . $classes . '" id="wp-people-group-' . $slug . '">' . "\n";
+			foreach ( $group_data['data'] as $person_data ) {
+				echo '<li class="wp-person" id="wp-person-' . esc_attr( $person_data[2] ) . '">' . "\n\t";
+				echo '<a href="' . esc_url( sprintf( $credits_data['profiles'], $person_data[2] ) ) . '" class="web">';
+				$size   = $compact ? 40 : 80;
+				$data   = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size ) );
+				$data2x = get_avatar_data( $person_data[1] . '@md5.gravatar.com', array( 'size' => $size * 2 ) );
+				echo '<img src="' . esc_url( $data['url'] ) . '" srcset="' . esc_url( $data2x['url'] ) . ' 2x" class="gravatar" alt="" />' . "\n";
+				echo esc_html( $person_data[0] ) . "</a>\n\t";
+				if ( ! $compact ) {
+					// phpcs:ignore WordPress.WP.I18n.LowLevelTranslationFunction,WordPress.WP.I18n.NonSingularStringLiteralText
+					echo '<span class="title">' . translate( $person_data[3] ) . "</span>\n";
+				}
+				echo "</li>\n";
+			}
+			echo "</ul>\n";
+			break;
+	}
+}

wp-admin/includes/dashboard.php

@@ -1797,22 +1797,11 @@ function wp_welcome_panel() {
 	<div class="welcome-panel-column welcome-panel-last">
 		<h3><?php _e( 'More Actions' ); ?></h3>
 		<ul>
-		<?php
-		if ( current_theme_supports( 'widgets' ) || current_theme_supports( 'menus' ) ) :
-			if ( current_theme_supports( 'widgets' ) && current_theme_supports( 'menus' ) ) {
-				$widgets_menus_link = sprintf(
-					/* translators: 1: URL to Widgets screen, 2: URL to Menus screen. */
-					__( 'Manage <a href="%1$s">widgets</a> or <a href="%2$s">menus</a>' ),
-					admin_url( 'widgets.php' ),
-					admin_url( 'nav-menus.php' )
-				);
-			} elseif ( current_theme_supports( 'widgets' ) ) {
-				$widgets_menus_link = '<a href="' . admin_url( 'widgets.php' ) . '">' . __( 'Manage widgets' ) . '</a>';
-			} else {
-				$widgets_menus_link = '<a href="' . admin_url( 'nav-menus.php' ) . '">' . __( 'Manage menus' ) . '</a>';
-			}
-			?>
-			<li><div class="welcome-icon welcome-widgets-menus"><?php echo $widgets_menus_link; ?></div></li>
+		<?php if ( current_theme_supports( 'widgets' ) ) : ?>
+			<li><?php printf( '<a href="%s" class="welcome-icon welcome-widgets">' . __( 'Manage widgets' ) . '</a>', admin_url( 'widgets.php' ) ); ?></li>
+		<?php endif; ?>
+		<?php if ( current_theme_supports( 'menus' ) ) : ?>
+			<li><?php printf( '<a href="%s" class="welcome-icon welcome-menus">' . __( 'Manage menus' ) . '</a>', admin_url( 'nav-menus.php' ) ); ?></li>
 		<?php endif; ?>
 		<?php if ( current_user_can( 'manage_options' ) ) : ?>
 			<li><?php printf( '<a href="%s" class="welcome-icon welcome-comments">' . __( 'Turn comments on or off' ) . '</a>', admin_url( 'options-discussion.php' ) ); ?></li>

wp-admin/includes/image.php

@@ -90,8 +90,20 @@ function wp_get_missing_image_subsizes( $attachment_id ) {
 		return $registered_sizes;
 	}
 
-	$full_width     = (int) $image_meta['width'];
-	$full_height    = (int) $image_meta['height'];
+	// Use the originally uploaded image dimensions as full_width and full_height.
+	if ( ! empty( $image_meta['original_image'] ) ) {
+		$image_file = wp_get_original_image_path( $attachment_id );
+		$imagesize  = @getimagesize( $image_file );
+	}
+
+	if ( ! empty( $imagesize ) ) {
+		$full_width  = $imagesize[0];
+		$full_height = $imagesize[1];
+	} else {
+		$full_width  = (int) $image_meta['width'];
+		$full_height = (int) $image_meta['height'];
+	}
+
 	$possible_sizes = array();
 
 	// Skip registered sizes that are too large for the uploaded image.
@@ -142,20 +154,28 @@ function wp_update_image_subsizes( $attachment_id ) {
 		// Previously failed upload?
 		// If there is an uploaded file, make all sub-sizes and generate all of the attachment meta.
 		if ( ! empty( $image_file ) ) {
-			return wp_create_image_subsizes( $image_file, $attachment_id );
+			$image_meta = wp_create_image_subsizes( $image_file, $attachment_id );
 		} else {
 			return new WP_Error( 'invalid_attachment', __( 'The attached file cannot be found.' ) );
 		}
+	} else {
+		$missing_sizes = wp_get_missing_image_subsizes( $attachment_id );
+
+		if ( empty( $missing_sizes ) ) {
+			return $image_meta;
+		}
+
+		// This also updates the image meta.
+		$image_meta = _wp_make_subsizes( $missing_sizes, $image_file, $image_meta, $attachment_id );
 	}
 
-	$missing_sizes = wp_get_missing_image_subsizes( $attachment_id );
+	/** This filter is documented in wp-admin/includes/image.php */
+	$image_meta = apply_filters( 'wp_generate_attachment_metadata', $image_meta, $attachment_id, 'update' );
 
-	if ( empty( $missing_sizes ) ) {
-		return $image_meta;
-	}
+	// Save the updated metadata.
+	wp_update_attachment_metadata( $attachment_id, $image_meta );
 
-	// This also updates the image meta.
-	return _wp_make_subsizes( $missing_sizes, $image_file, $image_meta, $attachment_id );
+	return $image_meta;
 }
 
 /**
@@ -224,96 +244,106 @@ function wp_create_image_subsizes( $file, $attachment_id ) {
 		$image_meta['image_meta'] = $exif_meta;
 	}
 
-	/**
-	 * Filters the "BIG image" threshold value.
-	 *
-	 * If the original image width or height is above the threshold, it will be scaled down. The threshold is
-	 * used as max width and max height. The scaled down image will be used as the largest available size, including
-	 * the `_wp_attached_file` post meta value.
-	 *
-	 * Returning `false` from the filter callback will disable the scaling.
-	 *
-	 * @since 5.3.0
-	 *
-	 * @param int    $threshold     The threshold value in pixels. Default 2560.
-	 * @param array  $imagesize     Indexed array of the image width and height (in that order).
-	 * @param string $file          Full path to the uploaded image file.
-	 * @param int    $attachment_id Attachment post ID.
-	 */
-	$threshold = (int) apply_filters( 'big_image_size_threshold', 2560, $imagesize, $file, $attachment_id );
+	// Do not scale (large) PNG images. May result in sub-sizes that have greater file size than the original. See #48736.
+	if ( $imagesize['mime'] !== 'image/png' ) {
 
-	// If the original image's dimensions are over the threshold, scale the image
-	// and use it as the "full" size.
-	if ( $threshold && ( $image_meta['width'] > $threshold || $image_meta['height'] > $threshold ) ) {
-		$editor = wp_get_image_editor( $file );
+		/**
+		 * Filters the "BIG image" threshold value.
+		 *
+		 * If the original image width or height is above the threshold, it will be scaled down. The threshold is
+		 * used as max width and max height. The scaled down image will be used as the largest available size, including
+		 * the `_wp_attached_file` post meta value.
+		 *
+		 * Returning `false` from the filter callback will disable the scaling.
+		 *
+		 * @since 5.3.0
+		 *
+		 * @param int    $threshold     The threshold value in pixels. Default 2560.
+		 * @param array  $imagesize     {
+		 *     Indexed array of the image width and height in pixels.
+		 *
+		 *     @type int $0 The image width.
+		 *     @type int $1 The image height.
+		 * }
+		 * @param string $file          Full path to the uploaded image file.
+		 * @param int    $attachment_id Attachment post ID.
+		 */
+		$threshold = (int) apply_filters( 'big_image_size_threshold', 2560, $imagesize, $file, $attachment_id );
 
-		if ( is_wp_error( $editor ) ) {
-			// This image cannot be edited.
-			return $image_meta;
-		}
+		// If the original image's dimensions are over the threshold, scale the image
+		// and use it as the "full" size.
+		if ( $threshold && ( $image_meta['width'] > $threshold || $image_meta['height'] > $threshold ) ) {
+			$editor = wp_get_image_editor( $file );
 
-		// Resize the image
-		$resized = $editor->resize( $threshold, $threshold );
-		$rotated = null;
+			if ( is_wp_error( $editor ) ) {
+				// This image cannot be edited.
+				return $image_meta;
+			}
 
-		// If there is EXIF data, rotate according to EXIF Orientation.
-		if ( ! is_wp_error( $resized ) && is_array( $exif_meta ) ) {
-			$resized = $editor->maybe_exif_rotate();
-			$rotated = $resized;
-		}
+			// Resize the image
+			$resized = $editor->resize( $threshold, $threshold );
+			$rotated = null;
 
-		if ( ! is_wp_error( $resized ) ) {
-			// Append the threshold size to the image file name. It will look like "my-image-scaled-2560.jpg".
-			// This doesn't affect the sub-sizes names as they are generated from the original image (for best quality).
-			$saved = $editor->save( $editor->generate_filename( 'scaled-' . $threshold ) );
+			// If there is EXIF data, rotate according to EXIF Orientation.
+			if ( ! is_wp_error( $resized ) && is_array( $exif_meta ) ) {
+				$resized = $editor->maybe_exif_rotate();
+				$rotated = $resized;
+			}
 
-			if ( ! is_wp_error( $saved ) ) {
-				$image_meta = _wp_image_meta_replace_original( $saved, $file, $image_meta, $attachment_id );
+			if ( ! is_wp_error( $resized ) ) {
+				// Append "-scaled" to the image file name. It will look like "my_image-scaled.jpg".
+				// This doesn't affect the sub-sizes names as they are generated from the original image (for best quality).
+				$saved = $editor->save( $editor->generate_filename( 'scaled' ) );
 
-				// If the image was rotated update the stored EXIF data.
-				if ( true === $rotated && ! empty( $image_meta['image_meta']['orientation'] ) ) {
-					$image_meta['image_meta']['orientation'] = 1;
+				if ( ! is_wp_error( $saved ) ) {
+					$image_meta = _wp_image_meta_replace_original( $saved, $file, $image_meta, $attachment_id );
+
+					// If the image was rotated update the stored EXIF data.
+					if ( true === $rotated && ! empty( $image_meta['image_meta']['orientation'] ) ) {
+						$image_meta['image_meta']['orientation'] = 1;
+					}
+				} else {
+					// TODO: log errors.
 				}
-
-				wp_update_attachment_metadata( $attachment_id, $image_meta );
 			} else {
 				// TODO: log errors.
 			}
-		} else {
-			// TODO: log errors.
-		}
-	} elseif ( ! empty( $exif_meta['orientation'] ) && (int) $exif_meta['orientation'] !== 1 ) {
-		// Rotate the whole original image if there is EXIF data and "orientation" is not 1.
+		} elseif ( ! empty( $exif_meta['orientation'] ) && (int) $exif_meta['orientation'] !== 1 ) {
+			// Rotate the whole original image if there is EXIF data and "orientation" is not 1.
 
-		$editor = wp_get_image_editor( $file );
+			$editor = wp_get_image_editor( $file );
 
-		if ( is_wp_error( $editor ) ) {
-			// This image cannot be edited.
-			return $image_meta;
-		}
+			if ( is_wp_error( $editor ) ) {
+				// This image cannot be edited.
+				return $image_meta;
+			}
 
-		// Rotate the image
-		$rotated = $editor->maybe_exif_rotate();
+			// Rotate the image
+			$rotated = $editor->maybe_exif_rotate();
 
-		if ( true === $rotated ) {
-			// Append `-rotated` to the image file name.
-			$saved = $editor->save( $editor->generate_filename( 'rotated' ) );
+			if ( true === $rotated ) {
+				// Append `-rotated` to the image file name.
+				$saved = $editor->save( $editor->generate_filename( 'rotated' ) );
 
-			if ( ! is_wp_error( $saved ) ) {
-				$image_meta = _wp_image_meta_replace_original( $saved, $file, $image_meta, $attachment_id );
+				if ( ! is_wp_error( $saved ) ) {
+					$image_meta = _wp_image_meta_replace_original( $saved, $file, $image_meta, $attachment_id );
 
-				// Update the stored EXIF data.
-				if ( ! empty( $image_meta['image_meta']['orientation'] ) ) {
-					$image_meta['image_meta']['orientation'] = 1;
+					// Update the stored EXIF data.
+					if ( ! empty( $image_meta['image_meta']['orientation'] ) ) {
+						$image_meta['image_meta']['orientation'] = 1;
+					}
+				} else {
+					// TODO: log errors.
 				}
-
-				wp_update_attachment_metadata( $attachment_id, $image_meta );
-			} else {
-				// TODO: log errors.
 			}
 		}
 	}
 
+	// Initial save of the new metadata.
+	// At this point the file was uploaded and moved to the uploads directory
+	// but the image sub-sizes haven't been created yet and the `sizes` array is empty.
+	wp_update_attachment_metadata( $attachment_id, $image_meta );
+
 	$new_sizes = wp_get_registered_image_subsizes();
 
 	/**
@@ -520,8 +550,8 @@ function wp_generate_attachment_metadata( $attachment_id, $file ) {
 		 *
 		 * @since 4.7.0
 		 *
-		 * @param array $fallback_sizes An array of image size names.
-		 * @param array $metadata       Current attachment metadata.
+		 * @param string[] $fallback_sizes An array of image size names.
+		 * @param array    $metadata       Current attachment metadata.
 		 */
 		$fallback_sizes = apply_filters( 'fallback_intermediate_image_sizes', $fallback_sizes, $metadata );
 
@@ -577,11 +607,14 @@ function wp_generate_attachment_metadata( $attachment_id, $file ) {
 	 * Filters the generated attachment meta data.
 	 *
 	 * @since 2.1.0
+	 * @since 5.3.0 The `$context` parameter was added.
 	 *
-	 * @param array $metadata      An array of attachment meta data.
-	 * @param int   $attachment_id Current attachment ID.
+	 * @param array  $metadata      An array of attachment meta data.
+	 * @param int    $attachment_id Current attachment ID.
+	 * @param string $context       Additional context. Can be 'create' when metadata was initially created for new attachment
+	 *                              or 'update' when the metadata was updated.
 	 */
-	return apply_filters( 'wp_generate_attachment_metadata', $metadata, $attachment_id );
+	return apply_filters( 'wp_generate_attachment_metadata', $metadata, $attachment_id, 'create' );
 }
 
 /**

wp-admin/includes/nav-menu.php

@@ -255,23 +255,25 @@ function wp_nav_menu_taxonomy_meta_boxes() {
 }
 
 /**
- * Check whether to disable the Menu Locations meta box submit button
+ * Check whether to disable the Menu Locations meta box submit button and inputs.
  *
  * @since 3.6.0
+ * @since 5.3.1 The `$echo` parameter was added.
  *
  * @global bool $one_theme_location_no_menus to determine if no menus exist
  *
- * @param int|string $nav_menu_selected_id (id, name or slug) of the currently-selected menu
- * @return string Disabled attribute if at least one menu exists, false if not
+ * @param int|string $nav_menu_selected_id ID, name, or slug of the currently selected menu.
+ * @param bool       $echo                 Whether to echo or just return the string.
+ * @return string|false Disabled attribute if at least one menu exists, false if not.
  */
-function wp_nav_menu_disabled_check( $nav_menu_selected_id ) {
+function wp_nav_menu_disabled_check( $nav_menu_selected_id, $echo = true ) {
 	global $one_theme_location_no_menus;
 
 	if ( $one_theme_location_no_menus ) {
 		return false;
 	}
 
-	return disabled( $nav_menu_selected_id, 0 );
+	return disabled( $nav_menu_selected_id, 0, $echo );
 }
 
 /**
@@ -292,12 +294,12 @@ function wp_nav_menu_item_link_meta_box() {
 		<input type="hidden" value="custom" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-type]" />
 		<p id="menu-item-url-wrap" class="wp-clearfix">
 			<label class="howto" for="custom-menu-item-url"><?php _e( 'URL' ); ?></label>
-			<input id="custom-menu-item-url" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-url]" type="text" class="code menu-item-textbox" placeholder="https://" />
+			<input id="custom-menu-item-url" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-url]" type="text"<?php wp_nav_menu_disabled_check( $nav_menu_selected_id ); ?> class="code menu-item-textbox" placeholder="https://" />
 		</p>
 
 		<p id="menu-item-name-wrap" class="wp-clearfix">
 			<label class="howto" for="custom-menu-item-name"><?php _e( 'Link Text' ); ?></label>
-			<input id="custom-menu-item-name" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-title]" type="text" class="regular-text menu-item-textbox" />
+			<input id="custom-menu-item-name" name="menu-item[<?php echo $_nav_menu_placeholder; ?>][menu-item-title]" type="text"<?php wp_nav_menu_disabled_check( $nav_menu_selected_id ); ?> class="regular-text menu-item-textbox" />
 		</p>
 
 		<p class="button-controls wp-clearfix">
@@ -569,7 +571,7 @@ function wp_nav_menu_item_post_type_meta_box( $object, $box ) {
 			?>
 			<p class="quick-search-wrap">
 				<label for="quick-search-posttype-<?php echo $post_type_name; ?>" class="screen-reader-text"><?php _e( 'Search' ); ?></label>
-				<input type="search" class="quick-search" value="<?php echo $searched; ?>" name="quick-search-posttype-<?php echo $post_type_name; ?>" id="quick-search-posttype-<?php echo $post_type_name; ?>" />
+				<input type="search"<?php wp_nav_menu_disabled_check( $nav_menu_selected_id ); ?> class="quick-search" value="<?php echo $searched; ?>" name="quick-search-posttype-<?php echo $post_type_name; ?>" id="quick-search-posttype-<?php echo $post_type_name; ?>" />
 				<span class="spinner"></span>
 				<?php submit_button( __( 'Search' ), 'small quick-search-submit hide-if-js', 'submit', false, array( 'id' => 'submit-quick-search-posttype-' . $post_type_name ) ); ?>
 			</p>
@@ -651,7 +653,7 @@ function wp_nav_menu_item_post_type_meta_box( $object, $box ) {
 
 		<p class="button-controls wp-clearfix" data-items-type="posttype-<?php echo esc_attr( $post_type_name ); ?>">
 			<span class="list-controls hide-if-no-js">
-				<input type="checkbox" id="<?php echo esc_attr( $post_type_name . '-tab' ); ?>" class="select-all" />
+				<input type="checkbox"<?php wp_nav_menu_disabled_check( $nav_menu_selected_id ); ?> id="<?php echo esc_attr( $post_type_name . '-tab' ); ?>" class="select-all" />
 				<label for="<?php echo esc_attr( $post_type_name . '-tab' ); ?>"><?php _e( 'Select All' ); ?></label>
 			</span>
 
@@ -880,7 +882,7 @@ function wp_nav_menu_item_taxonomy_meta_box( $object, $box ) {
 
 		<p class="button-controls wp-clearfix" data-items-type="taxonomy-<?php echo esc_attr( $taxonomy_name ); ?>">
 			<span class="list-controls hide-if-no-js">
-				<input type="checkbox" id="<?php echo esc_attr( $taxonomy_name . '-tab' ); ?>" class="select-all" />
+				<input type="checkbox"<?php wp_nav_menu_disabled_check( $nav_menu_selected_id ); ?> id="<?php echo esc_attr( $taxonomy_name . '-tab' ); ?>" class="select-all" />
 				<label for="<?php echo esc_attr( $taxonomy_name . '-tab' ); ?>"><?php _e( 'Select All' ); ?></label>
 			</span>
 

wp-admin/includes/plugin.php

@@ -1388,8 +1388,9 @@ function add_submenu_page( $parent_slug, $page_title, $menu_title, $capability,
 
 		$submenu[ $parent_slug ][] = $new_sub_menu;
 	} else {
-		// If position is equal or higher than the number of items in the array, append the submenu.
-		if ( $position >= count( $submenu[ $parent_slug ] ) ) {
+		// Append the submenu if the parent item is not present in the submenu,
+		// or if position is equal or higher than the number of items in the array.
+		if ( ! isset( $submenu[ $parent_slug ] ) || $position >= count( $submenu[ $parent_slug ] ) ) {
 			$submenu[ $parent_slug ][] = $new_sub_menu;
 		} else {
 			// Test for a negative position.

wp-admin/js/widgets/media-widgets.js

@@ -417,10 +417,6 @@ wp.mediaWidgets = ( function( $ ) {
 			}).render();
 
 			this.content.set( view );
-
-			if ( ! wp.media.isTouchDevice ) {
-				view.url.focus();
-			}
 		}
 	});
 

wp-admin/privacy.php

@@ -15,7 +15,7 @@ list( $display_version ) = explode( '-', get_bloginfo( 'version' ) );
 
 include( ABSPATH . 'wp-admin/admin-header.php' );
 ?>
-<div class="wrap about-wrap full-width-layout">
+<div class="wrap about__container">
 
 	<div class="about__header">
 		<div class="about__header-title">
@@ -25,15 +25,7 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 			</h1>
 		</div>
 
-		<div class="about__header-badge wp-badge">
-			<?php
-			printf(
-				/* translators: %s: The current WordPress version number. */
-				__( 'Version %s' ),
-				$display_version
-			);
-			?>
-		</div>
+		<div class="about__header-badge"></div>
 
 		<div class="about__header-text">
 			<p>
@@ -55,28 +47,32 @@ include( ABSPATH . 'wp-admin/admin-header.php' );
 		</nav>
 	</div>
 
-	<div class="about-wrap-content">
-		<p class="about-description"><?php _e( 'From time to time, your WordPress site may send data to WordPress.org &#8212; including, but not limited to &#8212; the version of WordPress you are using, and a list of installed plugins and themes.' ); ?></p>
+	<div class="about__section">
+		<div class="column">
+			<h2><?php _e( 'Privacy' ); ?></h2>
 
-		<p>
-			<?php
-			printf(
-				/* translators: %s: https://wordpress.org/about/stats/ */
-				__( 'This data is used to provide general enhancements to WordPress, which includes helping to protect your site by finding and automatically installing new updates. It is also used to calculate statistics, such as those shown on the <a href="%s">WordPress.org stats page</a>.' ),
-				__( 'https://wordpress.org/about/stats/' )
-			);
-			?>
-		</p>
+			<p><?php _e( 'From time to time, your WordPress site may send data to WordPress.org &#8212; including, but not limited to &#8212; the version of WordPress you are using, and a list of installed plugins and themes.' ); ?></p>
 
-		<p>
-			<?php
-			printf(
-				/* translators: %s: https://wordpress.org/about/privacy/ */
-				__( 'We take privacy and transparency very seriously. To learn more about what data we collect, and how we use it, please visit <a href="%s">WordPress.org/about/privacy</a>.' ),
-				__( 'https://wordpress.org/about/privacy/' )
-			);
-			?>
-		</p>
+			<p>
+				<?php
+				printf(
+					/* translators: %s: https://wordpress.org/about/stats/ */
+					__( 'This data is used to provide general enhancements to WordPress, which includes helping to protect your site by finding and automatically installing new updates. It is also used to calculate statistics, such as those shown on the <a href="%s">WordPress.org stats page</a>.' ),
+					__( 'https://wordpress.org/about/stats/' )
+				);
+				?>
+			</p>
+
+			<p>
+				<?php
+				printf(
+					/* translators: %s: https://wordpress.org/about/privacy/ */
+					__( 'We take privacy and transparency very seriously. To learn more about what data we collect, and how we use it, please visit <a href="%s">WordPress.org/about/privacy</a>.' ),
+					__( 'https://wordpress.org/about/privacy/' )
+				);
+				?>
+			</p>
+		</div>
 	</div>
 
 </div>

wp-admin/user-edit.php

@@ -758,7 +758,7 @@ endif; //!IS_PROFILE_PAGE
 					}
 
 					if ( $value ) {
-						$output .= $value;
+						$output .= $cap;
 					} else {
 						/* translators: %s: Capability name. */
 						$output .= sprintf( __( 'Denied: %s' ), $cap );

wp-content/themes/twentyeleven/readme.txt

@@ -1,8 +1,7 @@
 === Twenty Eleven ===
 Contributors: wordpressdotorg
 Requires at least: WordPress 3.2
-Tested up to: WordPress 5.0
-Requires PHP: 5.2.4
+Tested up to: 5.0
 Stable tag: 3.3
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -23,7 +22,7 @@ For more information about Twenty Eleven please go to https://codex.wordpress.or
 
 == Copyright ==
 
-Twenty Eleven WordPress Theme, Copyright 2011-2018 WordPress.org & Automattic.com
+Twenty Eleven WordPress Theme, Copyright 2011-2019 WordPress.org & Automattic.com
 Twenty Eleven is Distributed under the terms of the GNU GPL
 
 This program is free software: you can redistribute it and/or modify

wp-content/themes/twentyeleven/style.css

@@ -5,6 +5,7 @@ Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: The 2011 theme for WordPress is sophisticated, lightweight, and adaptable. Make it yours with a custom menu, header image, and background -- then go further with available theme options for light or dark color scheme, custom link colors, and three layout choices. Twenty Eleven comes equipped with a Showcase page template that transforms your front page into a showcase to show off your best content, widget support galore (sidebar, three footer areas, and a Showcase page widget area), and a custom "Ephemera" widget to display your Aside, Link, Quote, or Status posts. Included are styles for print and for the admin editor, support for featured images (as custom header images on posts and pages and as large images on featured "sticky" posts), and special styles for six different post formats.
 Version: 3.3
+Requires PHP: 5.2.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, one-column, two-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready

wp-content/themes/twentyfifteen/readme.txt

@@ -1,8 +1,7 @@
 === Twenty Fifteen ===
 Contributors: wordpressdotorg
 Requires at least: WordPress 4.1
-Tested up to: WordPress 5.0
-Requires PHP: 5.2.4
+Tested up to: 5.0
 Version: 2.5
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -31,7 +30,7 @@ For more information about Twenty Fifteen please go to https://wordpress.org/sup
 
 == Copyright ==
 
-Twenty Fifteen WordPress Theme, Copyright 2014-2018 WordPress.org & Automattic.com
+Twenty Fifteen WordPress Theme, Copyright 2014-2019 WordPress.org & Automattic.com
 Twenty Fifteen is distributed under the terms of the GNU GPL
 
 This program is free software: you can redistribute it and/or modify

wp-content/themes/twentyfifteen/style.css

@@ -5,6 +5,7 @@ Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
 Version: 2.5
+Requires PHP: 5.2.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready

wp-content/themes/twentyfourteen/readme.txt

@@ -1,8 +1,7 @@
 === Twenty Fourteen ===
 Contributors: wordpressdotorg
 Requires at least: WordPress 3.6
-Tested up to: WordPress 5.0
-Requires PHP: 5.2.4
+Tested up to: 5.0
 Stable tag: 2.7
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -23,7 +22,7 @@ For more information about Twenty Fourteen please go to https://codex.wordpress.
 
 == Copyright ==
 
-Twenty Fourteen WordPress Theme, Copyright 2013-2018 WordPress.org & Automattic.com
+Twenty Fourteen WordPress Theme, Copyright 2013-2019 WordPress.org & Automattic.com
 Twenty Fourteen is Distributed under the terms of the GNU GPL
 
 This program is free software: you can redistribute it and/or modify

wp-content/themes/twentyfourteen/style.css

@@ -5,6 +5,7 @@ Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: In 2014, our default theme lets you create a responsive magazine website with a sleek, modern design. Feature your favorite homepage content in either a grid or a slider. Use the three widget areas to customize your website, and change your content's layout with a full-width page template and a contributor page to show off your authors. Creating a magazine website with WordPress has never been easier.
 Version: 2.7
+Requires PHP: 5.2.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, news, two-columns, three-columns, left-sidebar, right-sidebar, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready

wp-content/themes/twentynineteen/readme.txt

@@ -2,8 +2,7 @@
 Contributors: wordpressdotorg
 Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, threaded-comments, translation-ready
 Requires at least: 4.9.6
-Tested up to: WordPress 5.0
-Requires PHP: 5.2.4
+Tested up to: 5.0
 Stable tag: 1.4
 License: GPLv2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -25,7 +24,7 @@ For more information about Twenty Nineteen please go to https://wordpress.org/su
 
 == Copyright ==
 
-Twenty Nineteen WordPress Theme, Copyright 2018 WordPress.org
+Twenty Nineteen WordPress Theme, Copyright 2018-2019 WordPress.org
 Twenty Nineteen is distributed under the terms of the GNU GPL
 
 This program is free software: you can redistribute it and/or modify
@@ -67,4 +66,4 @@ Initial release
 
 == Resources ==
 * normalize.css, © 2012-2018 Nicolas Gallagher and Jonathan Neal, MIT
-* Underscores, © 2012-2018 Automattic, Inc., GNU GPL v2 or later
+* Underscores, © 2012-2019 Automattic, Inc., GNU GPL v2 or later

wp-content/themes/twentynineteen/style-rtl.css

@@ -5,7 +5,8 @@ Theme URI: https://wordpress.org/themes/twentynineteen/
 Author: the WordPress team
 Author URI: https://wordpress.org/
 Description: Our 2019 default theme is designed to show off the power of the block editor. It features custom styles for all the default blocks, and is built so that what you see in the editor looks like what you'll see on your website. Twenty Nineteen is designed to be adaptable to a wide range of websites, whether you’re running a photo blog, launching a new business, or supporting a non-profit. Featuring ample whitespace and modern sans-serif headlines paired with classic serif body text, it's built to be beautiful on all screen sizes.
-Requires at least: WordPress 4.9.6
+Requires at least: 4.9.6
+Requires PHP: 5.2.4
 Version: 1.4
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
@@ -15,7 +16,7 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 
-Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
+Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
 Underscores is distributed under the terms of the GNU GPL v2 or later.
 
 Normalizing styles have been helped along thanks to the fine work of

wp-content/themes/twentynineteen/style.css

@@ -15,7 +15,7 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 
-Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
+Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
 Underscores is distributed under the terms of the GNU GPL v2 or later.
 
 Normalizing styles have been helped along thanks to the fine work of

wp-content/themes/twentynineteen/style.scss

@@ -14,7 +14,7 @@ Tags: one-column, flexible-header, accessibility-ready, custom-colors, custom-me
 This theme, like WordPress, is licensed under the GPL.
 Use it to make something cool, have fun, and share what you've learned with others.
 
-Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2018 Automattic, Inc.
+Twenty Nineteen is based on Underscores https://underscores.me/, (C) 2012-2019 Automattic, Inc.
 Underscores is distributed under the terms of the GNU GPL v2 or later.
 
 Normalizing styles have been helped along thanks to the fine work of