Twenty Nineteen: Improve compatibility with custom colors in the separator block.

Props kjellr.
Fixes #47811.
Built from https://develop.svn.wordpress.org/trunk@45920


git-svn-id: http://core.svn.wordpress.org/trunk@45731 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Sergey Biryukov 2019-08-30 19:15:56 +00:00
parent e30696bd20
commit c9d8c89ebd
6 changed files with 28 additions and 8 deletions

View File

@ -691,8 +691,12 @@
height: inherit; height: inherit;
text-align: center; text-align: center;
&:before { // Only apply the default dot color if there's no separator color specified.
&:not(.has-text-color):not(.has-background) {
color: $color__text-light; color: $color__text-light;
}
&:before {
font-size: $font__size-lg; font-size: $font__size-lg;
letter-spacing: $font__size-sm; letter-spacing: $font__size-sm;
padding-left: $font__size-sm; padding-left: $font__size-sm;

View File

@ -1135,7 +1135,8 @@ figcaption,
/** === Separator === */ /** === Separator === */
.wp-block-separator:not(.is-style-dots) { .wp-block-separator:not(.is-style-dots) {
border-bottom: 2px solid #767676; background-color: #767676;
height: 2px;
} }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
@ -1143,8 +1144,11 @@ figcaption,
margin-left: 0; margin-left: 0;
} }
.wp-block-separator.is-style-dots:before { .wp-block-separator.is-style-dots {
color: #767676; color: #767676;
}
.wp-block-separator.is-style-dots:before {
font-size: 1.6875em; font-size: 1.6875em;
letter-spacing: calc(2 * 1rem); letter-spacing: calc(2 * 1rem);
padding-left: calc(2 * 1rem); padding-left: calc(2 * 1rem);

View File

@ -588,7 +588,8 @@ figcaption,
.wp-block-separator { .wp-block-separator {
&:not(.is-style-dots) { &:not(.is-style-dots) {
border-bottom: 2px solid $color__text-light; background-color: $color__text-light;
height: 2px;
} }
&:not(.is-style-wide):not(.is-style-dots) { &:not(.is-style-wide):not(.is-style-dots) {
@ -596,8 +597,11 @@ figcaption,
margin-left: 0; margin-left: 0;
} }
&.is-style-dots:before { &.is-style-dots {
color: $color__text-light; color: $color__text-light;
}
&.is-style-dots:before {
font-size: $font__size-lg; font-size: $font__size-lg;
letter-spacing: calc(2 * #{$size__spacing-unit}); letter-spacing: calc(2 * #{$size__spacing-unit});
padding-left: calc(2 * #{$size__spacing-unit}); padding-left: calc(2 * #{$size__spacing-unit});

View File

@ -6010,9 +6010,13 @@ body.page .main-navigation {
} }
} }
.entry .entry-content .wp-block-separator.is-style-dots:not(.has-text-color):not(.has-background),
.entry .entry-content hr.is-style-dots:not(.has-text-color):not(.has-background) {
color: #767676;
}
.entry .entry-content .wp-block-separator.is-style-dots:before, .entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before { .entry .entry-content hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em; font-size: 1.6875em;
letter-spacing: 0.88889em; letter-spacing: 0.88889em;
padding-right: 0.88889em; padding-right: 0.88889em;

View File

@ -6022,9 +6022,13 @@ body.page .main-navigation {
} }
} }
.entry .entry-content .wp-block-separator.is-style-dots:not(.has-text-color):not(.has-background),
.entry .entry-content hr.is-style-dots:not(.has-text-color):not(.has-background) {
color: #767676;
}
.entry .entry-content .wp-block-separator.is-style-dots:before, .entry .entry-content .wp-block-separator.is-style-dots:before,
.entry .entry-content hr.is-style-dots:before { .entry .entry-content hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em; font-size: 1.6875em;
letter-spacing: 0.88889em; letter-spacing: 0.88889em;
padding-left: 0.88889em; padding-left: 0.88889em;

View File

@ -13,7 +13,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '5.3-alpha-45919'; $wp_version = '5.3-alpha-45920';
/** /**
* 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.