WordPress.org

Make WordPress Core

Changeset 44200


Ignore:
Timestamp:
12/14/2018 09:52:07 PM (11 months ago)
Author:
laurelfulford
Message:

Twenty Sixteen: Fix button block custom colors on front end.

Simplify some of the button block’s CSS selectors in the theme, to make sure the default colors don’t override the custom colors on the front end.

Fixes #45427.

File:
1 edited

Legend:

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

    r43911 r44200  
    233233
    234234.wp-block-button .wp-block-button__link {
    235     background: #1a1a1a;
    236235    border: 0;
    237236    border-radius: 2px;
    238     color: #fff;
    239237    font-family: Montserrat, "Helvetica Neue", sans-serif;
    240238    font-weight: 700;
     
    245243}
    246244
    247 .wp-block-button .wp-block-button__link:hover,
    248 .wp-block-button .wp-block-button__link:focus {
     245.entry-content .wp-block-button__link {
     246    background: #1a1a1a;
     247    color: #fff;
     248}
     249
     250.entry-content .wp-block-button__link:hover,
     251.entry-content .wp-block-button__link:focus {
    249252    background: #007acc;
     253    color: #fff;
    250254}
    251255
     
    323327--------------------------------------------------------------*/
    324328
    325 .has-dark-gray-color {
     329.entry-content .has-dark-gray-color {
    326330    color: #1a1a1a;
    327331}
    328332
    329 .has-dark-gray-background-color {
     333.entry-content .has-dark-gray-background-color {
    330334    background-color: #1a1a1a;
    331335}
    332336
    333 .has-medium-gray-color {
     337.entry-content .has-medium-gray-color {
    334338    color: #686868;
    335339}
    336340
    337 .has-medium-gray-background-color {
     341.entry-content .has-medium-gray-background-color {
    338342    background-color: #686868;
    339343}
    340344
    341 .has-light-gray-color {
     345.entry-content .has-light-gray-color {
    342346    color: #e5e5e5;
    343347}
    344348
    345 .has-light-gray-background-color {
     349.entry-content .has-light-gray-background-color {
    346350    background-color: #e5e5e5;
    347351}
    348352
    349 .has-white-color {
     353.entry-content .has-white-color {
    350354    color: #fff;
    351355}
    352356
    353 .has-white-background-color {
     357.entry-content .has-white-background-color {
    354358    background-color: #fff;
    355359}
    356360
    357 .has-blue-gray-color {
     361.entry-content .has-blue-gray-color {
    358362    color: #4d545c;
    359363}
    360364
    361 .has-blue-gray-background-color {
     365.entry-content .has-blue-gray-background-color {
    362366    background-color: #4d545c;
    363367}
    364368
    365 .has-bright-blue-color {
     369.entry-content .has-bright-blue-color {
    366370    color: #007acc;
    367371}
    368372
    369 .has-bright-blue-background-color {
     373.entry-content .has-bright-blue-background-color {
    370374    background-color: #007acc;
    371375}
    372376
    373 .has-light-blue-color {
     377.entry-content .has-light-blue-color {
    374378    color: #9adffd;
    375379}
    376380
    377 .has-light-blue-background-color {
     381.entry-content .has-light-blue-background-color {
    378382    background-color: #9adffd;
    379383}
    380384
    381 .has-dark-brown-color {
     385.entry-content .has-dark-brown-color {
    382386    color: #402b30;
    383387}
    384388
    385 .has-dark-brown-background-color {
     389.entry-content .has-dark-brown-background-color {
    386390    background-color: #402b30;
    387391}
    388392
    389 .has-medium-brown-color {
     393.entry-content .has-medium-brown-color {
    390394    color: #774e24;
    391395}
    392396
    393 .has-medium-brown-background-color {
     397.entry-content .has-medium-brown-background-color {
    394398    background-color: #774e24;
    395399}
    396400
    397 .has-dark-red-color {
     401.entry-content .has-dark-red-color {
    398402    color: #640c1f;
    399403}
    400404
    401 .has-dark-red-background-color {
     405.entry-content .has-dark-red-background-color {
    402406    background-color: #640c1f;
    403407}
    404408
    405 .has-bright-red-color {
     409.entry-content .has-bright-red-color {
    406410    color: #ff675f;
    407411}
    408412
    409 .has-bright-red-background-color {
     413.entry-content .has-bright-red-background-color {
    410414    background-color: #ff675f;
    411415}
    412416
    413 .has-yellow-color {
     417.entry-content .has-yellow-color {
    414418    color: #ffef8e;
    415419}
    416420
    417 .has-yellow-background-color {
     421.entry-content .has-yellow-background-color {
    418422    background-color: #ffef8e;
    419423}
Note: See TracChangeset for help on using the changeset viewer.