Twenty Nineteen: Update the quote block styles.

Update the theme's quote block border styles, so they will work better with the updated styles for the quote block, coming in Gutenberg 5.2.

Props @kjellr.
Fixes #46239.



git-svn-id: https://develop.svn.wordpress.org/trunk@44739 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
laurelfulford 2019-02-13 18:39:59 +00:00
parent 41d644ca52
commit e7e42efe18
6 changed files with 14 additions and 15 deletions

View File

@ -132,20 +132,14 @@ function twentynineteen_custom_colors_css() {
} }
/* /*
* Set left border color for: * Set border color for:
* wp block quote * wp block quote
* :focus
*/ */
blockquote, blockquote,
.entry .entry-content blockquote, .entry .entry-content blockquote,
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-large),
.entry .entry-content .wp-block-quote:not(.is-style-large) { .entry .entry-content .wp-block-quote:not(.is-style-large),
border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
}
/*
* Set border color for:
* :focus
*/
input[type="text"]:focus, input[type="text"]:focus,
input[type="email"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="url"]:focus,
@ -231,7 +225,7 @@ function twentynineteen_custom_colors_css() {
.editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large), .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
.editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote { .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */ border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
} }
.editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) { .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {

View File

@ -452,7 +452,8 @@
&:not(.is-large), &:not(.is-large),
&:not(.is-style-large) { &:not(.is-style-large) {
border-left: 2px solid $color__link; border-width: 2px;
border-color: $color__link;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }

View File

@ -940,7 +940,8 @@ figcaption,
/** === Blockquote === */ /** === Blockquote === */
.wp-block-quote:not(.is-large):not(.is-style-large) { .wp-block-quote:not(.is-large):not(.is-style-large) {
border-left: 2px solid #0073aa; border-width: 2px;
border-color: #0073aa;
} }
.wp-block-quote.is-large, .wp-block-quote.is-style-large { .wp-block-quote.is-large, .wp-block-quote.is-style-large {

View File

@ -391,7 +391,8 @@ figcaption,
.wp-block-quote { .wp-block-quote {
&:not(.is-large):not(.is-style-large) { &:not(.is-large):not(.is-style-large) {
border-left: 2px solid $color__link; border-width: 2px;
border-color: $color__link;
} }
&.is-large, &.is-large,

View File

@ -5477,7 +5477,8 @@ body.page .main-navigation {
} }
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) { .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-right: 2px solid #0073aa; border-width: 2px;
border-color: #0073aa;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }

View File

@ -5663,7 +5663,8 @@ body.page .main-navigation {
} }
.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) { .entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
border-left: 2px solid #0073aa; border-width: 2px;
border-color: #0073aa;
padding-top: 0; padding-top: 0;
padding-bottom: 0; padding-bottom: 0;
} }