Make WordPress Core

Changeset 44739


Ignore:
Timestamp:
02/13/2019 06:39:59 PM (5 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:
6 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php

    r44302 r44739  
    133133
    134134        /*
    135          * Set left border color for:
     135         * Set border color for:
    136136         * wp block quote
     137         * :focus
    137138         */
    138139        blockquote,
    139140        .entry .entry-content blockquote,
    140141        .entry .entry-content .wp-block-quote:not(.is-large),
    141         .entry .entry-content .wp-block-quote:not(.is-style-large) {
    142             border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    143         }
    144 
    145         /*
    146          * Set border color for:
    147          * :focus
    148          */
     142        .entry .entry-content .wp-block-quote:not(.is-style-large),
    149143        input[type="text"]:focus,
    150144        input[type="email"]:focus,
     
    232226        .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
    233227        .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
    234             border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
     228            border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
    235229        }
    236230
  • trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r44650 r44739  
    453453        &:not(.is-large),
    454454        &:not(.is-style-large) {
    455             border-left: 2px solid $color__link;
     455            border-width: 2px;
     456            border-color: $color__link;
    456457            padding-top: 0;
    457458            padding-bottom: 0;
  • trunk/src/wp-content/themes/twentynineteen/style-editor.css

    r44657 r44739  
    941941/** === Blockquote === */
    942942.wp-block-quote:not(.is-large):not(.is-style-large) {
    943   border-left: 2px solid #0073aa;
     943  border-width: 2px;
     944  border-color: #0073aa;
    944945}
    945946
  • trunk/src/wp-content/themes/twentynineteen/style-editor.scss

    r44650 r44739  
    392392
    393393    &:not(.is-large):not(.is-style-large) {
    394         border-left: 2px solid $color__link;
     394        border-width: 2px;
     395        border-color: $color__link;
    395396    }
    396397
  • trunk/src/wp-content/themes/twentynineteen/style-rtl.css

    r44730 r44739  
    54785478
    54795479.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
    5480   border-right: 2px solid #0073aa;
     5480  border-width: 2px;
     5481  border-color: #0073aa;
    54815482  padding-top: 0;
    54825483  padding-bottom: 0;
  • trunk/src/wp-content/themes/twentynineteen/style.css

    r44730 r44739  
    56645664
    56655665.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
    5666   border-left: 2px solid #0073aa;
     5666  border-width: 2px;
     5667  border-color: #0073aa;
    56675668  padding-top: 0;
    56685669  padding-bottom: 0;
Note: See TracChangeset for help on using the changeset viewer.