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;
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;
}
&:before {
font-size: $font__size-lg;
letter-spacing: $font__size-sm;
padding-left: $font__size-sm;

View File

@ -1135,7 +1135,8 @@ figcaption,
/** === Separator === */
.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) {
@ -1143,8 +1144,11 @@ figcaption,
margin-left: 0;
}
.wp-block-separator.is-style-dots:before {
.wp-block-separator.is-style-dots {
color: #767676;
}
.wp-block-separator.is-style-dots:before {
font-size: 1.6875em;
letter-spacing: calc(2 * 1rem);
padding-left: calc(2 * 1rem);

View File

@ -588,7 +588,8 @@ figcaption,
.wp-block-separator {
&: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) {
@ -596,8 +597,11 @@ figcaption,
margin-left: 0;
}
&.is-style-dots:before {
&.is-style-dots {
color: $color__text-light;
}
&.is-style-dots:before {
font-size: $font__size-lg;
letter-spacing: 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 hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: 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 hr.is-style-dots:before {
color: #767676;
font-size: 1.6875em;
letter-spacing: 0.88889em;
padding-left: 0.88889em;

View File

@ -13,7 +13,7 @@
*
* @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.