WordPress.org

Make WordPress Core


Ignore:
Timestamp:
11/02/2018 11:52:16 PM (14 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, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss

    r43842 r43860  
    33.entry-content > *,
    44.entry-summary > * {
     5    @include postContentMaxWidth();
    56
    67    margin: 32px $size__spacing-unit;
    7     max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
    88
    99    @include media(tablet) {
    1010        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 
     11    }
    1812/*
    1913    // Set top margins for headings
     
    123117                max-width: (0.33 * $desktop_width);
    124118            }
     119        }
     120
     121        &.aligncenter {
     122            margin: 32px calc(2 * (100vw / 12));
     123            max-width: calc(6 * (100vw / 12));
    125124        }
    126125    }
     
    195194            color: $color__text-light;
    196195            font-family: $font__heading;
    197             font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
     196            font-size: calc(#{$font__size_base} * #{$font__size-ratio});
    198197            font-weight: bold;
    199198            line-height: $font__line-height-heading;
    200            
     199
    201200            &:not(.menu-item-has-children) {
    202201                padding-bottom: ( .75 * $size__spacing-unit );
     
    206205                text-decoration: none;
    207206            }
    208            
     207
    209208            ul {
    210209                padding-left: $size__spacing-unit;
     
    460459        }
    461460
     461        &.aligncenter {
     462            margin: 32px calc(2 * (100vw / 12));
     463            max-width: calc(6 * (100vw / 12));
     464        }
     465
    462466        &.has-left-content {
    463467            justify-content: center;
     
    498502        margin: 0;
    499503        padding: ( $size__spacing-unit * .5 );
    500         text-align: left;
     504        text-align: center;
    501505    }
    502506
     
    506510        margin-bottom: (2 * $size__spacing-unit);
    507511        margin-top: (2 * $size__spacing-unit);
     512        text-align: left;
    508513
    509514        &:not(.is-style-dots) {
     
    527532        }
    528533
    529         &.is-style-dots:before {
    530             color: $color__text-light;
    531             font-size: $font__size-lg;
    532             letter-spacing: $font__size-sm;
    533             padding-left: $font__size-sm;
     534        &.is-style-dots {
     535            @include postContentMaxWidth();
     536            text-align: center;
     537
     538            &:before {
     539                color: $color__text-light;
     540                font-size: $font__size-lg;
     541                letter-spacing: $font__size-sm;
     542                padding-left: $font__size-sm;
     543            }
    534544        }
    535545    }
     
    589599        code {
    590600            font-size: $font__size-md;
     601            white-space: pre-wrap;
     602                        word-break: break-word;
    591603        }
    592604    }
     
    654666
    655667        p,
    656         h1, 
     668        h1,
    657669        h2,
    658670        h3,
    659671        h4,
    660672        h5,
    661         h6, 
     673        h6,
    662674        a {
    663675            color: $color__background-body;
Note: See TracChangeset for help on using the changeset viewer.