Changeset 44739

Timestamp:

02/13/2019 06:39:59 PM (8 years ago)

Author:

laurelfulford

Message:

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.

Location:

trunk/src/wp-content/themes/twentynineteen

Files:

• inc/color-patterns.php (modified) (2 diffs)
• sass/blocks/_blocks.scss (modified) (1 diff)
• style-editor.css (modified) (1 diff)
• style-editor.scss (modified) (1 diff)
• style-rtl.css (modified) (1 diff)
• style.css (modified) (1 diff)

trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php

@@ -133 +133 @@
 
                 /*
-                 * 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,
@@ -232 +226 @@
                 .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; */
                 }
 

trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

@@ -453 +453 @@
                 &: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;

trunk/src/wp-content/themes/twentynineteen/style-editor.css

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

trunk/src/wp-content/themes/twentynineteen/style-editor.scss

@@ -392 +392 @@
 
         &:not(.is-large):not(.is-style-large) {
-                border-left: 2px solid $color__link;
+                border-width: 2px;
+                border-color: $color__link;
         }
 

trunk/src/wp-content/themes/twentynineteen/style-rtl.css

@@ -5478 +5478 @@
 
 .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;

trunk/src/wp-content/themes/twentynineteen/style.css

@@ -5664 +5664 @@
 
 .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;