Changeset 43892 for branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

Timestamp:

11/12/2018 11:19:13 PM (6 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:

• branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss (modified) (1 diff)

branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss

@@ -88 +88 @@
 }
 
+/* Fallback for non-latin fonts */
+
+@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
+    
+    /* Arabic */
+    html[lang="ar"] #{$wrapper_classname} *,
+    html[lang="ary"] #{$wrapper_classname} *,
+    html[lang="azb"] #{$wrapper_classname} *,
+    html[lang="ckb"] #{$wrapper_classname} *,
+    html[lang="fa-IR"] #{$wrapper_classname} *,
+    html[lang="haz"] #{$wrapper_classname} *,
+    html[lang="ps"] #{$wrapper_classname} * {
+      font-family: Tahoma, Arial, sans-serif !important;
+    }
+
+    /* Cyrillic */
+    html[lang="be"] #{$wrapper_classname} *,
+    html[lang="bg-BG"] #{$wrapper_classname} *,
+    html[lang="kk"] #{$wrapper_classname} *,
+    html[lang="mk-MK"] #{$wrapper_classname} *,
+    html[lang="mn"] #{$wrapper_classname} *,
+    html[lang="ru-RU"] #{$wrapper_classname} *,
+    html[lang="sah"] #{$wrapper_classname} *,
+    html[lang="sr-RS"] #{$wrapper_classname} *,
+    html[lang="tt-RU"] #{$wrapper_classname} *,
+    html[lang="uk"] #{$wrapper_classname} * {
+      font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
+    }
+
+    /* Chinese (Hong Kong) */
+    html[lang="zh-HK"] #{$wrapper_classname} * {
+        font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+    }
+
+    /* Chinese (Taiwan) */
+    html[lang="zh-TW"] #{$wrapper_classname} * {
+        font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+    }
+
+    /* Chinese (China) */
+    html[lang="zh-CN"] #{$wrapper_classname} * {
+        font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+    }
+
+    /* Devanagari */
+    html[lang="bn-BD"] #{$wrapper_classname} *,
+    html[lang="hi-IN"] #{$wrapper_classname} *,
+    html[lang="mr"] #{$wrapper_classname} *,
+    html[lang="ne-NP"] #{$wrapper_classname} * {
+      font-family: Arial, sans-serif !important;
+    }
+
+    /* Greek */
+    html[lang="el"] #{$wrapper_classname} * {
+      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+    }
+
+    /* Gujarati */
+    html[lang="gu"] #{$wrapper_classname} * {
+      font-family: Arial, sans-serif !important;
+    }
+
+    /* Hebrew */
+    html[lang="he-IL"] #{$wrapper_classname} * {
+      font-family: 'Arial Hebrew', Arial, sans-serif !important;
+    }
+
+    /* Japanese */
+    html[lang="ja"] #{$wrapper_classname} * {
+      font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
+    }
+
+    /* Korean */
+    html[lang="ko-KR"] #{$wrapper_classname} * {
+      font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
+    }
+
+    /* Thai */
+    html[lang="th"] #{$wrapper_classname} * {
+      font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
+    }
+
+    /* Vietnamese */
+    html[lang="vi"] #{$wrapper_classname} * {
+      font-family: 'Libre Franklin', sans-serif !important;
+    }
+}
+
 /* Calculates maximum width for post content */
 @mixin postContentMaxWidth() {
-    max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
 
     @include media(tablet) {
-        max-width: calc(8 * (100vw / 12));
+        max-width: $size__site-tablet-content;
     }
 
     @include media(desktop) {
-        max-width: calc(6 * (100vw / 12));
+        max-width: $size__site-desktop-content;
+    }
+}
+
+/* Nested sub-menu padding: 10 levels deep */
+@mixin nestedSubMenuPadding() {
+
+    ul li > a:before {
+        font-family: $font__body;
+        font-weight: normal;
+    }
+    ul > li > a:before {
+        content: "\2013\00a0";
+    }
+    ul ul li > a:before {
+        content: "\2013\00a0\2013\00a0";
+    }
+    ul ul ul li > a:before {
+        content: "\2013\00a0\2013\00a0\2013\00a0";
+    }
+    ul ul ul ul li > a:before {
+        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+    }
+    ul ul ul ul ul li > a:before {
+        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+    }
+    ul ul ul ul ul ul li > a:before {
+        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+    }
+    ul ul ul ul ul ul ul li > a:before {
+        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+    }
+    ul ul ul ul ul ul ul ul li > a:before {
+        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+    }
+    ul ul ul ul ul ul ul ul ul li > a:before {
+        content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
     }
 }