WordPress.org

Make WordPress Core


Ignore:
Timestamp:
11/02/2018 11:52:16 PM (13 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/site/primary/_comments.scss

    r43842 r43860  
    123123        margin-top: 0;
    124124    }
     125
     126    .pingback {
     127
     128        .comment-body {
     129            color: $color__text-light;
     130            font-family: $font__heading;
     131            font-size: $font__size-xs;
     132            font-weight: 500;
     133            margin-bottom: $size__spacing-unit;
     134
     135            a:not(.comment-edit-link) {
     136                font-weight: bold;
     137                font-size: $font__size-base / (1 * $font__size-ratio);
     138                line-height: 1.5;
     139                padding-right: #{0.5 * $size__spacing-unit};
     140                display: block;
     141            }
     142
     143            .comment-edit-link {
     144                color: $color__text-light;
     145                font-family: $font__heading;
     146                font-weight: 500;
     147            }
     148        }
     149    }
    125150}
    126151
     
    151176    }
    152177
    153     &:hover > .comment-body > .comment-meta > .comment-metadata {
    154         > .edit-link-sep,
    155         > .edit-link {
    156             opacity: 1;
    157         }
    158     }
    159 
    160178    .comment-body {
    161179        margin: calc(2 * #{$size__spacing-unit}) 0;
     
    164182    .comment-meta {
    165183        position: relative;
     184
     185        @include media(tablet) {
     186            display: flex;
     187        }
    166188    }
    167189
     
    169191
    170192        @include media(tablet) {
    171             display: inline-block;
     193            flex: 0 0 auto;
    172194            vertical-align: baseline;
    173195        }
     
    232254
    233255        @include media(tablet) {
    234             display: inline-block;
     256            flex: 1 0 auto;
    235257            margin-left: $size__spacing-unit;
    236258            position: relative;
     
    262284            color: $color__text-light;
    263285            margin: 0 0.2em;
    264             opacity: 0;
    265             transition: opacity 200ms ease-in-out;
    266286            vertical-align: baseline;
    267287        }
     
    269289        .edit-link {
    270290            color: $color__text-light;
    271             transition: opacity 200ms ease-in-out;
    272             opacity: 0;
    273291
    274292            svg {
Note: See TracChangeset for help on using the changeset viewer.