WordPress.org

Make WordPress Core


Ignore:
Timestamp:
10/30/2018 02:13:07 AM (22 months ago)
Author:
allancole
Message:

Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.

Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen

Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss

    r43808 r43842  
    103103}
    104104
     105.has-primary-background-color {
     106   
     107    p,
     108    h1,
     109    h2,
     110    h3,
     111    h4,
     112    h5,
     113    h6,
     114    a,
     115    a:hover {
     116        color: $color__background-body;
     117    }
     118}
     119
    105120figcaption,
    106121.gallery-caption {
     
    124139}
    125140
    126 /** === Cover Image === */
    127 
    128 .wp-block-cover-image {
     141/** === Cover === */
     142
     143.wp-block-cover {
    129144
    130145    h2,
    131     .wp-block-cover-image-text {
     146    .wp-block-cover-text {
    132147        font-family: $font__heading;
    133148        font-size: $font__size-xl;
     
    140155
    141156        h2,
    142         .wp-block-cover-image-text {
     157        .wp-block-cover-text {
    143158            padding: 1em;
    144159        }
     
    149164
    150165        h2,
    151         .wp-block-cover-image-text {
     166        .wp-block-cover-text {
    152167            padding: 1em;
    153168        }
     
    155170}
    156171
    157 body[data-type="core/cover-image"][data-align="left"],
    158 body[data-type="core/cover-image"][data-align="right"] {
     172body[data-type="core/cover"][data-align="left"],
     173body[data-type="core/cover"][data-align="right"] {
    159174
    160175    h2,
    161     .wp-block-cover-image-text {
     176    .wp-block-cover-text {
    162177        width: 100%;
    163178        max-width: 305px;
     
    165180}
    166181
    167 body[data-type="core/cover-image"][data-align="wide"],
    168 body[data-type="core/cover-image"][data-align="full"] {
     182body[data-type="core/cover"][data-align="wide"],
     183body[data-type="core/cover"][data-align="full"] {
    169184
    170185    @include media(desktop) {
    171186        h2,
    172         .wp-block-cover-image-text {
     187        .wp-block-cover-text {
    173188            padding: 0;
    174189            width: calc(6 * (100vw / 12));
     
    201216    }
    202217
    203     .wp-block-button__link:not(.has-background),
    204     .wp-block-button__link:not(.has-background) {
     218    &:not(.is-style-outline) .wp-block-button__link {
    205219        background: $color__background-button;
    206220    }
     
    210224    }
    211225
    212     &.is-style-outline .wp-block-button__link,
    213     &.is-style-outline .wp-block-button__link:hover,
    214     &.is-style-outline .wp-block-button__link:focus,
    215     &.is-style-outline .wp-block-button__link:active {
     226    &.is-style-outline,
     227    &.is-style-outline:hover,
     228    &.is-style-outline:focus,
     229    &.is-style-outline:active {
    216230        background: transparent;
    217         border-color: $color__background-button;
    218 
    219         &:not(.has-text-color) {
    220             color: $color__background-button;
     231        color: $color__background-button;
     232
     233        .wp-block-button__link {
     234            background: transparent;
     235
     236            &:not(.has-text-color) {
     237                color: $color__background-button;
     238            }
    221239        }
    222240    }
     
    275293        }
    276294
    277         blockquote:not(.has-text-color) p,
    278         .wp-block-pullquote__citation {
    279             color: white;
     295        blockquote:not(.has-text-color) {
     296            color: $color__background-body;
    280297        }
    281298
     
    303320        margin-bottom: 0.5em;
    304321        margin-top: 0.5em;
    305         color: $color__text-main;
    306322
    307323        @include media(tablet) {
     
    315331        line-height: 1.6;
    316332        text-transform: none;
    317         color: $color__text-light;
    318333    }
    319334
     
    335350        .wp-block-pullquote.is-style-solid-color {
    336351            padding: 1em;
    337 
    338             p,
    339             .wp-block-pullquote__citation {
    340                 color: white;
    341             }
    342352        }
    343353    }
     
    426436        line-height: $font__line-height-heading;
    427437
     438        &:not(.menu-item-has-children) {
     439            padding-bottom: ( .75 * $size__spacing-unit );
     440        }
     441
    428442        a {
    429443            text-decoration: none;
    430 
    431             &:after {
    432                 color: $color__text-light;
    433                 content: ",";
    434             }
    435         }
    436 
    437         &:last-child a:after {
    438             color: $color__text-light;
    439             content: ".";
     444        }
     445
     446        ul {
     447            padding-left: $size__spacing-unit;
    440448        }
    441449    }
     
    500508
    501509    /* Add style for galleries in classic-editor block */
     510    blockquote {
     511        border-left: 2px solid $color__link;
     512
     513        cite {
     514            font-family: $font__heading;
     515            font-size: $font__size-xs;
     516            font-style: normal;
     517            line-height: 1.6;
     518            color: $color__text-light;
     519        }
     520    }
     521
     522    /* Add style for galleries in classic-editor block */
    502523    .gallery {
    503524
Note: See TracChangeset for help on using the changeset viewer.