sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

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

Browse Source 
Props kjellr.
Fixes #47811.

git-svn-id: https://develop.svn.wordpress.org/trunk@45920 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2019-08-30 19:14:23 +00:00
parent 6f22a931ff
commit 9445634e0c
5 changed files with 27 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss
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;

8
src/wp-content/themes/twentynineteen/style-editor.css
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);

8
src/wp-content/themes/twentynineteen/style-editor.scss
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});

6
src/wp-content/themes/twentynineteen/style-rtl.css
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;

6
src/wp-content/themes/twentynineteen/style.css
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;