WordPress/wp-content/themes/twentynineteen/style-editor-customizer.css

96 lines
3.0 KiB
CSS
Raw Normal View History

/*!
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. Built from https://develop.svn.wordpress.org/branches/5.0@43892 git-svn-id: http://core.svn.wordpress.org/branches/5.0@43721 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-11-12 18:20:51 -05:00
Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
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. Built from https://develop.svn.wordpress.org/branches/5.0@43892 git-svn-id: http://core.svn.wordpress.org/branches/5.0@43721 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-11-12 18:20:51 -05:00
NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
*/
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. Built from https://develop.svn.wordpress.org/branches/5.0@43892 git-svn-id: http://core.svn.wordpress.org/branches/5.0@43721 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2018-11-12 18:20:51 -05:00
/** === Includes === */
/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
* since its edges can look jagged due to lack of antialiasing. In this case, we are several
* layers of box-shadow to add the border visually, which will render the border smoother. */
/* Fallback for non-latin fonts */
/* Calculates maximum width for post content */
/* Nested sub-menu padding: 10 levels deep */
/** === Non-Latin font fallbacks === */
/* Arabic */
html[lang="ar"] .wp-block *,
html[lang="ary"] .wp-block *,
html[lang="azb"] .wp-block *,
html[lang="ckb"] .wp-block *,
html[lang="fa-IR"] .wp-block *,
html[lang="haz"] .wp-block *,
html[lang="ps"] .wp-block * {
font-family: Tahoma, Arial, sans-serif !important;
}
/* Cyrillic */
html[lang="be"] .wp-block *,
html[lang="bg-BG"] .wp-block *,
html[lang="kk"] .wp-block *,
html[lang="mk-MK"] .wp-block *,
html[lang="mn"] .wp-block *,
html[lang="ru-RU"] .wp-block *,
html[lang="sah"] .wp-block *,
html[lang="sr-RS"] .wp-block *,
html[lang="tt-RU"] .wp-block *,
html[lang="uk"] .wp-block * {
font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
}
/* Chinese (Hong Kong) */
html[lang="zh-HK"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (Taiwan) */
html[lang="zh-TW"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Chinese (China) */
html[lang="zh-CN"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
}
/* Devanagari */
html[lang="bn-BD"] .wp-block *,
html[lang="hi-IN"] .wp-block *,
html[lang="mr"] .wp-block *,
html[lang="ne-NP"] .wp-block * {
font-family: Arial, sans-serif !important;
}
/* Greek */
html[lang="el"] .wp-block * {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* Gujarati */
html[lang="gu"] .wp-block * {
font-family: Arial, sans-serif !important;
}
/* Hebrew */
html[lang="he-IL"] .wp-block * {
font-family: 'Arial Hebrew', Arial, sans-serif !important;
}
/* Japanese */
html[lang="ja"] .wp-block * {
font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
}
/* Korean */
html[lang="ko-KR"] .wp-block * {
font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
}
/* Thai */
html[lang="th"] .wp-block * {
font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
}
/* Vietnamese */
html[lang="vi"] .wp-block * {
font-family: 'Libre Franklin', sans-serif !important;
}