Make WordPress Core


Ignore:
Timestamp:
10/30/2018 02:13:07 AM (5 years 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/sass/blocks/_blocks.scss

    r43808 r43842  
    4242
    4343        @include media(tablet) {
    44             margin-left: calc(1 * (100vw / 12));
    45             margin-right: calc(1 * (100vw / 12));
    46             max-width: calc(10 * (100vw / 12));
     44            margin-left: calc(2 * (100vw / 12));
     45            margin-right: calc(2 * (100vw / 12));
     46            max-width: calc(8 * (100vw / 12));
    4747        }
    4848    }
     
    8282            margin-left: calc(2 * #{$size__spacing-unit});
    8383            margin-right: calc(2 * (100vw / 12));
     84        }
     85    }
     86    &.aligncenter {
     87
     88        margin-left: auto;
     89        margin-right: auto;
     90
     91        @include media(desktop) {
     92            margin-left: calc(2 * (100vw / 12));
     93            margin-right: calc(2 * (100vw / 12));
     94            max-width: calc(10 * (100vw / 12));
     95            position: relative;
     96            left: 25%;
     97            transform: translate(-50%);
    8498        }
    8599    }
     
    132146            box-sizing: border-box;
    133147            font-weight: bold;
    134             padding: ($size__spacing-unit * .66) $size__spacing-unit;
     148            text-decoration: none;
     149            padding: ($size__spacing-unit * .76) $size__spacing-unit;
    135150            outline: none;
    136151            color: white;
     
    161176            @include button-all-transition;
    162177            background: transparent;
    163             border: 2px solid $color__background-button;
    164 
    165             &:not(.has-text-color) {
    166                 color: $color__background-button;
    167             }
     178            border: 2px solid currentColor;
     179            color: $color__background-button;
    168180        }
    169181
    170182        &.is-style-outline .wp-block-button__link:hover {
    171             border-color: $color__background-button-hover;
    172183            color: $color__background-button-hover;
    173184        }
     
    187198            font-weight: bold;
    188199            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: ".";
     200           
     201            &:not(.menu-item-has-children) {
     202                padding-bottom: ( .75 * $size__spacing-unit );
     203            }
     204
     205            a {
     206                text-decoration: none;
     207            }
     208           
     209            ul {
     210                padding-left: $size__spacing-unit;
    198211            }
    199212        }
     
    234247    }
    235248
    236     // !Paragraphs
     249    //! Paragraphs
    237250    .has-drop-cap {
    238251        &:not(:focus):first-letter {
     
    245258    }
    246259
    247     // !Pullquote
     260    //! Pullquote
    248261    .wp-block-pullquote {
    249262        border: none;
     
    251264
    252265        blockquote {
     266            color: $color__text-main;
    253267            border: none;
    254268            padding-bottom: calc(2 * #{$size__spacing-unit});
     
    262276            margin-bottom: 0.5em;
    263277            margin-top: 0.5em;
    264             color: $color__text-main;
    265278
    266279            em {
     
    279292            line-height: 1.6;
    280293            text-transform: none;
    281             color: $color__text-light;
    282294        }
    283295
     
    296308        &.is-style-solid-color {
    297309
     310            background-color: $color__link;
     311
    298312            p {
    299313                font-size: $font__size-lg;
     
    307321            }
    308322
     323            a {
     324                color: $color__background-body;
     325            }
     326
    309327            blockquote {
     328                color: $color__background-body;
    310329                margin: 0 auto;
    311330            }
    312331
    313             blockquote:not(.has-text-color) p,
    314             cite {
    315                 color: white;
    316             }
    317 
    318             &:not(.has-background-color) {
     332            .has-primary-background-color {
    319333                background-color: $color__link;
    320334            }
     
    406420
    407421    //! Cover Image
    408     .wp-block-cover-image {
     422    .wp-block-cover-image,
     423    .wp-block-cover {
    409424
    410425        .wp-block-cover-image-text,
     426        .wp-block-cover-text,
    411427        h2 {
    412428            font-family: $font__heading;
     
    433449        &.aligncenter {
    434450            h2,
    435             .wp-block-cover-image-text {
     451            .wp-block-cover-image-text,
     452            .wp-block-cover-text {
    436453                width: 100%;
    437454                z-index: 1;
     
    447464
    448465            h2,
    449             .wp-block-cover-image-text {
     466            .wp-block-cover-image-text,
     467            .wp-block-cover-text {
    450468                padding: $size__spacing-unit;
    451469            }
     
    456474
    457475            h2,
    458             .wp-block-cover-image-text {
     476            .wp-block-cover-image-text,
     477            .wp-block-cover-text {
    459478                padding: $size__spacing-unit;
    460479            }
     
    629648        }
    630649    }
     650
     651    //! Custom colors
     652    .has-primary-background-color {
     653        background-color: $color__link;
     654
     655        p,
     656        h1,
     657        h2,
     658        h3,
     659        h4,
     660        h5,
     661        h6,
     662        a {
     663            color: $color__background-body;
     664        }
     665    }
    631666}
Note: See TracChangeset for help on using the changeset viewer.