Twenty Nineteen: Make h1 consistent for entry title.

The h1 for entry-title was not the same between the editor and front end. This fixes that in the by setting wp-block-post-title font sizes together with h2 and combines post-section-dash mixin for both h1 and h2.

Props sabernhardt, nkeller15, shailu25.
Fixes #58440.

Built from https://develop.svn.wordpress.org/trunk@58198


git-svn-id: http://core.svn.wordpress.org/trunk@57661 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Tammie Lister 2024-05-26 08:32:13 +00:00
parent 5941fea0b3
commit a9135c617a
3 changed files with 18 additions and 27 deletions

View File

@ -685,34 +685,25 @@ h1 {
font-size: 2.25em; font-size: 2.25em;
} }
h1:before {
background: #767676;
content: "\020";
display: block;
height: 2px;
margin: 1rem 0;
width: 1em;
}
h1.has-text-align-center:before {
margin-left: auto;
margin-right: auto;
}
h1.has-text-align-right:before {
margin-left: auto;
}
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
h1 { h1 {
font-size: 2.8125em; font-size: 2.8125em;
} }
} }
.wp-block-post-title,
h2 { h2 {
font-size: 1.6875em; font-size: 1.6875em;
} }
@media only screen and (min-width: 768px) {
.wp-block-post-title,
h2 {
font-size: 2.25em;
}
}
h1:before,
h2:before { h2:before {
background: #767676; background: #767676;
content: "\020"; content: "\020";
@ -722,21 +713,17 @@ h2:before {
width: 1em; width: 1em;
} }
h1.has-text-align-center:before,
h2.has-text-align-center:before { h2.has-text-align-center:before {
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
h1.has-text-align-right:before,
h2.has-text-align-right:before { h2.has-text-align-right:before {
margin-left: auto; margin-left: auto;
} }
@media only screen and (min-width: 768px) {
h2 {
font-size: 2.25em;
}
}
h3 { h3 {
font-size: 1.6875em; font-size: 1.6875em;
} }

View File

@ -119,22 +119,26 @@ h6 {
h1 { h1 {
font-size: $font__size-xl; font-size: $font__size-xl;
@include post-section-dash;
@include media(tablet) { @include media(tablet) {
font-size: $font__size-xxl; font-size: $font__size-xxl;
} }
} }
.wp-block-post-title,
h2 { h2 {
font-size: $font__size-lg; font-size: $font__size-lg;
@include post-section-dash;
@include media(tablet) { @include media(tablet) {
font-size: $font__size-xl; font-size: $font__size-xl;
} }
} }
h1,
h2 {
@include post-section-dash;
}
h3 { h3 {
font-size: $font__size-lg; font-size: $font__size-lg;
} }

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.6-alpha-58197'; $wp_version = '6.6-alpha-58198';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.