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
* :focus
*/
blockquote,
.entry .entry-content blockquote,
.entry .entry-content .wp-block-quote:not(.is-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
*/
.entry .entry-content .wp-block-quote:not(.is-style-large),
input[type="text"]:focus,
input[type="email"]: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-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) {

View File

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

View File

@ -940,7 +940,8 @@ figcaption,
/** === Blockquote === */
.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 {

View File

@ -391,7 +391,8 @@ figcaption,
.wp-block-quote {
&:not(.is-large):not(.is-style-large) {
border-left: 2px solid $color__link;
border-width: 2px;
border-color: $color__link;
}
&.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) {
border-right: 2px solid #0073aa;
border-width: 2px;
border-color: #0073aa;
padding-top: 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) {
border-left: 2px solid #0073aa;
border-width: 2px;
border-color: #0073aa;
padding-top: 0;
padding-bottom: 0;
}