Make WordPress Core

Changeset 52926


Ignore:
Timestamp:
03/12/2022 09:53:50 PM (2 years ago)
Author:
audrasjb
Message:

Twenty Sixteen: Remove .entry-content selector from button styles.

This change applies the default button styles to all button blocks in Twenty Sixteen, instead of only targeting those in entry-content. This means that any buttons added outside of .entry-content, such as in a widget area, will be styled the same as any other button blocks. This change also makes the theme custom colors work outside of .entry-content.

Follow-up to [44306].

Props mikachan, costdev, audrasjb.
Fixes #55167.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-content/themes/twentysixteen/css/blocks.css

    r52210 r52926  
    240240}
    241241
    242 .entry-content .wp-block-button__link {
     242.wp-block-button__link {
    243243    background: #1a1a1a;
    244244    color: #fff;
    245245}
    246246
    247 .entry-content .is-style-outline .wp-block-button__link:not(.has-background) {
     247.is-style-outline .wp-block-button__link:not(.has-background) {
    248248    background: transparent;
    249249}
    250250
    251 .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
     251.is-style-outline .wp-block-button__link:not(.has-text-color) {
    252252    color: #1a1a1a;
    253253}
    254254
    255 .entry-content .wp-block-button__link:hover,
    256 .entry-content .wp-block-button__link:focus,
    257 .entry-content .is-style-outline .wp-block-button__link:not(.has-background):hover,
    258 .entry-content .is-style-outline .wp-block-button__link:not(.has-background):focus,
    259 .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
    260 .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
     255.wp-block-button .wp-block-button__link:active,
     256.wp-block-button .wp-block-button__link:focus,
     257.wp-block-button .wp-block-button__link:hover,
     258.is-style-outline .wp-block-button__link:not(.has-background):active,
     259.is-style-outline .wp-block-button__link:not(.has-background):hover,
     260.is-style-outline .wp-block-button__link:not(.has-background):focus,
     261.is-style-outline .wp-block-button__link:not(.has-text-color):active,
     262.is-style-outline .wp-block-button__link:not(.has-text-color):hover,
     263.is-style-outline .wp-block-button__link:not(.has-text-color):focus {
    261264    background: #007acc;
    262265    color: #fff;
     
    351354--------------------------------------------------------------*/
    352355
    353 .entry-content .has-dark-gray-color {
     356.has-dark-gray-color {
    354357    color: #1a1a1a;
    355358}
    356359
    357 .entry-content .has-dark-gray-background-color {
     360.has-dark-gray-background-color {
    358361    background-color: #1a1a1a;
    359362}
    360363
    361 .entry-content .has-medium-gray-color {
     364.has-medium-gray-color {
    362365    color: #686868;
    363366}
    364367
    365 .entry-content .has-medium-gray-background-color {
     368.has-medium-gray-background-color {
    366369    background-color: #686868;
    367370}
    368371
    369 .entry-content .has-light-gray-color {
     372.has-light-gray-color {
    370373    color: #e5e5e5;
    371374}
    372375
    373 .entry-content .has-light-gray-background-color {
     376.has-light-gray-background-color {
    374377    background-color: #e5e5e5;
    375378}
    376379
    377 .entry-content .has-white-color {
     380.has-white-color {
    378381    color: #fff;
    379382}
    380383
    381 .entry-content .has-white-background-color {
     384.has-white-background-color {
    382385    background-color: #fff;
    383386}
    384387
    385 .entry-content .has-blue-gray-color {
     388.has-blue-gray-color {
    386389    color: #4d545c;
    387390}
    388391
    389 .entry-content .has-blue-gray-background-color {
     392.has-blue-gray-background-color {
    390393    background-color: #4d545c;
    391394}
    392395
    393 .entry-content .has-bright-blue-color {
     396.has-bright-blue-color {
    394397    color: #007acc;
    395398}
    396399
    397 .entry-content .has-bright-blue-background-color {
     400.has-bright-blue-background-color {
    398401    background-color: #007acc;
    399402}
    400403
    401 .entry-content .has-light-blue-color {
     404.has-light-blue-color {
    402405    color: #9adffd;
    403406}
    404407
    405 .entry-content .has-light-blue-background-color {
     408.has-light-blue-background-color {
    406409    background-color: #9adffd;
    407410}
    408411
    409 .entry-content .has-dark-brown-color {
     412.has-dark-brown-color {
    410413    color: #402b30;
    411414}
    412415
    413 .entry-content .has-dark-brown-background-color {
     416.has-dark-brown-background-color {
    414417    background-color: #402b30;
    415418}
    416419
    417 .entry-content .has-medium-brown-color {
     420.has-medium-brown-color {
    418421    color: #774e24;
    419422}
    420423
    421 .entry-content .has-medium-brown-background-color {
     424.has-medium-brown-background-color {
    422425    background-color: #774e24;
    423426}
    424427
    425 .entry-content .has-dark-red-color {
     428.has-dark-red-color {
    426429    color: #640c1f;
    427430}
    428431
    429 .entry-content .has-dark-red-background-color {
     432.has-dark-red-background-color {
    430433    background-color: #640c1f;
    431434}
    432435
    433 .entry-content .has-bright-red-color {
     436.has-bright-red-color {
    434437    color: #ff675f;
    435438}
    436439
    437 .entry-content .has-bright-red-background-color {
     440.has-bright-red-background-color {
    438441    background-color: #ff675f;
    439442}
    440443
    441 .entry-content .has-yellow-color {
     444.has-yellow-color {
    442445    color: #ffef8e;
    443446}
    444447
    445 .entry-content .has-yellow-background-color {
     448.has-yellow-background-color {
    446449    background-color: #ffef8e;
    447450}
Note: See TracChangeset for help on using the changeset viewer.