Skip to content
Permalink
Browse files

Twenty Nineteen: Improve compatibility with custom colors in the sepa…

…rator block.

Props kjellr.
Fixes #47811.

git-svn-id: https://develop.svn.wordpress.org/trunk@45920 602fd350-edb4-49c9-b593-d223f7449a82
  • Loading branch information...
SergeyBiryukov committed Aug 30, 2019
1 parent 6f22a93 commit 9445634e0c9e21942d5806606aa7e0422d6b5df5
@@ -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;
@@ -1135,16 +1135,20 @@ 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) {
width: 2.25em;
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);
@@ -588,16 +588,20 @@ 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) {
width: $font__size-xl;
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});
@@ -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;
@@ -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;

0 comments on commit 9445634

Please sign in to comment.
You can’t perform that action at this time.