<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[43904] branches/5.0/src/wp-content/themes/twentynineteen: Updating Twenty Nineteen, our new default theme for 2019, set for 5.0.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/43904">43904</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"https://core.trac.wordpress.org/changeset/43904","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>allancole</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2018-11-16 00:13:32 +0000 (Fri, 16 Nov 2018)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Updating Twenty Nineteen, our new default theme for 2019, set for 5.0.
This update changes the following:
- Improve menu UI to support keyboard navigation in both directions
- Improve more-menu-link visibility when no menu items are hidden
- Improve text-selection custom colors for better contrast and legibility
- Improve support for sticky toolbars in the editor
- Improve table element fonts
- Add .button class support
- Remove translation escaping
- Fix menu JS to prevent unused touched event listeners
- Fix duplicate more-menu-link issue on selective refresh in the customizer
- Fix editor font-weights for headings
- Fix search form input style
- Fix nested blockquote styles
- Fix download block button style when download text stretches more than one line
- Fix audio block centering issue
- Fix align-full blocks in the editor so they don't create horizontal scrollbars
- Fix editor to prevent Gutenberg's meta boxes area from overlapping the content
Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen
Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, ntwb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins12, peterwilsoncc, DannyCooper, WPprodigy, siriokun, briannaorg, 00travelgirl00, shahjehanali1, ianbelanger79, nadim1992, Ismail-elkorchi, nativeinside, iamchetanp, grappler, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, jasmussen, laurelfulford, mdawaffe, kraftbj, dereksmart, naokomc, mayukojpn, enodekciw, chetansatasiya, ketuchetan, atanas-angelov-dev, carolinan, sharazghouri, artisan-asad, mukeshpanchal27, mukesh27, burhandodhy, @crunnells, aryaprakasa, tlxo, themeroots, whizbangik, yingles, tlxo, youthkee, brentswisher, smy315, ahmadawais, desi-developer, 2ndkauboy, mor10.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches50srcwpcontentthemestwentynineteeninccolorpatternsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninctemplatefunctionsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjsprioritymenujs">branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjstouchkeyboardnavigationjs">branches/5.0/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenprintcss">branches/5.0/src/wp-content/themes/twentynineteen/print.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenprintscss">branches/5.0/src/wp-content/themes/twentynineteen/print.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenreadmetxt">branches/5.0/src/wp-content/themes/twentynineteen/readme.txt</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassblocks_blocksscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasselements_elementsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasselements_tablesscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassforms_buttonsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassforms_fieldsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssiteprimary_postsandpagesscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssitesecondary_widgetsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassvariablessite_fontsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorcss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorscss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstylertlcss">branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstylecss">branches/5.0/src/wp-content/themes/twentynineteen/style.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="branches50srcwpcontentthemestwentynineteeninccolorpatternsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,18 +26,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @param int $saturation Color saturation level.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
- $saturation = $saturation . '%';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
+ $saturation = $saturation . '%';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
- $lightness = $lightness . '%';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
+ $saturation_selection = $saturation_selection . '%';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
- $lightness_hover = $lightness_hover . '%';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
+ $lightness = $lightness . '%';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
- $lightness_selection = $lightness_selection . '%';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
+ $lightness_hover = $lightness_hover . '%';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
+ $lightness_selection = $lightness_selection . '%';
+
</ins><span class="cx" style="display: block; padding: 0 10px"> $theme_css = '
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Set background for:
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -82,7 +85,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * - Widget links
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- a:visited,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a:not(.button):visited,
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul.main-menu > li > a,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -168,10 +171,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Text selection colors */
</span><span class="cx" style="display: block; padding: 0 10px"> ::selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> ::-moz-selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $editor_css = '
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -186,7 +189,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
+ .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -209,7 +213,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Hover colors */
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block a:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .editor-block-list__layout .editor-block-list__block a:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .editor-block-list__layout .editor-block-list__block a:active,
+ .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninctemplatefunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -205,19 +205,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'menu-1' === $args->theme_location ) :
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $nav_menu .= '<div class="main-menu-more" >';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $nav_menu .= '<div class="main-menu-more">';
</ins><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= '<ul class="main-menu" tabindex="0">';
</span><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= '<li class="menu-item menu-item-has-children">';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html( 'More', 'twentynineteen' ) . '</a>';
- $nav_menu .= '<span class="submenu-expand main-menu-more-toggle" tabindex="-1">';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html__( 'More', 'twentynineteen' ) . '</a>';
+ $nav_menu .= '<span class="submenu-expand main-menu-more-toggle is-empty" tabindex="-1">';
</ins><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
</span><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= '</span>';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $nav_menu .= '<ul class="sub-menu hidden-links is-hidden">';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $nav_menu .= '<ul class="sub-menu hidden-links">';
</ins><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $nav_menu .= '<a class="menu-item-link-return" id="menu-item-link-return-1877" href="#menu-item-link-1877" onclick="event.preventDefault();" tabindex="-1">';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $nav_menu .= '<span class="menu-item-link-return">';
</ins><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
</span><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= esc_html__( 'Back', 'twentynineteen' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $nav_menu .= '</a>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $nav_menu .= '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= '</li>';
</span><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= '</ul>';
</span><span class="cx" style="display: block; padding: 0 10px"> $nav_menu .= '</li>';
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjsprioritymenujs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,42 @@
</span><span class="cx" style="display: block; padding: 0 10px"> (function() {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Debounce
+ *
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ */
+ function debounce(func, wait, immediate) {
+ 'use strict';
+
+ var timeout;
+ wait = (typeof wait !== 'undefined') ? wait : 20;
+ immediate = (typeof immediate !== 'undefined') ? immediate : true;
+
+ return function() {
+
+ var context = this, args = arguments;
+ var later = function() {
+ timeout = null;
+
+ if (!immediate) {
+ func.apply(context, args);
+ }
+ };
+
+ var callNow = immediate && !timeout;
+
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+
+ if (callNow) {
+ func.apply(context, args);
+ }
+ };
+ }
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Prepends an element to a container.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param {Element} container
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,9 +55,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param {Element} element
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- function showElement(element) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function showButton(element) {
</ins><span class="cx" style="display: block; padding: 0 10px"> // classList.remove is not supported in IE11
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- element.className = element.className.replace('is-hidden', '');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ element.className = element.className.replace('is-empty', '');
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,40 +65,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param {Element} element
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- function hideElement(element) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function hideButton(element) {
</ins><span class="cx" style="display: block; padding: 0 10px"> // classList.add is not supported in IE11
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if (!element.classList.contains('is-hidden')) {
- element.className += ' is-hidden';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if (!element.classList.contains('is-empty')) {
+ element.className += ' is-empty';
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Toggles the element visibility.
- *
- * @param {Element} element
- */
- function toggleElementVisibility(element) {
- if (element.classList.contains('is-hidden')) {
- showElement(element);
- } else {
- hideElement(element);
- }
- }
-
- var navContainer = document.querySelector('.main-navigation');
- // Adds the necessary UI to operate the menu.
- var toggleButton = document.querySelector('.main-navigation .main-menu-more-toggle');
- var visibleList = document.querySelector('.main-navigation .main-menu[id]');
- var hiddenList = document.querySelector('.main-navigation .hidden-links');
- var breaks = [];
-
- /**
</del><span class="cx" style="display: block; padding: 0 10px"> * Returns the currently available space in the menu container.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @returns {number} Available space
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- function getAvailableSpace() {
- return toggleButton.classList.contains('hidden') ? navContainer.offsetWidth : navContainer.offsetWidth - toggleButton.offsetWidth - 50;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function getAvailableSpace( button, container ) {
+ return container.offsetWidth - button.offsetWidth - 50;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -69,60 +86,106 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @returns {boolean} Is overflowing
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- function isOverflowingNavivation() {
- return visibleList.offsetWidth > getAvailableSpace();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function isOverflowingNavivation( list, button, container ) {
+ return list.offsetWidth > getAvailableSpace( button, container );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Set menu container variable
+ */
+ var navContainer = document.querySelector('.main-navigation');
+ var breaks = [];
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Refreshes the list item from the menu depending on the menu size
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- function updateNavigationMenu() {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function updateNavigationMenu( container ) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if (isOverflowingNavivation()) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Adds the necessary UI to operate the menu.
+ var visibleList = container.parentNode.querySelector('.main-menu[id]');
+ var hiddenList = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
+ var toggleButton = visibleList.parentNode.nextElementSibling.querySelector('.main-menu-more-toggle');
+
+ if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Record the width of the list
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- breaks.push(visibleList.offsetWidth);
- // Move item to the hidden list
- prependElement(hiddenList, visibleList.lastChild);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ breaks.push( visibleList.offsetWidth );
+ // Move last item to the hidden list
+ prependElement( hiddenList, ! visibleList.lastChild || null === visibleList.lastChild ? visibleList.previousElementSibling : visibleList.lastChild );
</ins><span class="cx" style="display: block; padding: 0 10px"> // Show the toggle button
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- showElement(toggleButton);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ showButton( toggleButton );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> // There is space for another item in the nav
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if (getAvailableSpace() > breaks[breaks.length - 1]) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( getAvailableSpace( toggleButton, container ) > breaks[breaks.length - 1] ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> // Move the item to the visible list
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- visibleList.appendChild(hiddenList.firstChild.nextSibling);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ visibleList.appendChild( hiddenList.firstChild.nextSibling );
</ins><span class="cx" style="display: block; padding: 0 10px"> breaks.pop();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Hide the dropdown btn if hidden list is empty
</span><span class="cx" style="display: block; padding: 0 10px"> if (breaks.length < 2) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- hideElement(toggleButton);
- hideElement(hiddenList);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ hideButton( toggleButton );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Recur if the visible list is still overflowing the nav
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if (isOverflowingNavivation()) {
- updateNavigationMenu();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
+ updateNavigationMenu( container );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Event listeners
- // Run our sub-menu function as soon as the document is `ready`
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Run our priority+ function as soon as the document is `ready`
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> document.addEventListener( 'DOMContentLoaded', function() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- updateNavigationMenu();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ updateNavigationMenu( navContainer );
+
+ // Also, run our priority+ function on selective refresh in the customizer
+ var hasSelectiveRefresh = (
+ 'undefined' !== typeof wp &&
+ wp.customize &&
+ wp.customize.selectiveRefresh
+ );
+
+ if ( hasSelectiveRefresh ) {
+ // Force a full refresh on partial content renders to re-run updateNavigationMenu()
+ wp.customize.selectiveRefresh.bind('partial-content-rendered', function () {
+ wp.customize.preview.send('refresh');
+ });
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Run our priority+ function on load
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> window.addEventListener('load', function() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- updateNavigationMenu();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ updateNavigationMenu( navContainer );
</ins><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- window.addEventListener('resize', function() {
- updateNavigationMenu();
- });
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Run our priority+ function every time the window resizes
+ */
+ var isResizing = false;
+ window.addEventListener( 'resize',
+ debounce( function() {
+ if ( isResizing ) {
+ return;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- toggleButton.addEventListener('click', function() {
- toggleElementVisibility(hiddenList);
- });
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ isResizing = true;
+ setTimeout( function() {
+ updateNavigationMenu( navContainer );
+ isResizing = false;
+ }, 150 );
+ } )
+ );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- updateNavigationMenu();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Run our priority+ function
+ */
+ updateNavigationMenu( navContainer );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> })();
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjstouchkeyboardnavigationjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,7 +6,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> (function() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Debounce
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Debounce
+ *
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function debounce(func, wait, immediate) {
</span><span class="cx" style="display: block; padding: 0 10px"> 'use strict';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -36,7 +42,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> };
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Add Class
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Add class
+ *
+ * @param {Object} el
+ * @param {string} cls
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function addClass(el, cls) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
</span><span class="cx" style="display: block; padding: 0 10px"> el.className += ' ' + cls;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -43,12 +54,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Delete Class
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Delete class
+ *
+ * @param {Object} el
+ * @param {string} cls
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function deleteClass(el, cls) {
</span><span class="cx" style="display: block; padding: 0 10px"> el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Has Class?
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Has class?
+ *
+ * @param {Object} el
+ * @param {string} cls
+ *
+ * @returns {boolean} Has class
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function hasClass(el, cls) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( el.className.match( '(?:^|\\s)' + cls + '(?!\\S)' ) ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,7 +79,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Toggle Aria Expanded state for screenreaders
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Toggle Aria Expanded state for screenreaders
+ *
+ * @param {Object} ariaItem
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function toggleAriaExpandedState( ariaItem ) {
</span><span class="cx" style="display: block; padding: 0 10px"> 'use strict';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -71,7 +98,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ariaItem.setAttribute('aria-expanded', ariaState);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Open sub-menu
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Open sub-menu
+ *
+ * @param {Object} currentSubMenu
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function openSubMenu( currentSubMenu ) {
</span><span class="cx" style="display: block; padding: 0 10px"> 'use strict';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -84,7 +115,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> toggleAriaExpandedState( currentSubMenu.previousSibling );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Close sub-menu
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Close sub-menu
+ *
+ * @param {Object} currentSubMenu
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function closeSubMenu( currentSubMenu ) {
</span><span class="cx" style="display: block; padding: 0 10px"> 'use strict';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -116,7 +151,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Find first ancestor of an element by selector
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Find first ancestor of an element by selector
+ *
+ * @param {Object} child
+ * @param {String} selector
+ * @param {String} stopSelector
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function getCurrentParent( child, selector, stopSelector ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> var currentParent = null;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -139,24 +180,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return currentParent;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Remove all off-canvas states
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Remove all off-canvas states
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function removeAllFocusStates() {
</span><span class="cx" style="display: block; padding: 0 10px"> 'use strict';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- var getFocusedElements = document.querySelectorAll(':hover, :focus, :focus-within');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ var siteBranding = document.getElementsByClassName( 'site-branding' )[0];
+ var getFocusedElements = siteBranding.querySelectorAll(':hover, :focus, :focus-within');
+ var getFocusedClassElements = siteBranding.querySelectorAll('.is-focused');
</ins><span class="cx" style="display: block; padding: 0 10px"> var i;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ var o;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> for ( i = 0; i < getFocusedElements.length; i++) {
</span><span class="cx" style="display: block; padding: 0 10px"> getFocusedElements[i].blur();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ for ( o = 0; o < getFocusedClassElements.length; o++) {
+ deleteClass( getFocusedClassElements[o], 'is-focused' );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Matches polyfill for IE11
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Matches polyfill for IE11
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> if (!Element.prototype.matches) {
</span><span class="cx" style="display: block; padding: 0 10px"> Element.prototype.matches = Element.prototype.msMatchesSelector;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Toggle `focus` class to allow sub-menu access on touch screens.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Toggle `focus` class to allow sub-menu access on touch screens.
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function toggleSubmenuDisplay() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> document.addEventListener('touchstart', function(event) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -210,11 +264,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( null != mainNav && hasClass( mainNav, '.main-navigation' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> // Prevent default mouse events
</span><span class="cx" style="display: block; padding: 0 10px"> event.preventDefault();
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ } else if (
+ event.target.matches('.submenu-expand') ||
+ null != getCurrentParent( event.target, '.submenu-expand' ) &&
+ getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ||
+ event.target.matches('.menu-item-link-return') ||
+ null != getCurrentParent( event.target, '.menu-item-link-return' ) &&
+ getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
+ // Prevent default mouse events
+ event.preventDefault();
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Prevent default mouse events
- event.preventDefault();
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Prevent default mouse/focus events
</span><span class="cx" style="display: block; padding: 0 10px"> removeAllFocusStates();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -222,23 +282,23 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> document.addEventListener('focus', function(event) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( event.target.matches('.main-navigation > div > ul > li > a') ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( event.target.matches('.main-navigation > div > ul > li a') ) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Remove Focuse elements in sibling div
- var currentDiv = getCurrentParent( event.target, 'div' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Remove Focused elements in sibling div
+ var currentDiv = getCurrentParent( event.target, 'div', '.main-navigation' );
</ins><span class="cx" style="display: block; padding: 0 10px"> var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
</span><span class="cx" style="display: block; padding: 0 10px"> var focusedElement = currentDivSibling.querySelector( '.is-focused' );
</span><span class="cx" style="display: block; padding: 0 10px"> var focusedClass = 'is-focused';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- var prevLi = event.target.parentNode.previousElementSibling;
- var nextLi = event.target.parentNode.nextElementSibling;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ var prevLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).previousElementSibling;
+ var nextLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).nextElementSibling;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> deleteClass( focusedElement, focusedClass );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Add .is-focused class to top-level ul
- if ( event.target.parentNode.querySelector( '.main-navigation ul ul') ) {
- addClass( event.target.parentNode, focusedClass );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add .is-focused class to top-level li
+ if ( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ) ) {
+ addClass( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ), focusedClass );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Check for previous li
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -251,27 +311,52 @@
</span><span class="cx" style="display: block; padding: 0 10px"> deleteClass( nextLi, focusedClass );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> }, true);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ document.addEventListener('click', function(event) {
+
+ // Remove all focused menu states when clicking outside site branding
+ if ( event.target !== document.getElementsByClassName( 'site-branding' )[0] ) {
+ removeAllFocusStates();
+ } else {
+ // nothing
+ }
+
+ }, false);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Run our sub-menu function as soon as the document is `ready`
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Run our sub-menu function as soon as the document is `ready`
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> document.addEventListener( 'DOMContentLoaded', function() {
</span><span class="cx" style="display: block; padding: 0 10px"> toggleSubmenuDisplay();
</span><span class="cx" style="display: block; padding: 0 10px"> });
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Annnnnd also every time the window resizes
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /**
+ * Run our sub-menu function on selective refresh in the customizer
+ */
+ document.addEventListener( 'customize-preview-menu-refreshed', function( e, params ) {
+ if ( 'menu-1' === params.wpNavMenuArgs.theme_location ) {
+ toggleSubmenuDisplay();
+ }
+ });
+
+ /**
+ * Run our sub-menu function every time the window resizes
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> var isResizing = false;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- window.addEventListener( 'resize',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ window.addEventListener( 'resize', function() {
+ isResizing = true;
</ins><span class="cx" style="display: block; padding: 0 10px"> debounce( function() {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( isResizing ) {
</span><span class="cx" style="display: block; padding: 0 10px"> return;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- isResizing = true;
- setTimeout( function() {
- toggleSubmenuDisplay();
- isResizing = false;
- }, 150 );
- } )
- );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ toggleSubmenuDisplay();
+ isResizing = false;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }, 150 );
+ } );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> })();
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenprintcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/print.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/print.css 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/print.css 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,6 +19,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @page {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2cm;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry {
+ margin-top: 1em;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-header, .site-footer .site-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -97,9 +100,53 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-title:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-meta, .entry-footer,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-description:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .post-navigation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .post-navigation,
+ .widget-area,
+ .comment-form-flex {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Site Header (With Featured Image) */
+ .site-header.featured-image {
+ min-height: 0;
+ }
+ .site-header.featured-image .main-navigation a,
+ .site-header.featured-image .main-navigation a + svg,
+ .site-header.featured-image .social-navigation a,
+ .site-header.featured-image .site-title a,
+ .site-header.featured-image .site-featured-image a,
+ .site-header.featured-image .site-branding .site-title,
+ .site-header.featured-image .site-branding .site-description,
+ .site-header.featured-image .main-navigation a:after,
+ .site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
+ .site-header.featured-image .main-navigation li,
+ .site-header.featured-image .social-navigation li,
+ .site-header.featured-image .entry-meta,
+ .site-header.featured-image .entry-title {
+ color: #000;
+ text-shadow: none;
+ }
+ .site-header.featured-image .site-featured-image .entry-header,
+ .site-header.featured-image .site-branding-container {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .site-header.featured-image .site-featured-image .post-thumbnail img {
+ position: relative;
+ height: initial;
+ width: initial;
+ object-fit: none;
+ min-width: 0;
+ min-height: 0;
+ max-width: 100%;
+ margin-top: 1rem;
+ }
+ /* Remove image filters from featured image */
+ .image-filters-enabled *:after {
+ display: none !important;
+ }
+ .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
+ filter: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenprintscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/print.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/print.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/print.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,6 +23,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2cm;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry {
+ margin-top: 1em;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-header, .site-footer .site-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,9 +124,62 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-title:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-meta, .entry-footer,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-description:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .post-navigation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .post-navigation,
+ .widget-area,
+ .comment-form-flex {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /* Site Header (With Featured Image) */
+ .site-header.featured-image {
+ min-height: 0;
+
+ .main-navigation a,
+ .main-navigation a + svg,
+ .social-navigation a,
+ .site-title a,
+ .site-featured-image a,
+ .site-branding .site-title,
+ .site-branding .site-description,
+ .main-navigation a:after,
+ .main-navigation .main-menu > li.menu-item-has-children:after,
+ .main-navigation li,
+ .social-navigation li,
+ .entry-meta,
+ .entry-title {
+ color: #000;
+ text-shadow: none;
+ }
+
+ .site-featured-image .entry-header,
+ .site-branding-container {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .site-featured-image .post-thumbnail img {
+ position: relative;
+ height: initial;
+ width: initial;
+ object-fit: none;
+ min-width: 0;
+ min-height: 0;
+ max-width: 100%;
+ margin-top: 1rem;
+ }
+ }
+
+ /* Remove image filters from featured image */
+ .image-filters-enabled {
+
+ *:after {
+ display: none !important;
+ }
+
+ .site-header.featured-image .site-featured-image .post-thumbnail img {
+ filter: none;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenreadmetxt"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/readme.txt</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/readme.txt 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/readme.txt 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,12 +2,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> [](https://travis-ci.org/WordPress/twentynineteen)
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-**Contributors:** the WordPress team
-**Requires at least:** WordPress 4.9.6
-**Tested up to:** WordPress 4.9.8
-**Version:** 1.0
-**License:** GPLv2 or later
-**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+**Contributors:** the WordPress team
+**Requires at least:** WordPress 4.9.6
+**Tested up to:** WordPress 4.9.8
+**Version:** 1.0
+**License:** GPLv2 or later
+**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
</ins><span class="cx" style="display: block; padding: 0 10px"> **Tags:** one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ## Description
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassblocks_blocksscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -147,11 +147,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: (0.33 * $desktop_width);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- &.aligncenter {
- margin: 32px calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Video
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -243,7 +238,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: ( .75 * $size__spacing-unit );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> li ul {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -622,7 +617,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Twitter Embed
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-embed-twitter {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- overflow: hidden;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Table
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -639,6 +634,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file__button {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> @include button-transition;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -650,6 +646,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: ($size__spacing-unit * .75) $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
+ margin-top: calc(0.75 * #{$size__spacing-unit});
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-base;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -667,10 +665,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- * + .wp-block-file__button {
- margin-left: ($size__spacing-unit * .75);
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Code
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasselements_elementsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -77,7 +77,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 2px solid $color__link;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -($size__spacing-unit * 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 0 $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> > p {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasselements_tablesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,6 +2,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> border-collapse: collapse;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: $font__heading;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> td,
</span><span class="cx" style="display: block; padding: 0 10px"> th {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassforms_buttonsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,25 +9,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-sm;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: bottom;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-button-hover;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:hover,
- &:focus {
- background: $color__background-button-hover;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:visited {
+ color: $color__background-body;
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-button-hover;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassforms_fieldsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,6 +20,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-appearance: none;
+ outline-offset: 0;
+ border-radius: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: $color__link;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,6 +31,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="search"] {
+ &::-webkit-search-decoration {
+ display: none;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> select {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -64,6 +64,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .submenu-expand {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: #{0.5 * $size__spacing-unit};
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -85,6 +86,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-customizer-unloading &,
+ &.is-empty {
+ display: none;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> svg {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0.2rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -97,10 +103,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .is-hidden {
- display: none;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .sub-menu {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -110,10 +112,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: -999px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: -9999px;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 99999;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -181,6 +182,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ > a:empty {
+ display: none;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.mobile-parent-nav-menu-item {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -394,12 +399,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Fade-in animation for top-level submenus
+ */
+ .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
+ animation: fade_in 0.1s forwards;
+ }
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Full-screen touch device styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-menu .menu-item-has-children.off-canvas .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- animation: fade_in 0.1s forwards;
-
</del><span class="cx" style="display: block; padding: 0 10px"> .submenu-expand .svg-icon {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(270deg);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -463,6 +473,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ // Hide duplicate menu-more-link when re-loading a menu in the customizer
+ .main-menu-more {
+ &:nth-child(n+3) {
+ display: none;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Menu animation */
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteprimary_postsandpagesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -212,9 +212,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.button,
</ins><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.button {
+ display: inline-block;
+ }
+
+ &.button:hover {
+ background: $color__background-button-hover;
+ color: $color__background-body;
+ cursor: pointer;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Overwrite iframe embeds that have inline styles.
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssitesecondary_widgetsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,7 +61,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_calendar .calendar_wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: $font__heading;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table td,
</span><span class="cx" style="display: block; padding: 0 10px"> table th {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassvariablessite_fontsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +1,20 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVL
wSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
+ url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQ
AAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
+
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Font and typographic variables
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$font__body: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> $font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> $font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
</span><span class="cx" style="display: block; padding: 0 10px"> $font__pre: "Courier 10 Pitch", Courier, monospace;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,12 +2,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Nineteen Editor Styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Includes === */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* 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 */
</del><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Chrome renders extra-wide characters for the Hoefler Text font.
</span><span class="cx" style="display: block; padding: 0 10px"> * This results in a jumping cursor when typing in both the Classic and block
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,6 +14,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaB
kppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVLwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAID
Zb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRb
gAAAAA2AhRFAAAAADYCNuG) format("woff");
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* 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 */
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Editor Frame === */
</span><span class="cx" style="display: block; padding: 0 10px"> body .wp-block[data-align="full"] {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,32 +26,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 600px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body {
- padding-top: 0;
- }
- body :not(.editor-inner-blocks) > .editor-block-list__layout,
- body .editor-post-title {
- padding-left: 0;
- padding-right: 0;
- }
- body .editor-writing-flow {
- padding-top: 50px;
- overflow: hidden;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> body .wp-block[data-align="full"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- position: relative;
- left: 45px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc( 100% + 90px);
+ max-width: calc( 100% + 90px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body :not(.editor-inner-blocks) > .editor-block-list__layout,
- body .editor-post-title {
- padding-left: 46px;
- padding-right: 46px;
- }
- body .editor-block-list__layout,
- body .editor-post-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body .editor-writing-flow {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 80%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 10%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -68,7 +50,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> left: calc( -12.5% - 14px);
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc( 125% + 116px);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( 125% + 116px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( 125% + 115px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> body .wp-block[data-align="right"] {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 125%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -116,6 +98,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h5,
</span><span class="cx" style="display: block; padding: 0 10px"> h6 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -234,8 +217,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Default Appender === */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.editor-default-block-appender .editor-default-block-appender__content {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -253,6 +236,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.25em 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Table === */
+.wp-block-table {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Cover === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -508,7 +496,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__textlink {
+ text-decoration: underline;
+ color: #0073aa;
+}
+
+.wp-block-file .wp-block-file__textlink:hover {
+ color: #005177;
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -516,6 +515,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button-richtext-wrapper {
+ display: block;
+ margin-top: calc(0.75 * 1rem);
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Verse === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse pre {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -600,7 +605,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-categories ul ul li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -702,7 +707,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-freeform {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add style for galleries in classic-editor block */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Add style for galleries in classic-editor block */
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-freeform blockquote {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -716,50 +720,3 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-.wp-block-freeform .gallery {
- display: flex;
-}
-
-.wp-block-freeform .gallery .gallery-item {
- padding: 0.5rem;
- text-align: center;
- vertical-align: top;
- width: 100%;
-}
-
-.wp-block-freeform .gallery .gallery-item .gallery-caption {
- margin: 0;
-}
-
-.wp-block-freeform .gallery.gallery-columns-2 .gallery-item {
- max-width: calc( ( 12 / 2 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-3 .gallery-item {
- max-width: calc( ( 12 / 3 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-4 .gallery-item {
- max-width: calc( ( 12 / 4 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-5 .gallery-item {
- max-width: calc( ( 12 / 5 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-6 .gallery-item {
- max-width: calc( ( 12 / 6 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-7 .gallery-item {
- max-width: calc( ( 12 / 7 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-8 .gallery-item {
- max-width: calc( ( 12 / 8 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-9 .gallery-item {
- max-width: calc( ( 12 / 9 ) * (100% / 12));
-}
</del></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,20 +8,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @import "sass/variables-site/colors";
</span><span class="cx" style="display: block; padding: 0 10px"> @import "sass/mixins/mixins-master";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*
- * Chrome renders extra-wide characters for the Hoefler Text font.
- * This results in a jumping cursor when typing in both the Classic and block
- * editors. The following font-face override fixes the issue by manually inserting
- * a custom font that includes just a Hoefler Text space replacement for that
- * character instead.
- */
-@font-face {
- font-family: 'NonBreakingSpaceOverride';
- src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVL
wSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
- url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQ
AAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
-
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /** === Editor Frame === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,35 +17,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(mobile) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 0;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
- .editor-post-title {
- padding-left: 0;
- padding-right: 0;
- }
-
- .editor-writing-flow {
- padding-top: 50px;
- overflow: hidden;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="full"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- position: relative;
- left: 45px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc( 100% + 90px );
+ max-width: calc( 100% + 90px );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
- .editor-post-title {
- padding-left: 46px;
- padding-right: 46px;
- }
-
- .editor-block-list__layout,
- .editor-post-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .editor-writing-flow {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 80%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 10%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -79,7 +46,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> left: calc( -12.5% - 14px );
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc( 125% + 116px );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( 125% + 116px );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( 125% + 115px ); // Subtract 1px here to avoid the rounding errors that happen due to the usage of percentages.
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="right"] {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -112,7 +79,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size_base;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: 'NonBreakingSpaceOverride', $font__body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: $font__body;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-body;
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-main;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -128,6 +95,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h5,
</span><span class="cx" style="display: block; padding: 0 10px"> h6 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -231,7 +199,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Default Appender === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.editor-default-block-appender .editor-default-block-appender__content {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__body;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size_base;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -256,6 +224,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Table === */
+
+.wp-block-table {
+ font-family: $font__heading;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Cover === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -508,9 +482,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/pullquote"][data-align="full"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(80% - 128px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -523,7 +497,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-file__textlink {
+ text-decoration: underline;
+ color: $color__link;
+
+ &:hover {
+ color: $color__link-hover;
+ text-decoration: none;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file__button {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-sm;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -530,6 +515,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-file__button-richtext-wrapper {
+ display: block;
+ margin-top: calc(0.75 * #{$size__spacing-unit});
+ margin-left: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Verse === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -702,28 +694,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- /* Add style for galleries in classic-editor block */
- .gallery {
-
- display: flex;
-
- .gallery-item {
- padding: ( $size__spacing-unit * .5 );
- text-align: center;
- vertical-align: top;
- width: 100%;
-
- .gallery-caption {
- margin: 0;
- }
- }
-
- // Loops to enumerate the classes for gallery columns.
- @for $i from 2 through 9 {
- &.gallery-columns-#{$i} .gallery-item {
- max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
- }
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,6 +53,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Captions
</span><span class="cx" style="display: block; padding: 0 10px"> ## Galleries
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdV
LwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQ
IFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -401,7 +413,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-font-smoothing: antialiased;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -415,7 +427,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> optgroup,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> text-rendering: optimizeLegibility;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -476,7 +488,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .page-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -844,7 +856,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border-right: 2px solid #0073aa;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: -2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 1rem 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -860,6 +872,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> border-collapse: collapse;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table td,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -880,13 +893,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.76rem 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: bottom;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -895,19 +909,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="button"]:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="reset"]:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"]:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button:hover, .button:focus,
-button:hover,
-button:focus,
-input[type="button"]:hover,
-input[type="button"]:focus,
-input[type="reset"]:hover,
-input[type="reset"]:focus,
-input[type="submit"]:hover,
-input[type="submit"]:focus {
- background: #111;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button:visited,
+button:visited,
+input[type="button"]:visited,
+input[type="reset"]:visited,
+input[type="submit"]:visited {
+ color: #fff;
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -915,6 +927,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="button"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="reset"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"]:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -941,6 +954,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.36rem 0.66rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-appearance: none;
+ outline-offset: 0;
+ border-radius: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="text"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -964,6 +980,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1014,6 +1034,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * selectors don’t get ignored if a browser doesn’t recognize it
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Fade-in animation for top-level submenus
+ */
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Full-screen touch device styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1096,6 +1119,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: text-bottom;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0.2rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1106,19 +1133,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .is-hidden {
- display: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: -999px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: -9999px;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 99999;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1184,6 +1206,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: #005177;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:empty {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1320,12 +1346,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1485,7 +1511,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1543,7 +1569,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> animation: fade_in 0.1s forwards;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1610,6 +1636,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu-more:nth-child(n+3) {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Menu animation */
</span><span class="cx" style="display: block; padding: 0 10px"> @keyframes slide_in_right {
</span><span class="cx" style="display: block; padding: 0 10px"> 100% {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2689,10 +2719,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry .entry-content a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a.button, .entry .entry-content a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a.button {
+ display: inline-block;
+}
+
+.entry .entry-content a.button:hover {
+ background: #111;
+ color: #fff;
+ cursor: pointer;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > iframe[style] {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 32px 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100% !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3395,7 +3435,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_comments ul ul li > a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_entries ul ul li > a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss ul ul li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3510,7 +3550,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_calendar .calendar_wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_calendar .calendar_wrap table td,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3726,11 +3765,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry .entry-content .wp-block-audio.aligncenter {
- margin: 32px calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-video video {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3821,7 +3855,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-categories ul li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3886,7 +3920,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-verse {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4277,7 +4311,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-embed-twitter {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- overflow: hidden;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-table th,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4290,6 +4324,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-file .wp-block-file__button {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: background 150ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4301,6 +4336,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.75rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
+ margin-top: calc(0.75 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4321,10 +4358,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry .entry-content .wp-block-file * + .wp-block-file__button {
- margin-right: 0.75rem;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-code {
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-11-16 00:09:08 UTC (rev 43903)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-11-16 00:13:32 UTC (rev 43904)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,6 +53,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Captions
</span><span class="cx" style="display: block; padding: 0 10px"> ## Galleries
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdV
LwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQ
IFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -401,7 +413,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-font-smoothing: antialiased;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -415,7 +427,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> optgroup,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> text-rendering: optimizeLegibility;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -476,7 +488,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .page-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -844,7 +856,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 2px solid #0073aa;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 0 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -860,6 +872,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> border-collapse: collapse;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table td,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -880,13 +893,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.76rem 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: bottom;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -895,19 +909,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="button"]:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="reset"]:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"]:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button:hover, .button:focus,
-button:hover,
-button:focus,
-input[type="button"]:hover,
-input[type="button"]:focus,
-input[type="reset"]:hover,
-input[type="reset"]:focus,
-input[type="submit"]:hover,
-input[type="submit"]:focus {
- background: #111;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button:visited,
+button:visited,
+input[type="button"]:visited,
+input[type="reset"]:visited,
+input[type="submit"]:visited {
+ color: #fff;
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -915,6 +927,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="button"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="reset"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"]:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -941,6 +954,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.36rem 0.66rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-appearance: none;
+ outline-offset: 0;
+ border-radius: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="text"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -964,6 +980,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1014,6 +1034,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * selectors don’t get ignored if a browser doesn’t recognize it
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Fade-in animation for top-level submenus
+ */
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Full-screen touch device styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1096,6 +1119,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: text-bottom;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0.2rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1106,19 +1133,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .is-hidden {
- display: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: -999px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: -9999px;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 99999;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1184,6 +1206,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: #005177;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:empty {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1320,12 +1346,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1485,7 +1511,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1543,7 +1569,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> animation: fade_in 0.1s forwards;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1610,6 +1636,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu-more:nth-child(n+3) {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Menu animation */
</span><span class="cx" style="display: block; padding: 0 10px"> @keyframes slide_in_right {
</span><span class="cx" style="display: block; padding: 0 10px"> 100% {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2695,10 +2725,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry .entry-content a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a.button, .entry .entry-content a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a.button {
+ display: inline-block;
+}
+
+.entry .entry-content a.button:hover {
+ background: #111;
+ color: #fff;
+ cursor: pointer;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > iframe[style] {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 32px 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100% !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3401,7 +3441,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_comments ul ul li > a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_entries ul ul li > a:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss ul ul li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3516,7 +3556,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_calendar .calendar_wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_calendar .calendar_wrap table td,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3738,11 +3777,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry .entry-content .wp-block-audio.aligncenter {
- margin: 32px calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-video video {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3833,7 +3867,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-categories ul li > a:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3898,7 +3932,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-verse {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4289,7 +4323,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-embed-twitter {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- overflow: hidden;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-table th,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4302,6 +4336,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-file .wp-block-file__button {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: background 150ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4313,6 +4348,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.75rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
+ margin-top: calc(0.75 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4333,10 +4370,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry .entry-content .wp-block-file * + .wp-block-file__button {
- margin-left: 0.75rem;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-code {
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>
</body>
</html>