Merge pull request #1208 from Automattic/fix/1129-modern-business-fix-cover-heading-alignment

Modern Business: Fix the cover headings alignment
This commit is contained in:
Daniel Dudzic 2019-08-08 10:38:53 +02:00 committed by GitHub
commit 9e00015a4c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 102 additions and 1 deletions

View file

@ -738,6 +738,20 @@
}
}
h2 {
&.has-text-align-left {
text-align: left;
}
&.has-text-align-center {
text-align: center;
}
&.has-text-align-right {
text-align: right;
}
}
h3 {
font-size: $font__size-md;

View file

@ -1273,9 +1273,54 @@ figcaption,
.wp-block-cover h5,
.wp-block-cover h6 {
font-weight: 300;
text-align: inherit;
}
.wp-block-cover-image h1.has-text-align-left,
.wp-block-cover-image h2.has-text-align-left,
.wp-block-cover-image h3.has-text-align-left,
.wp-block-cover-image h4.has-text-align-left,
.wp-block-cover-image h5.has-text-align-left,
.wp-block-cover-image h6.has-text-align-left,
.wp-block-cover h1.has-text-align-left,
.wp-block-cover h2.has-text-align-left,
.wp-block-cover h3.has-text-align-left,
.wp-block-cover h4.has-text-align-left,
.wp-block-cover h5.has-text-align-left,
.wp-block-cover h6.has-text-align-left {
text-align: left;
}
.wp-block-cover-image h1.has-text-align-center,
.wp-block-cover-image h2.has-text-align-center,
.wp-block-cover-image h3.has-text-align-center,
.wp-block-cover-image h4.has-text-align-center,
.wp-block-cover-image h5.has-text-align-center,
.wp-block-cover-image h6.has-text-align-center,
.wp-block-cover h1.has-text-align-center,
.wp-block-cover h2.has-text-align-center,
.wp-block-cover h3.has-text-align-center,
.wp-block-cover h4.has-text-align-center,
.wp-block-cover h5.has-text-align-center,
.wp-block-cover h6.has-text-align-center {
text-align: center;
}
.wp-block-cover-image h1.has-text-align-right,
.wp-block-cover-image h2.has-text-align-right,
.wp-block-cover-image h3.has-text-align-right,
.wp-block-cover-image h4.has-text-align-right,
.wp-block-cover-image h5.has-text-align-right,
.wp-block-cover-image h6.has-text-align-right,
.wp-block-cover h1.has-text-align-right,
.wp-block-cover h2.has-text-align-right,
.wp-block-cover h3.has-text-align-right,
.wp-block-cover h4.has-text-align-right,
.wp-block-cover h5.has-text-align-right,
.wp-block-cover h6.has-text-align-right {
text-align: right;
}
.wp-block-cover-image h1,
.wp-block-cover h1 {
font-size: 2.25em;

View file

@ -346,7 +346,19 @@ figcaption,
h5,
h6 {
font-weight: 300;
text-align: left;
text-align: inherit;
&.has-text-align-left {
text-align: left;
}
&.has-text-align-center {
text-align: center;
}
&.has-text-align-right {
text-align: right;
}
}
h1 {

View file

@ -4644,6 +4644,21 @@ footer .wp-block-a8c-navigation-menu .sub-menu {
}
}
.entry .entry-content .wp-block-cover-image h2.has-text-align-left,
.entry .entry-content .wp-block-cover h2.has-text-align-left {
text-align: right;
}
.entry .entry-content .wp-block-cover-image h2.has-text-align-center,
.entry .entry-content .wp-block-cover h2.has-text-align-center {
text-align: center;
}
.entry .entry-content .wp-block-cover-image h2.has-text-align-right,
.entry .entry-content .wp-block-cover h2.has-text-align-right {
text-align: left;
}
.entry .entry-content .wp-block-cover-image h3,
.entry .entry-content .wp-block-cover h3,
.fse-enabled .site-header .wp-block-cover-image h3,

View file

@ -4656,6 +4656,21 @@ footer .wp-block-a8c-navigation-menu .sub-menu {
}
}
.entry .entry-content .wp-block-cover-image h2.has-text-align-left,
.entry .entry-content .wp-block-cover h2.has-text-align-left {
text-align: left;
}
.entry .entry-content .wp-block-cover-image h2.has-text-align-center,
.entry .entry-content .wp-block-cover h2.has-text-align-center {
text-align: center;
}
.entry .entry-content .wp-block-cover-image h2.has-text-align-right,
.entry .entry-content .wp-block-cover h2.has-text-align-right {
text-align: right;
}
.entry .entry-content .wp-block-cover-image h3,
.entry .entry-content .wp-block-cover h3,
.fse-enabled .site-header .wp-block-cover-image h3,