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:
parent
e30696bd20
commit
c9d8c89ebd
@ -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;
|
||||||
|
@ -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);
|
||||||
|
@ -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});
|
||||||
|
@ -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;
|
||||||
|
@ -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;
|
||||||
|
@ -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.
|
||||||
|
Loading…
Reference in New Issue
Block a user