WordPress.org
Get WordPress

Make WordPress Core


Ignore:
Timestamp:
12/14/2018 02:32:33 AM (8 years ago)
Author:
pento
Message:

Default Themes: Import Twenty Nineteen from the 5.0 branch.

Merges [43808,43821,43842,43860,43892,43904,43909,43926-43929,43956,43961-43963] from the 5.0 branch to trunk.

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, jorbin, netweb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins, peterwilsoncc, dannycooper, iCaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, grapplerulrich, ocean90, joshfeck, frankew, AbdulWahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, nao, mayukojpn, enodekciw, ketuchetan, atanasangelovdev, poena, sharaz, artisticasad, mukesh27, burhandodhy, crunnells, aprakasa, themeroots, imonly_ik, tlxo, youthkee, brentswisher, smyoon315, mrahmadawais, desideveloper, Kau-Boy, mor10, mikeyarce, dingo_bastard, xkon, twoabove.

Fixes #45424.

Location:
trunk
Files:
2 edited
1 copied

Legend:

Unmodified
Added
Removed

  • trunk

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

    r43808 r44149  
    11/* !Block styles */
    22
    3 .entry-content > *,
    4 .entry-summary > * {
    5 
    6         margin: 32px $size__spacing-unit;
    7         max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
     3.entry .entry-content > *,
     4.entry .entry-summary > * {
     5        margin: 32px 0;
     6        max-width: 100%;
     7
     8        @include postContentMaxWidth();
    89
    910        @include media(tablet) {
    10                 margin: 32px calc(2 * (100vw / 12));
    11                 max-width: calc(8 * (100vw / 12));
    12         }
    13 
    14         @include media(desktop) {
    15                 max-width: calc(6 * (100vw / 12));
    16         }
    17 
    18 /*
    19         // Set top margins for headings
    20         & + h1:before,
    21         & + h2:before,
    22         & + h3,
    23         & + h4,
    24         & + h5,
    25         & + h6 {
    26                 margin-top: calc(4 * #{ $size__spacing-unit});
    27         }
    28 */
     11                margin: 32px 0;
     12        }
    2913
    3014        > *:first-child {
    … …  
    3721
    3822        &.alignwide {
    39 
    4023                margin-left: auto;
    4124                margin-right: auto;
     25                clear: both;
    4226
    4327                @include media(tablet) {
    44                         margin-left: calc(1 * (100vw / 12));
    45                         margin-right: calc(1 * (100vw / 12));
    46                         max-width: calc(10 * (100vw / 12));
     28                        width: 100%;
     29                        max-width: 100%;
    4730                }
    4831        }
    4932
    5033        &.alignfull {
    51                 margin-top: calc(2 * #{$size__spacing-unit});
    52                 margin-right: 0;
    53                 margin-bottom: calc(2 * #{$size__spacing-unit});
    54                 margin-left: 0;
    55                 max-width: 100%;
     34                position: relative;
     35                left: -#{$size__spacing-unit };
     36                width: calc( 100% + (2 * #{$size__spacing-unit}));
     37                max-width: calc( 100% + (2 * #{$size__spacing-unit}));
     38                clear: both;
     39
     40                @include media(tablet) {
     41                        margin-top: calc(2 * #{$size__spacing-unit});
     42                        margin-bottom: calc(2 * #{$size__spacing-unit});
     43                        left: calc( -12.5% - 75px );
     44                        width: calc( 125% + 150px );
     45                        max-width: calc( 125% + 150px );
     46                }
    5647        }
    5748
    5849        &.alignleft {
     50                /*rtl:ignore*/
    5951                float: left;
    6052                max-width: calc(5 * (100vw / 12));
    6153                margin-top: 0;
     54                margin-left: 0;
     55                /*rtl:ignore*/
     56                margin-right: $size__spacing-unit;
    6257
    6358                @include media(tablet) {
    6459                        max-width: calc(4 * (100vw / 12));
     60                        /*rtl:ignore*/
    6561                        margin-right: calc(2 * #{$size__spacing-unit});
    6662                }
    67 
    68                 @include media(desktop) {
    69                         max-width: calc(3 * (100vw / 12));
    70                 }
    7163        }
    7264
    7365        &.alignright {
     66                /*rtl:ignore*/
    7467                float: right;
    7568                max-width: calc(5 * (100vw / 12));
    7669                margin-top: 0;
     70                margin-right: 0;
     71                /*rtl:ignore*/
    7772                margin-left: $size__spacing-unit;
    78                 margin-right: $size__spacing-unit;
    7973
    8074                @include media(tablet) {
    8175                        max-width: calc(4 * (100vw / 12));
     76                        margin-right: 0;
     77                        /*rtl:ignore*/
    8278                        margin-left: calc(2 * #{$size__spacing-unit});
    83                         margin-right: calc(2 * (100vw / 12));
     79                }
     80        }
     81        &.aligncenter {
     82                margin-left: auto;
     83                margin-right: auto;
     84
     85                @include postContentMaxWidth();
     86
     87                @include media(tablet) {
     88                        margin-left: 0;
     89                        margin-right: 0;
    8490                }
    8591        }
    8692}
    8793
    88 .entry-content {
     94/*
     95 * Unset nested content selector styles
     96 * - Prevents layout styles from cascading too deeply
     97 * - helps with plugin compatibility
     98 */
     99.entry .entry-content,
     100.entry .entry-summary {
     101
     102        .entry-content,
     103        .entry-summary,
     104        .entry {
     105                margin: inherit;
     106                max-width: inherit;
     107                padding: inherit;
     108
     109                @include media(tablet) {
     110                        margin: inherit;
     111                        max-width: inherit;
     112                        padding: inherit;
     113                }
     114        }
     115}
     116
     117.entry .entry-content {
     118
     119        //! Paragraphs
     120        p.has-background {
     121                padding: 20px 30px;
     122        }
    89123
    90124        //! Audio
    … …  
    100134                &.alignright audio {
    101135
    102                         max-width: (0.5 * $mobile_width);
     136                        max-width: (0.33 * $mobile_width);
    103137
    104138                        @include media(tablet) {
    … …  
    126160                        @include button-transition;
    127161                        border: none;
    128                         background: $color__background-button;
    129162                        font-size: $font__size-sm;
    130163                        font-family: $font__heading;
    … …  
    132165                        box-sizing: border-box;
    133166                        font-weight: bold;
    134                         padding: ($size__spacing-unit * .66) $size__spacing-unit;
     167                        text-decoration: none;
     168                        padding: ($size__spacing-unit * .76) $size__spacing-unit;
    135169                        outline: none;
    136                         color: white;
    137170                        outline: none;
    138171
     172                        &:not(.has-background) {
     173                                background-color: $color__background-button;
     174                        }
     175
     176                        &:not(.has-text-color) {
     177                                color: white;
     178                        }
     179
    139180                        &:hover {
     181                                color: white;
     182                                background: $color__background-button-hover;
    140183                                cursor: pointer;
    141184                        }
    142185
    143                         &:hover, &:focus {
     186                        &:focus {
     187                                color: white;
    144188                                background: $color__background-button-hover;
    145                         }
    146 
    147                         &:focus {
    148189                                outline: thin dotted;
    149190                                outline-offset: -4px;
    … …  
    158199                &.is-style-outline .wp-block-button__link:focus,
    159200                &.is-style-outline .wp-block-button__link:active {
    160 
    161                         @include button-all-transition;
    162                         background: transparent;
    163                         border: 2px solid $color__background-button;
     201                        @include button-all-transition;
     202                        border-width: 2px;
     203                        border-style: solid;           
     204
     205                        &:not(.has-background) {
     206                                background: transparent;
     207                        }
    164208
    165209                        &:not(.has-text-color) {
    166210                                color: $color__background-button;
     211                                border-color: currentColor;
    167212                        }
    168213                }
    169214
    170215                &.is-style-outline .wp-block-button__link:hover {
     216                        color: white;
    171217                        border-color: $color__background-button-hover;
    172                         color: $color__background-button-hover;
    173218                }
    174219        }
    … …  
    184229                        color: $color__text-light;
    185230                        font-family: $font__heading;
    186                         font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
     231                        font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    187232                        font-weight: bold;
    188233                        line-height: $font__line-height-heading;
    189 
    190                         a:after {
    191                                 color: $color__text-light;
    192                                 content: ",";
    193                         }
    194 
    195                         &:last-child a:after {
    196                                 color: $color__text-light;
    197                                 content: ".";
    198                         }
    199                 }
     234                        padding-bottom: ( .75 * $size__spacing-unit );
     235
     236                        &.menu-item-has-children,
     237                        &:last-child {
     238                                padding-bottom: 0;
     239                        }
     240
     241                        a {
     242                                text-decoration: none;
     243                        }
     244                }
     245        }
     246
     247        //! Latest categories
     248        .wp-block-categories {
     249
     250                ul {
     251                        padding-top: ( .75 * $size__spacing-unit );
     252                }
     253
     254                li ul {
     255                        list-style: none;
     256                        padding-left: 0;
     257                }
     258
     259                @include nestedSubMenuPadding();
    200260        }
    201261
    … …  
    234294        }
    235295
    236         // !Paragraphs
     296        //! Paragraphs
    237297        .has-drop-cap {
    238298                &:not(:focus):first-letter {
    … …  
    245305        }
    246306
    247         // !Pullquote
     307        //! Pullquote
    248308        .wp-block-pullquote {
    249                 border: none;
     309                border-color: transparent;
     310                border-width: 2px;
    250311                padding: $size__spacing-unit;
    251312
    252313                blockquote {
     314                        color: $color__text-main;
    253315                        border: none;
    254                         padding-bottom: calc(2 * #{$size__spacing-unit});
     316                        margin-top: calc(4 * #{ $size__spacing-unit});
     317                        margin-bottom: calc(4.33 * #{ $size__spacing-unit});
    255318                        margin-right: 0;
    256319                }
    … …  
    262325                        margin-bottom: 0.5em;
    263326                        margin-top: 0.5em;
    264                         color: $color__text-main;
    265327
    266328                        em {
    … …  
    276338                        display: inline-block;
    277339                        font-family: $font__heading;
    278                         font-size: $font__size-xs;
    279340                        line-height: 1.6;
    280341                        text-transform: none;
    281342                        color: $color__text-light;
     343
     344                        /*
     345                         * This requires a rem-based font size calculation instead of our normal em-based one,
     346                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     347                         */
     348                        font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    282349                }
    283350
    284351                &.alignleft,
    285352                &.alignright {
     353                        width: 100%;
    286354                        padding: 0;
    287355
    … …  
    295363
    296364                &.is-style-solid-color {
     365                        background-color: $color__link;
     366                        padding-left: 0;
     367                        padding-right: 0;
     368
     369                        @include media(tablet) {
     370                                padding-left: 10%;
     371                                padding-right: 10%;
     372                        }
    297373
    298374                        p {
    … …  
    307383                        }
    308384
     385                        a {
     386                                color: $color__background-body;
     387                        }
     388
     389                        cite {
     390                                color: inherit;
     391                        }
     392
    309393                        blockquote {
    310                                 margin: 0 auto;
    311                         }
    312 
    313                         blockquote:not(.has-text-color) p,
    314                         cite {
    315                                 color: white;
    316                         }
    317 
    318                         &:not(.has-background-color) {
    319                                 background-color: $color__link;
    320                         }
    321 
    322                         &.alignleft,
    323                         &.alignright {
    324                                 padding: $size__spacing-unit $size__spacing-unit 0;
    325 
    326                                 blockquote {
    327                                         padding: 0 0 calc( 1.5 * #{$size__spacing-unit} );
     394                                max-width: calc(100% - (2 * #{$size__spacing-unit}));
     395                                color: $color__background-body;
     396                                padding-left: 0;
     397                                margin-left: $size__spacing-unit;
     398
     399                                &.has-text-color p,
     400                                &.has-text-color a,
     401                                &.has-primary-color,
     402                                &.has-secondary-color,
     403                                &.has-dark-gray-color,
     404                                &.has-light-gray-color,
     405                                &.has-white-color {
     406                                        color: inherit;
     407                                }
     408
     409                                @include media(tablet) {
    328410                                        margin-left: 0;
    329                                         margin-top: 0;
    330                                 }
     411                                        margin-right: 0;
     412                                }
     413                        }
     414
     415                        &.alignfull {
    331416
    332417                                @include media(tablet) {
    333                                         padding: calc( 2 * #{$size__spacing-unit} ) calc( 2 * #{$size__spacing-unit} ) $size__spacing-unit;
     418                                        padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     419                                        padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
    334420                                }
    335421                        }
    … …  
    354440
    355441                cite {
    356                         font-size: $font__size-xs;
     442                        /*
     443                         * This requires a rem-based font size calculation instead of our normal em-based one,
     444                         * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     445                         */
     446                        font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    357447                }
    358448
    359449                &.is-large,
    360450                &.is-style-large {
    361                         padding: $size__spacing-unit 0 ($size__spacing-unit) ($size__spacing-unit * 2);
    362451                        margin: $size__spacing-unit 0;
     452                        padding: 0;
    363453                        border-left: none;
    364454
    … …  
    371461                        cite,
    372462                        footer {
    373                                 font-size: $font__size-xs;
     463                                /*
     464                                 * This requires a rem-based font size calculation instead of our normal em-based one,
     465                                 * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
     466                                 */
     467                                font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
    374468                        }
    375469
    376470                        @include media(tablet) {
    377 
    378                                 margin: $size__spacing-unit calc(2 * (100vw / 12));
    379                                 max-width: calc(6 * (100vw / 12));
     471                                margin: $size__spacing-unit 0;
     472                                padding: $size__spacing-unit 0;
    380473
    381474                                p {
    … …  
    400493                &.alignfull img {
    401494                        width: 100vw;
    402                         margin-left: auto;
    403                         margin-right: auto;
     495
     496                        @include media(tablet) {
     497                                margin-left: auto;
     498                                margin-right: auto;
     499                        }
    404500                }
    405501        }
    406502
    407503        //! Cover Image
    408         .wp-block-cover-image {
     504        .wp-block-cover-image,
     505        .wp-block-cover {
     506                position: relative;
     507                min-height: 430px;
     508                padding: $size__spacing-unit;
     509
     510                @include media(tablet) {
     511                        padding: $size__spacing-unit 10%;
     512                }
    409513
    410514                .wp-block-cover-image-text,
     515                .wp-block-cover-text,
    411516                h2 {
    412517                        font-family: $font__heading;
    413518                        font-size: $font__size-lg;
    414519                        font-weight: bold;
    415 
    416                         width: calc(100vw - (2 * #{ $size__spacing-unit }));
    417                         max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
     520                        line-height: 1.25;
     521                        padding: 0;
     522                        color: #fff;
     523                        -ms-hyphens: auto;
     524                        -moz-hyphens: auto;
     525                        -webkit-hyphens: auto;
     526                        hyphens: auto;
    418527
    419528                        @include media(tablet) {
    420529                                font-size: $font__size-xl;
    421                                 width: calc(8 * (100vw / 12));
    422                                 max-width: calc(8 * (100vw / 12));
    423                         }
    424 
    425                         @include media(desktop) {
    426                                 width: calc(6 * (100vw / 12 ));
    427                                 max-width: calc(6 * (100vw / 12 ));
     530                                max-width: 100%;
    428531                        }
    429532                }
    430533
    431534                &.alignleft,
    432                 &.alignright,
    433                 &.aligncenter {
    434                         h2,
    435                         .wp-block-cover-image-text {
    436                                 width: 100%;
    437                                 z-index: 1;
    438                                 left: 50%;
    439                                 position: absolute;
    440                                 transform: translate(-50%, -50%);
    441                                 top: 50%;
    442                         }
    443                 }
    444 
    445                 &.has-left-content {
    446                         justify-content: center;
    447 
    448                         h2,
    449                         .wp-block-cover-image-text {
     535                &.alignright {
     536                        width: 100%;
     537
     538                        @include media(tablet) {
    450539                                padding: $size__spacing-unit;
    451540                        }
    452541                }
    453542
    454                 &.has-right-content {
    455                         justify-content: center;
    456 
    457                         h2,
    458                         .wp-block-cover-image-text {
    459                                 padding: $size__spacing-unit;
     543                &.alignfull {
     544
     545                        .wp-block-cover-image-text,
     546                        .wp-block-cover-text,
     547                        h2 {
     548                                @include postContentMaxWidth();
     549                        }
     550
     551                        @include media(tablet) {
     552                                padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     553                                padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
     554
     555                                .wp-block-cover-image-text,
     556                                .wp-block-cover-text,
     557                                h2 {
     558                                        padding: 0;
     559                                }
    460560                        }
    461561                }
    … …  
    463563
    464564        //! Galleries
    465         .wp-block-gallery .blocks-gallery-image:last-child,
    466         .wp-block-gallery .blocks-gallery-item:last-child {
    467                 margin-bottom: 16px;
     565        .wp-block-gallery {
     566                list-style-type: none;
     567                padding-left: 0;
     568
     569                .blocks-gallery-image:last-child,
     570                .blocks-gallery-item:last-child {
     571                        margin-bottom: 16px;
     572                }
    468573        }
    469574
    … …  
    479584                margin: 0;
    480585                padding: ( $size__spacing-unit * .5 );
    481                 text-align: left;
     586                text-align: center;
    482587        }
    483588
    … …  
    485590        .wp-block-separator,
    486591        hr {
     592                background-color: $color__text-light;
     593                border: 0;
     594                height: 2px;
    487595                margin-bottom: (2 * $size__spacing-unit);
    488596                margin-top: (2 * $size__spacing-unit);
    489 
    490                 &:not(.is-style-dots) {
    491                         background-color: $color__text-light;
    492                         border: 0;
    493                         height: 2px;
    494                 }
    495 
    496                 &:not(.is-style-wide):not(.is-style-dots) {
    497                         max-width: 2.25em;
     597                max-width: 2.25em;
     598                text-align: left;
     599
     600                &.is-style-wide {
     601                        max-width: 100%;
     602                        @include postContentMaxWidth();
     603                }
     604
     605                &.is-style-dots {
     606                        max-width: 100%;
     607                        @include postContentMaxWidth();
     608                        background-color: inherit;
     609                        border: inherit;
     610                        height: inherit;
     611                        text-align: center;
     612
     613                        &:before {
     614                                color: $color__text-light;
     615                                font-size: $font__size-lg;
     616                                letter-spacing: $font__size-sm;
     617                                padding-left: $font__size-sm;
     618                        }
    498619                }
    499620
    … …  
    507628                        }
    508629                }
    509 
    510                 &.is-style-dots:before {
    511                         color: $color__text-light;
    512                         font-size: $font__size-lg;
    513                         letter-spacing: $font__size-sm;
    514                         padding-left: $font__size-sm;
    515                 }
    516630        }
    517631
    518632        //! Twitter Embed
    519633        .wp-block-embed-twitter {
    520                 overflow: hidden;
     634                word-break: break-word;
    521635        }
    522636
    … …  
    524638        .wp-block-table {
    525639
    526                 td, th {
     640                th,
     641                td {
    527642                        border-color: $color__text-light;
    528643                }
    … …  
    534649
    535650                .wp-block-file__button {
     651                        display: table;
    536652                        @include button-transition;
    537653                        border: none;
    … …  
    541657                        font-family: $font__heading;
    542658                        line-height: $font__line-height-heading;
     659                        text-decoration: none;
    543660                        font-weight: bold;
    544661                        padding: ($size__spacing-unit * .75) $size__spacing-unit;
     662                        color: #fff;
     663                        margin-left: 0;
     664                        margin-top: calc(0.75 * #{$size__spacing-unit});
    545665
    546666                        @include media(desktop) {
    … …  
    550670
    551671                        &:hover {
     672                                background: $color__background-button-hover;
    552673                                cursor: pointer;
    553674                        }
    554675
    555                         &:hover, &:focus {
     676                        &:focus {
    556677                                background: $color__background-button-hover;
    557                         }
    558 
    559                         &:focus {
    560678                                outline: thin dotted;
    561679                                outline-offset: -4px;
    … …  
    570688                code {
    571689                        font-size: $font__size-md;
     690                        white-space: pre-wrap;
     691                        word-break: break-word;
    572692                }
    573693        }
    … …  
    576696        .wp-block-columns {
    577697
    578                 .wp-block-column > * {
    579 
    580                         &:first-child {
    581                                 margin-top: 0;
    582                         }
    583 
    584                         &:last-child {
    585                                 margin-bottom: 0;
    586                         }
    587                 }
    588 
    589                 &[class*='has-'] > * {
    590                         margin-right: $size__spacing-unit;
    591 
    592                         &:last-child {
    593                                 margin-right: 0;
     698                &.alignfull {
     699                        padding-left: $size__spacing-unit;
     700                        padding-right: $size__spacing-unit;
     701                }
     702
     703                @include media(tablet) {
     704                        .wp-block-column > * {
     705
     706                                &:first-child {
     707                                        margin-top: 0;
     708                                }
     709
     710                                &:last-child {
     711                                        margin-bottom: 0;
     712                                }
     713                        }
     714
     715                        &[class*='has-'] > * {
     716                                margin-right: $size__spacing-unit;
     717
     718                                &:last-child {
     719                                        margin-right: 0;
     720                                }
     721                        }
     722
     723                        &.alignfull,
     724                        &.alignfull .wp-block-column {
     725                                padding-left: calc(2 * #{$size__spacing-unit});
     726                                padding-right: calc(2 * #{$size__spacing-unit});
    594727                        }
    595728                }
    … …  
    629762                }
    630763        }
     764
     765        //! Font Sizes
     766        .has-small-font-size {
     767                font-size: $font__size-sm;
     768        }
     769
     770        .has-normal-font-size {
     771                font-size: $font__size-md;
     772        }
     773
     774        .has-large-font-size {
     775                font-size: $font__size-lg;
     776        }
     777
     778        .has-huge-font-size {
     779                font-size: $font__size-xl;
     780        }
     781
     782        //! Custom background colors
     783        .has-primary-background-color,
     784        .has-secondary-background-color,
     785        .has-dark-gray-background-color,
     786        .has-light-gray-background-color {
     787               
     788                // Use white text against these backgrounds by default.
     789                color: $color__background-body;
     790
     791                p,
     792                h1,
     793                h2,
     794                h3,
     795                h4,
     796                h5,
     797                h6,
     798                a {
     799                        color: $color__background-body;
     800                }
     801        }
     802
     803        .has-white-background-color {
     804                color: $color__text-main;
     805
     806                // Use dark gray text against this background by default.
     807                p,
     808                h1,
     809                h2,
     810                h3,
     811                h4,
     812                h5,
     813                h6,
     814                a {
     815                        color: $color__text-main;
     816                }
     817        }
     818
     819        .has-primary-background-color,
     820        .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
     821                background-color: $color__link;
     822        }
     823
     824        .has-secondary-background-color,
     825        .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
     826                background-color: $color__border-link-hover;
     827        }
     828
     829        .has-dark-gray-background-color,
     830        .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
     831                background-color: $color__text-main;
     832        }
     833
     834        .has-light-gray-background-color,
     835        .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
     836                background-color: $color__text-light;
     837        }
     838
     839        .has-white-background-color,
     840        .wp-block-pullquote.is-style-solid-color.has-white-background-color {
     841                background-color: #FFF;
     842        }
     843
     844        //! Custom foreground colors
     845        .has-primary-color,
     846        .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
     847        .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
     848                color: $color__link;
     849        }
     850
     851        .has-secondary-color,
     852        .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
     853        .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
     854                color: $color__border-link-hover;
     855        }
     856
     857        .has-dark-gray-color,
     858        .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
     859        .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
     860                color: $color__text-main;
     861        }
     862
     863        .has-light-gray-color,
     864        .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
     865        .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
     866                color: $color__text-light;
     867        }
     868
     869        .has-white-color,
     870        .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
     871                color: #FFF;
     872        }
    631873}
Note: See TracChangeset for help on using the changeset viewer.