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:
parent
41d644ca52
commit
e7e42efe18
@ -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) {
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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 {
|
||||||
|
@ -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,
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
@ -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;
|
||||||
}
|
}
|
||||||
|
Loading…
x
Reference in New Issue
Block a user