WordPress.org

Make WordPress Core

Ticket #45426: 45426.3.patch

File 45426.3.patch, 6.5 KB (added by laurelfulford, 15 months ago)
  • src/wp-content/themes/twentyseventeen/assets/css/blocks.css

     
    66/*--------------------------------------------------------------
    77>>> TABLE OF CONTENTS:
    88----------------------------------------------------------------
    9 1.0 Blocks - Common Blocks
    10 2.0 Blocks - Formatting
    11 3.0 Blocks - Layout Elements
    12 4.0 Blocks - Widgets
     91.0 General Block Styles
     102.0 Blocks - Common Blocks
     113.0 Blocks - Formatting
     124.0 Blocks - Layout Elements
     135.0 Blocks - Widgets
     146.0 Blocks - Colors
    1315--------------------------------------------------------------*/
    1416
    1517/*--------------------------------------------------------------
     
    187189/* Buttons */
    188190
    189191.wp-block-button .wp-block-button__link {
    190         background-color: #222;
    191192        -webkit-box-shadow: none;
    192193        box-shadow: none;
    193         color: #fff;
    194194        display: inline-block;
    195195        font-size: 14px;
    196196        font-size: 0.875rem;
     
    203203        white-space: nowrap;
    204204}
    205205
    206 .wp-block-button .wp-block-button__link:hover,
    207 .wp-block-button .wp-block-button__link:focus {
     206.entry-content .wp-block-button__link {
     207        background-color: #222;
     208        color: #fff;
     209}
     210
     211.entry-content .is-style-outline .wp-block-button__link {
     212        background-color: transparent;
     213}
     214
     215.entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
     216        color: #222;
     217}
     218
     219.colors-dark .wp-block-button__link {
     220        background-color: #fff;
     221        color: #000;
     222}
     223
     224.entry-content .wp-block-button__link:hover,
     225.entry-content .wp-block-button__link:focus {
    208226        background-color: #767676;
    209227        -webkit-box-shadow: none;
    210228        box-shadow: none;
     229        color: #fff;
    211230}
    212231
     232.colors-dark .entry-content .wp-block-button__link:hover,
     233.colors-dark .entry-content .wp-block-button__link:focus {
     234        background-color: #bbb;
     235        color: #000;
     236}
     237
     238.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color) {
     239        color: #fff;
     240}
     241
     242.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):hover,
     243.colors-dark .entry-content .is-style-outline .wp-block-button__link:not(.has-text-color):focus {
     244        color: #222;
     245}
     246
     247.colors-custom .entry-content .wp-block-button__link,
     248.colors-custom .entry-content .wp-block-button__link:hover,
     249.colors-custom .entry-content .wp-block-button__link:focus,
     250.colors-dark .entry-content .wp-block-button__link,
     251.colors-dark .entry-content .wp-block-button__link:hover,
     252.colors-dark .entry-content .wp-block-button__link:focus {
     253        -webkit-box-shadow: none;
     254        box-shadow: none;
     255}
     256
     257.colors-custom .entry-content .wp-block-button__link:hover,
     258.colors-custom .entry-content .wp-block-button__link:focus {
     259        color: #fff;
     260}
     261
    213262/* Separator */
    214263
    215264.wp-block-separator {
     
    293342        font-size: 14px;
    294343        font-size: 0.875rem;
    295344}
     345
     346/*--------------------------------------------------------------
     3476.0 Blocks - Colors
     348--------------------------------------------------------------*/
     349
     350.entry-content .has-pale-pink-color {
     351        color: #f78da7;
     352}
     353
     354.entry-content .has-pale-pink-background-color,
     355.wp-block-button.is-style-outline .has-pale-pink-background-color:link {
     356        background-color: #f78da7;
     357}
     358
     359.entry-content .has-vivid-red-color {
     360        color: #cf2e2e;
     361}
     362
     363.entry-content .has-vivid-red-background-color,
     364.wp-block-button.is-style-outline .has-vivid-red-background-color:link {
     365        background-color: #cf2e2e;
     366}
     367
     368.entry-content .has-luminous-vivid-orange-color {
     369        color: #ff6900;
     370}
     371
     372.entry-content .has-luminous-vivid-orange-background-color,
     373.wp-block-button.is-style-outline .has-luminous-vivid-orange-background-color:link {
     374        background-color: #ff6900;
     375}
     376
     377.entry-content .has-luminous-vivid-amber-color {
     378        color: #fcb900;
     379}
     380
     381.entry-content .has-luminous-vivid-amber-background-color,
     382.wp-block-button.is-style-outline .has-luminous-vivid-amber-background-color:link {
     383        background-color: #fcb900;
     384}
     385
     386.entry-content .has-light-green-cyan-color {
     387        color: #7bdcb5;
     388}
     389
     390.entry-content .has-light-green-cyan-background-color,
     391.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link {
     392        background-color: #7bdcb5;
     393}
     394
     395.entry-content .has-vivid-green-cyan-color {
     396        color: #00d084;
     397}
     398
     399.entry-content .has-vivid-green-cyan-background-color,
     400.wp-block-button.is-style-outline .has-light-green-cyan-background-color:link {
     401        background-color: #00d084;
     402}
     403
     404.entry-content .has-pale-cyan-blue-color {
     405        color: #8ed1fc;
     406}
     407
     408.entry-content .has-pale-cyan-blue-background-color,
     409.wp-block-button.is-style-outline .has-pale-cyan-blue-background-color:link {
     410        background-color: #8ed1fc;
     411}
     412
     413.entry-content .has-vivid-cyan-blue-color {
     414        color: #0693e3;
     415}
     416
     417.entry-content .has-vivid-cyan-blue-background-color,
     418.wp-block-button.is-style-outline .has-vivid-cyan-blue-background-color:link {
     419        background-color: #0693e3;
     420}
     421
     422.entry-content .has-very-light-gray-color {
     423        color: #eee;
     424}
     425
     426.entry-content .has-very-light-gray-background-color,
     427.wp-block-button.is-style-outline .has-very-light-gray-background-color:link {
     428        background-color: #eee;
     429}
     430
     431.entry-content .has-cyan-bluish-gray-color {
     432        color: #abb8c3;
     433}
     434
     435.entry-content .has-cyan-bluish-gray-background-color,
     436.wp-block-button.is-style-outline .has-cyan-bluish-gray-background-color:link {
     437        background-color: #abb8c3;
     438}
     439
     440.entry-content .has-very-dark-gray-color {
     441        color: #313131;
     442}
     443
     444.entry-content .has-very-dark-gray-background-color,
     445.wp-block-button.is-style-outline .has-very-dark-gray-background-color:link {
     446        background-color: #313131;
     447}
  • src/wp-content/themes/twentyseventeen/assets/css/editor-blocks.css

     
    492492        margin-top: 0.075em;
    493493}
    494494
     495.wp-block-paragraph.has-background {
     496        padding: 20px 30px;
     497}
     498
    495499/* Gallery */
    496500
    497501.wp-block-gallery figcaption {
     
    707711/* Buttons */
    708712
    709713.wp-block-button .wp-block-button__link {
    710         background-color: #222;
    711714        -webkit-box-shadow: none;
    712715        box-shadow: none;
    713         color: #fff;
    714716        display: inline-block;
    715717        font-size: 14px;
    716718        font-size: 0.875rem;
     
    723725        white-space: nowrap;
    724726}
    725727
     728.wp-block-button__link {
     729        background-color: #222;
     730        color: #fff;
     731}
     732
     733.is-style-outline .wp-block-button__link {
     734        color: #222;
     735}
     736
    726737/* Media & Text */
    727738
    728739.wp-block-media-text *:last-child {