Make WordPress Core


Ignore:
Timestamp:
10/30/2018 02:13:07 AM (6 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/site/primary/_posts-and-pages.scss

    r43808 r43842  
    2525}
    2626
    27 .hentry {
     27.entry {
    2828
    2929    margin-top: calc(6 * #{$size__spacing-unit});
     
    4040        @include media(tablet) {
    4141            margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit;
    42 
    43             .featured-image & {
    44                 margin-bottom: 0;
    45             }
    4642        }
    4743    }
     
    7066
    7167            margin-right: $size__spacing-unit;
     68            display: inline-block;
    7269
    7370            &:last-child {
     
    9693
    9794    .entry-meta {
    98 
    9995        margin: $size__spacing-unit 0;
    100 
    101         &.has-discussion .comment-count {
    102 
    103             @include media(desktop) {
    104                 float: right;
    105                 position: relative;
    106             }
    107 
    108             .discussion-avatar-list {
    109                 display: none;
    110 
    111                 @include media(desktop) {
    112                     bottom: 100%;
    113                     display: block;
    114                     position: absolute;
    115                 }
    116             }
    117         }
    11896    }
    11997
     
    123101
    124102        @include media(tablet) {
    125             margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
     103            margin: $size__spacing-unit calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
    126104            max-width: calc(8 * (100vw / 12));
    127105        }
     
    163141
    164142            .post-thumbnail-inner {
    165                 @include filter-grayscale;
     143                filter: grayscale(100%);
     144               
     145                &:after {
     146                    background: rgba(#000, 0.35);
     147                    content: "";
     148                    display: block;
     149                    height: 100%;
     150                    opacity: .5;
     151                    pointer-events: none;
     152                    position: absolute;
     153                    top: 0;
     154                    width: 100%;
     155                    z-index: 4;
     156
     157                    @supports (mix-blend-mode: multiply) {
     158                        display: none;
     159                    }
     160                }
    166161            }
    167162
     
    173168                top: 0; left: 0;
    174169                content: "\020";
    175                 display: block;
    176170                pointer-events: none;
    177171            }
    178172
    179173            @include filter-duotone;
    180 
    181         }
    182 
     174           
     175        }
    183176    }
    184177
    185178    .entry-content {
     179
     180        p {
     181            word-wrap: break-word;
     182        }
    186183
    187184        .more-link {
     
    191188
    192189            &:after {
    193                 content: "»";
     190                content: "\02192";
    194191                margin-left: 0.5em;
    195192            }
     
    239236    }
    240237}
     238
     239/* Author description */
     240
     241.author-bio {
     242
     243    margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
     244
     245    @include media(tablet) {
     246        margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
     247        max-width: calc(8 * (100vw / 12));
     248    }
     249
     250    @include media(tablet) {
     251        max-width: calc(6 * (100vw / 12));
     252    }
     253
     254    .author-title {
     255        @include post-section-dash;
     256        display: inline;
     257    }
     258
     259    .author-description {
     260
     261        display: inline;
     262        color: $color__text-light;
     263        font-size: $font__size-md;
     264        line-height: $font__line-height-heading;
     265
     266        .author-link {
     267            display: inline-block;
     268
     269            &:hover {
     270                color: $color__link-hover;
     271                text-decoration: none;
     272            }
     273        }
     274    }
     275}
Note: See TracChangeset for help on using the changeset viewer.