WordPress.org

Make WordPress Core

Changeset 45920


Ignore:
Timestamp:
08/30/2019 07:14:23 PM (4 months ago)
Author:
SergeyBiryukov
Message:

Twenty Nineteen: Improve compatibility with custom colors in the separator block.

Props kjellr.
Fixes #47811.

Location:
trunk/src/wp-content/themes/twentynineteen
Files:
5 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r45897 r45920  
    692692            text-align: center;
    693693
     694            // Only apply the default dot color if there's no separator color specified.
     695            &:not(.has-text-color):not(.has-background) {
     696                color: $color__text-light;
     697            }
     698
    694699            &:before {
    695                 color: $color__text-light;
    696700                font-size: $font__size-lg;
    697701                letter-spacing: $font__size-sm;
  • trunk/src/wp-content/themes/twentynineteen/style-editor.css

    r45919 r45920  
    11361136/** === Separator === */
    11371137.wp-block-separator:not(.is-style-dots) {
    1138   border-bottom: 2px solid #767676;
     1138  background-color: #767676;
     1139  height: 2px;
    11391140}
    11401141
     
    11441145}
    11451146
     1147.wp-block-separator.is-style-dots {
     1148  color: #767676;
     1149}
     1150
    11461151.wp-block-separator.is-style-dots:before {
    1147   color: #767676;
    11481152  font-size: 1.6875em;
    11491153  letter-spacing: calc(2 * 1rem);
  • trunk/src/wp-content/themes/twentynineteen/style-editor.scss

    r45761 r45920  
    589589
    590590    &:not(.is-style-dots) {
    591         border-bottom: 2px solid $color__text-light;
     591        background-color: $color__text-light;
     592        height: 2px;
    592593    }
    593594
     
    597598    }
    598599
     600    &.is-style-dots {
     601        color: $color__text-light;
     602    }
     603
    599604    &.is-style-dots:before {
    600         color: $color__text-light;
    601605        font-size: $font__size-lg;
    602606        letter-spacing: calc(2 * #{$size__spacing-unit});
  • trunk/src/wp-content/themes/twentynineteen/style-rtl.css

    r45919 r45920  
    60116011}
    60126012
     6013.entry .entry-content .wp-block-separator.is-style-dots:not(.has-text-color):not(.has-background),
     6014.entry .entry-content hr.is-style-dots:not(.has-text-color):not(.has-background) {
     6015  color: #767676;
     6016}
     6017
    60136018.entry .entry-content .wp-block-separator.is-style-dots:before,
    60146019.entry .entry-content hr.is-style-dots:before {
    6015   color: #767676;
    60166020  font-size: 1.6875em;
    60176021  letter-spacing: 0.88889em;
  • trunk/src/wp-content/themes/twentynineteen/style.css

    r45919 r45920  
    60236023}
    60246024
     6025.entry .entry-content .wp-block-separator.is-style-dots:not(.has-text-color):not(.has-background),
     6026.entry .entry-content hr.is-style-dots:not(.has-text-color):not(.has-background) {
     6027  color: #767676;
     6028}
     6029
    60256030.entry .entry-content .wp-block-separator.is-style-dots:before,
    60266031.entry .entry-content hr.is-style-dots:before {
    6027   color: #767676;
    60286032  font-size: 1.6875em;
    60296033  letter-spacing: 0.88889em;
Note: See TracChangeset for help on using the changeset viewer.