WordPress.org

Make WordPress Core


Ignore:
Timestamp:
11/12/2018 11:19:13 PM (10 months 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/mixins/_mixins-master.scss

    r43860 r43892  
    8888}
    8989
     90/* Fallback for non-latin fonts */
     91
     92@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
     93   
     94    /* Arabic */
     95    html[lang="ar"] #{$wrapper_classname} *,
     96    html[lang="ary"] #{$wrapper_classname} *,
     97    html[lang="azb"] #{$wrapper_classname} *,
     98    html[lang="ckb"] #{$wrapper_classname} *,
     99    html[lang="fa-IR"] #{$wrapper_classname} *,
     100    html[lang="haz"] #{$wrapper_classname} *,
     101    html[lang="ps"] #{$wrapper_classname} * {
     102      font-family: Tahoma, Arial, sans-serif !important;
     103    }
     104
     105    /* Cyrillic */
     106    html[lang="be"] #{$wrapper_classname} *,
     107    html[lang="bg-BG"] #{$wrapper_classname} *,
     108    html[lang="kk"] #{$wrapper_classname} *,
     109    html[lang="mk-MK"] #{$wrapper_classname} *,
     110    html[lang="mn"] #{$wrapper_classname} *,
     111    html[lang="ru-RU"] #{$wrapper_classname} *,
     112    html[lang="sah"] #{$wrapper_classname} *,
     113    html[lang="sr-RS"] #{$wrapper_classname} *,
     114    html[lang="tt-RU"] #{$wrapper_classname} *,
     115    html[lang="uk"] #{$wrapper_classname} * {
     116      font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
     117    }
     118
     119    /* Chinese (Hong Kong) */
     120    html[lang="zh-HK"] #{$wrapper_classname} * {
     121        font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     122    }
     123
     124    /* Chinese (Taiwan) */
     125    html[lang="zh-TW"] #{$wrapper_classname} * {
     126        font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     127    }
     128
     129    /* Chinese (China) */
     130    html[lang="zh-CN"] #{$wrapper_classname} * {
     131        font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
     132    }
     133
     134    /* Devanagari */
     135    html[lang="bn-BD"] #{$wrapper_classname} *,
     136    html[lang="hi-IN"] #{$wrapper_classname} *,
     137    html[lang="mr"] #{$wrapper_classname} *,
     138    html[lang="ne-NP"] #{$wrapper_classname} * {
     139      font-family: Arial, sans-serif !important;
     140    }
     141
     142    /* Greek */
     143    html[lang="el"] #{$wrapper_classname} * {
     144      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
     145    }
     146
     147    /* Gujarati */
     148    html[lang="gu"] #{$wrapper_classname} * {
     149      font-family: Arial, sans-serif !important;
     150    }
     151
     152    /* Hebrew */
     153    html[lang="he-IL"] #{$wrapper_classname} * {
     154      font-family: 'Arial Hebrew', Arial, sans-serif !important;
     155    }
     156
     157    /* Japanese */
     158    html[lang="ja"] #{$wrapper_classname} * {
     159      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
     160    }
     161
     162    /* Korean */
     163    html[lang="ko-KR"] #{$wrapper_classname} * {
     164      font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
     165    }
     166
     167    /* Thai */
     168    html[lang="th"] #{$wrapper_classname} * {
     169      font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
     170    }
     171
     172    /* Vietnamese */
     173    html[lang="vi"] #{$wrapper_classname} * {
     174      font-family: 'Libre Franklin', sans-serif !important;
     175    }
     176}
     177
    90178/* Calculates maximum width for post content */
    91179@mixin postContentMaxWidth() {
    92     max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
    93180
    94181    @include media(tablet) {
    95         max-width: calc(8 * (100vw / 12));
     182        max-width: $size__site-tablet-content;
    96183    }
    97184
    98185    @include media(desktop) {
    99         max-width: calc(6 * (100vw / 12));
     186        max-width: $size__site-desktop-content;
     187    }
     188}
     189
     190/* Nested sub-menu padding: 10 levels deep */
     191@mixin nestedSubMenuPadding() {
     192
     193    ul li > a:before {
     194        font-family: $font__body;
     195        font-weight: normal;
     196    }
     197    ul > li > a:before {
     198        content: "\2013\00a0";
     199    }
     200    ul ul li > a:before {
     201        content: "\2013\00a0\2013\00a0";
     202    }
     203    ul ul ul li > a:before {
     204        content: "\2013\00a0\2013\00a0\2013\00a0";
     205    }
     206    ul ul ul ul li > a:before {
     207        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     208    }
     209    ul ul ul ul ul li > a:before {
     210        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     211    }
     212    ul ul ul ul ul ul li > a:before {
     213        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     214    }
     215    ul ul ul ul ul ul ul li > a:before {
     216        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     217    }
     218    ul ul ul ul ul ul ul ul li > a:before {
     219        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     220    }
     221    ul ul ul ul ul ul ul ul ul li > a:before {
     222        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
    100223    }
    101224}
Note: See TracChangeset for help on using the changeset viewer.