Make WordPress Core


Ignore:
Timestamp:
11/12/2018 11:19:13 PM (5 years ago)
Author:
allancole
Message:

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

This update applies the following changes:

  • Improve menu UI to support keyboard, click and touch interactions
  • Improve variable scoping and js performance in menu interaction javascript
  • Improve custom-colors for selected text, buttons and menu hover styles
  • Improve margins structure for more consistency between editor and frontend
  • Improve discussion avatars for simpler wording and better performance
  • Improve fonts in list widgets and list blocks
  • Improve comment responsive spacing and avatar display
  • Improve various block styles to make them consistent between the editor and frontend
  • Add tabbed browsing support for ie11
  • Add backwards compatibility support for older versions of WordPress
  • Add fallback styles for older versions of WP where Gutenberg is activated and then deactivated (backwards compatibility)
  • Add sizes attribute for featured images to improve responsive performance
  • Add focus-within polyfill
  • Add a footer menu for secondary page links
  • Fix editor styles to prevent conflicts with plugins that add meta boxes to the editor
  • Fix columns block issues on small screens
  • Fix empty-space font text cursor issue in Gutenberg editor
  • Fix RTL floating styles so that left/right floats are honored
  • Fix cover image block margins/padding
  • Fix invalid rgba style
  • Fix php warning when returning attributes
  • Fix gallery widget margins to improve gallery grids
  • Fix .entry-content selectors to prevent shortcodes, plugins and other unknown content from breaking the layout
  • Remove translation escaping to follow code standards in previous default themes
  • Remove custom color output in the fronten header when default color is selected
  • Remove fly-out sub-sub-sub-menu behavior on desktop to prevent sub-menus from falling off the screen
  • General code clean up and coding standards improvements

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, @tlxo, @themeroots, @whizbangik, @yingles, @youthkee, @brentswisher, @smy315, @ahmadawais, @desi-developer.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss

    r43842 r43892  
    3939
    4040        @include media(tablet) {
    41             margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit;
     41            margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $size__spacing-unit;
    4242        }
    4343    }
     
    101101
    102102        @include media(tablet) {
    103             margin: $size__spacing-unit calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
    104             max-width: calc(8 * (100vw / 12));
    105         }
    106 
    107         @include media(tablet) {
    108             max-width: calc(6 * (100vw / 12));
     103            margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
     104            max-width: $size__site-tablet-content;
     105        }
     106
     107        @include media(tablet) {
     108            max-width: $size__site-desktop-content;
    109109        }
    110110    }
     
    115115
    116116        @include media(tablet) {
    117             margin: $size__spacing-unit calc(2 * (100vw / 12));
     117            margin: $size__spacing-unit $size__site-margins;
    118118        }
    119119
     
    131131            }
    132132        }
    133 
    134133    }
    135134
     
    142141            .post-thumbnail-inner {
    143142                filter: grayscale(100%);
    144                
     143
    145144                &:after {
    146                     background: rgba(#000, 0.35);
     145                    background: rgba(0, 0, 0, 0.35);
    147146                    content: "";
    148147                    display: block;
     
    161160            }
    162161
    163             &:before, &:after {
     162            &:before,
     163            &:after, {
    164164                position: absolute;
    165165                display: block;
     
    172172
    173173            @include filter-duotone;
    174            
     174
     175        }
     176    }
     177
     178    .entry-content,
     179    .entry-summary {
     180        max-width: calc(100% - (2 * #{ $size__spacing-unit }));
     181        margin: 0 $size__spacing-unit;
     182
     183        @include media(tablet) {
     184            max-width: 80%;
     185            margin: 0 10%;
     186            padding: 0 60px;
    175187        }
    176188    }
     
    209221        > iframe[style] {
    210222
    211             margin: 32px $size__spacing-unit !important;
    212             max-width: calc(100vw - (2 * #{ $size__spacing-unit })) !important;
     223            margin: 32px 0 !important;
     224            max-width: 100% !important;
    213225
    214226            @include media(tablet) {
    215                 margin: 32px calc(2 * (100vw / 12)) !important;
    216                 max-width: calc(8 * (100vw / 12)) !important;
     227                max-width: $size__site-tablet-content !important;
    217228            }
    218229
    219230            @include media(desktop) {
    220                 max-width: calc(6 * (100vw / 12)) !important;
    221             }
     231                max-width: $size__site-desktop-content !important;
     232            }
     233        }
     234
     235        // Page links
     236        .page-links a {
     237            margin: calc(0.5 * #{$size__spacing-unit});
     238            text-decoration: none;
    222239        }
    223240
     
    227244
    228245            @include media(tablet) {
    229                 max-width: calc(8 * (100vw / 12));
     246                max-width: $size__site-tablet-content;
    230247            }
    231248
    232249            @include media(desktop) {
    233                 max-width: calc(6 * (100vw / 12));
     250                max-width: $size__site-desktop-content;
    234251            }
    235252        }
     
    240257
    241258.author-bio {
    242 
    243259    margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
    244260
     261    @include postContentMaxWidth();
     262
    245263    @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));
     264        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
     265    }
     266
     267    @include media(desktop) {
     268        margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
    252269    }
    253270
Note: See TracChangeset for help on using the changeset viewer.