<!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>[43909] 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/43909">43909</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/43909","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-19 21:26:02 +0000 (Mon, 19 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:
- Fix JS errors in customizer caused by menu scripts
- Fix footer menu spacing
- Fix pullquote block borders to follow Gutenberg's described style
- Fix editor-only styles so they don't appear on the frontend when not needed
- Fix search field widget width on mobile
- Fix :visited .button link colors
- Fix Block toolbar position in the editor
- Fix off-canvas mobile menu to prevent text from overflowing
- Improve column block formatting for the editor and frontend
- Improve CSS optimization for selectors that add `dashes` to multi-level lists
- Improve editor font sizes to use pixels over ems
- Improve styles for galleries in the Classic Editor block
- Improve priority+ more-menu threshold to allow more space for menu-items
- Improve logo size on mobile devices
- Improve customizer color options to present a single, unified color option
- Improve print stylesheet for better spacing and colors
- Add more color options to Gutenberg editor
Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen
Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, jorbin, netweb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins, peterwilsoncc, dannycooper, iCaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, grapplerulrich, ocean90, joshfeck, frankew, AbdulWahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, nao, mayukojpn, enodekciw, ketuchetan, atanasangelovdev, poena, sharaz, artisticasad, mukesh27, burhandodhy, crunnells, aprakasa, themeroots, imonly_ik, tlxo, youthkee, brentswisher, smyoon315, mrahmadawais, desideveloper, Kau-Boy, mor10, mikeyarce, dingo_bastard</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches50srcwpcontentthemestwentynineteenfunctionsphp">branches/5.0/src/wp-content/themes/twentynineteen/functions.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninccolorpatternsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninccustomizerphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninctemplatefunctionsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjscustomizecontrolsjs">branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjscustomizepreviewjs">branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjsprioritymenujs">branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.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="#branches50srcwpcontentthemestwentynineteensassblocks_blocksscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassmedia_galleriesscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassmixins_mixinsmasterscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.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="#branches50srcwpcontentthemestwentynineteensasssitefooter_sitefooterscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssiteheader_siteheaderscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.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="branches50srcwpcontentthemestwentynineteenfunctionsphp"></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/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/functions.php 2018-11-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/functions.php 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -107,21 +107,71 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Enqueue editor styles.
</span><span class="cx" style="display: block; padding: 0 10px"> add_editor_style( 'style-editor.css' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add custom editor font sizes
+ add_theme_support(
+ 'editor-font-sizes',
+ array(
+ array(
+ 'name' => __( 'Small', 'twentynineteen' ),
+ 'shortName' => __( 'S', 'twentynineteen' ),
+ 'size' => 19.5,
+ 'slug' => 'small',
+ ),
+ array(
+ 'name' => __( 'Normal', 'twentynineteen' ),
+ 'shortName' => __( 'M', 'twentynineteen' ),
+ 'size' => 22,
+ 'slug' => 'normal',
+ ),
+ array(
+ 'name' => __( 'Large', 'twentynineteen' ),
+ 'shortName' => __( 'L', 'twentynineteen' ),
+ 'size' => 36.5,
+ 'slug' => 'large',
+ ),
+ array(
+ 'name' => __( 'Huge', 'twentynineteen' ),
+ 'shortName' => __( 'XL', 'twentynineteen' ),
+ 'size' => 49.5,
+ 'slug' => 'huge',
+ ),
+ )
+ );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Editor color palette.
</span><span class="cx" style="display: block; padding: 0 10px"> add_theme_support(
</span><span class="cx" style="display: block; padding: 0 10px"> 'editor-color-palette',
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'name' => __( 'Primary Color', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'name' => __( 'Primary', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'slug' => 'primary',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 33 ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ array(
+ 'name' => __( 'Secondary', 'twentynineteen' ),
+ 'slug' => 'secondary',
+ 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 23 ),
+ ),
+ array(
+ 'name' => __( 'Dark Gray', 'twentynineteen' ),
+ 'slug' => 'dark-gray',
+ 'color' => '#111',
+ ),
+ array(
+ 'name' => __( 'Light Gray', 'twentynineteen' ),
+ 'slug' => 'light-gray',
+ 'color' => '#767676',
+ ),
+ array(
+ 'name' => __( 'White', 'twentynineteen' ),
+ 'slug' => 'white',
+ 'color' => '#FFF',
+ ),
</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"> // Add support for responsive embedded content.
</span><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'responsive-embeds' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'after_setup_theme', 'twentynineteen_setup' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -193,7 +243,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.0', 'all' );
</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 ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( 'custom' === get_theme_mod( 'primary_color' ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> // Include color patterns
</span><span class="cx" style="display: block; padding: 0 10px"> require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -207,16 +257,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_colors_css_wrap() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Only include custom colors in customizer or frontend.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'colorscheme', 'default' ) ) || is_admin() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'primary_color', 'default' ) ) || is_admin() ) {
</ins><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><span class="cx" style="display: block; padding: 0 10px"> require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
</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 ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> $primary_color = 199;
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
</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></pre></div>
<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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,14 +8,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Generate the CSS for the current custom color scheme.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Generate the CSS for the current primary color.
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_custom_colors_css() {
</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 ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> $primary_color = 199;
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
</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">@@ -60,13 +60,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .image-filters-enabled .entry .post-thumbnail:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .sticky-post,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry .entry-content .wp-block-button .wp-block-button__link,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > .has-primary-background-color,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-primary-background-color,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-file .wp-block-file__button {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -85,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:not(.button):visited,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a: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">@@ -97,11 +97,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .comment-edit-link:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> #colophon .site-info a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
- .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
- .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+ .entry .entry-content > .has-primary-color,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
</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">@@ -147,8 +147,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> a:hover, a:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a:hover + svg,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .post-navigation .nav-links a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links a:hover .post-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio .author-description .author-link:hover,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > .has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .fn a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-link:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-previous a:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -165,7 +170,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > .menu-item-link-return:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > .menu-item-link-return:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .sub-menu > li > a:not(.submenu-expand):focus,
+ .entry .entry-content > .has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-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="branches50srcwpcontentthemestwentynineteeninccustomizerphp"></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/customizer.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/customizer.php 2018-11-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +1,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Twenty Nineteen Theme Customizer
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Twenty Nineteen: Customizer
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -35,10 +35,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Custom colors.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Primary color.
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_setting(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'colorscheme',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'primary_color',
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'default' => 'default',
</span><span class="cx" style="display: block; padding: 0 10px"> 'transport' => 'postMessage',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -47,13 +47,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"> $wp_customize->add_control(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'colorscheme',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'primary_color',
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'type' => 'radio',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'label' => __( 'Color Scheme', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'label' => __( 'Primary Color', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'choices' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'default' => _x( 'Default', 'color scheme', 'twentynineteen' ),
- 'custom' => _x( 'Custom', 'color scheme', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'default' => _x( 'Default', 'primary color', 'twentynineteen' ),
+ 'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'section' => 'colors',
</span><span class="cx" style="display: block; padding: 0 10px"> 'priority' => 5,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -60,9 +60,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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Add primary color setting and control.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add primary color hue setting and control.
</ins><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_setting(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'colorscheme_primary_hue',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'primary_color_hue',
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'default' => 199,
</span><span class="cx" style="display: block; padding: 0 10px"> 'transport' => 'postMessage',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,10 +73,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_control(
</span><span class="cx" style="display: block; padding: 0 10px"> new WP_Customize_Color_Control(
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'colorscheme_primary_hue',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'primary_color_hue',
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'label' => __( 'Primary Color', 'twentynineteen' ),
- 'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'section' => 'colors',
</span><span class="cx" style="display: block; padding: 0 10px"> 'mode' => 'hue',
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -83,11 +82,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">+ // Add image filter setting and control.
</ins><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_setting(
</span><span class="cx" style="display: block; padding: 0 10px"> 'image_filter',
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'default' => 'active',
- 'sanitize_callback' => 'twentynineteen_sanitize_image_filter',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'default' => 1,
+ 'sanitize_callback' => 'absint',
</ins><span class="cx" style="display: block; padding: 0 10px"> 'transport' => 'postMessage',
</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">@@ -95,14 +95,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_control(
</span><span class="cx" style="display: block; padding: 0 10px"> 'image_filter',
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'label' => __( 'Featured Image Color Filter', 'twentynineteen' ),
- 'section' => 'colors',
- 'type' => 'radio',
- 'description' => __( "Twenty Nineteen adds a color filter to featured images using your site's primary color. If you disable this effect, the theme will use a black filter in individual posts to keep text readable when it appears on top of the featured image.", 'twentynineteen' ) . '<br/><span style="font-style: normal; display: block; margin-top: 16px;">' . __( 'On Featured Images, apply', 'twentynineteen' ) . '</span>',
- 'choices' => array(
- 'active' => __( 'A color filter', 'twentynineteen' ),
- 'inactive' => __( 'A black filter', 'twentynineteen' ),
- ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'label' => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
+ 'section' => 'colors',
+ 'type' => 'checkbox',
</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">@@ -143,7 +138,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
</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">- * Sanitize image filter choice.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Sanitize custom color choice.
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param string $choice Whether image filter is active.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -161,22 +156,3 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> return 'default';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/**
- * Sanitize image filter choice.
- *
- * @param string $choice Whether image filter is active.
- *
- * @return string
- */
-function twentynineteen_sanitize_image_filter( $choice ) {
- $valid = array(
- 'active',
- 'inactive',
- );
-
- if ( in_array( $choice, $valid, true ) ) {
- return $choice;
- }
-
- return 'active';
-}
</del></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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -106,10 +106,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Returns true if image filters are enabled on the theme options.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_image_filters_enabled() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( 'inactive' === get_theme_mod( 'image_filter' ) ) {
- return false;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( get_theme_mod( 'image_filter', 1 ) ) {
+ return true;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return true;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return false;
</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></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjscustomizecontrolsjs"></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/customize-controls.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/customize-controls.js 2018-11-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,9 +10,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize.bind( 'ready', 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">- // Only show the color hue control when there's a custom color scheme.
- wp.customize( 'colorscheme', function( setting ) {
- wp.customize.control( 'colorscheme_primary_hue', function( control ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Only show the color hue control when there's a custom primary color.
+ wp.customize( 'primary_color', function( setting ) {
+ wp.customize.control( 'primary_color_hue', function( control ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> var visibility = function() {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'custom' === setting.get() ) {
</span><span class="cx" style="display: block; padding: 0 10px"> control.container.slideDown( 180 );
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjscustomizepreviewjs"></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/customize-preview.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/customize-preview.js 2018-11-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,8 +8,8 @@
</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">- // Default color.
- wp.customize( 'colorscheme', function( value ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Primary color.
+ wp.customize( 'primary_color', function( value ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> value.bind( function( to ) {
</span><span class="cx" style="display: block; padding: 0 10px"> // Update custom color CSS.
</span><span class="cx" style="display: block; padding: 0 10px"> var style = $( '#custom-theme-colors' ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,11 +17,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> css = style.html(),
</span><span class="cx" style="display: block; padding: 0 10px"> color;
</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( to === 'custom' ){
- //If a "custom" color option is selected, use the currently set colorscheme_primary_hue
- color = wp.customize.get().colorscheme_primary_hue;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if( 'custom' === to ){
+ // If a custom primary color is selected, use the currently set primary_color_hue
+ color = wp.customize.get().primary_color_hue;
</ins><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- //If the "default" option is selected, get the default primary_hue
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // If the "default" option is selected, get the default primary_color_hue
</ins><span class="cx" style="display: block; padding: 0 10px"> color = 199;
</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">@@ -31,8 +31,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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Primary color.
- wp.customize( 'colorscheme_primary_hue', function( value ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Primary color hue.
+ wp.customize( 'primary_color_hue', function( value ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> value.bind( function( to ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Update custom color CSS.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -49,7 +49,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Image filter.
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize( 'image_filter', function( value ) {
</span><span class="cx" style="display: block; padding: 0 10px"> value.bind( function( to ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( 'active' === to ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( to ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> $( 'body' ).addClass( 'image-filters-enabled' );
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> $( 'body' ).removeClass( 'image-filters-enabled' );
</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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -78,7 +78,7 @@
</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><span class="cx" style="display: block; padding: 0 10px"> function getAvailableSpace( button, container ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return container.offsetWidth - button.offsetWidth - 50;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return container.offsetWidth - button.offsetWidth - 22;
</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">@@ -97,10 +97,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> var breaks = [];
</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">+ * Let’s bail if we our menu doesn't exist
+ */
+ if ( ! navContainer ) {
+ return;
+ }
+
+ /**
</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><span class="cx" style="display: block; padding: 0 10px"> function updateNavigationMenu( container ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Let’s bail if our menu is empty
+ */
+ if ( ! container.parentNode.querySelector('.main-menu[id]') ) {
+ return;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Adds the necessary UI to operate the menu.
</span><span class="cx" style="display: block; padding: 0 10px"> var visibleList = container.parentNode.querySelector('.main-menu[id]');
</span><span class="cx" style="display: block; padding: 0 10px"> var hiddenList = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -147,13 +161,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> var hasSelectiveRefresh = (
</span><span class="cx" style="display: block; padding: 0 10px"> 'undefined' !== typeof wp &&
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize &&
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp.customize.selectiveRefresh
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp.customize.selectiveRefresh &&
+ wp.customize.navMenusPreview.NavMenuInstancePartial
</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"> if ( hasSelectiveRefresh ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // 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');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Re-run our priority+ function on Nav Menu partial refreshes
+ wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
+
+ var isNewNavMenu = (
+ placement &&
+ placement.partial.id.includes( 'nav_menu_instance' ) &&
+ 'null' !== placement.container[0].parentNode &&
+ placement.container[0].parentNode.classList.contains( 'main-navigation' )
+ );
+
+ if ( isNewNavMenu ) {
+ updateNavigationMenu( placement.container[0].parentNode );
+ }
</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">@@ -161,7 +186,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Run our priority+ function on load
</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('load', function() {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ window.addEventListener( 'load', function() {
</ins><span class="cx" style="display: block; padding: 0 10px"> updateNavigationMenu( navContainer );
</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="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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/print.css 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -75,7 +75,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Links */
</span><span class="cx" style="display: block; padding: 0 10px"> a:link, a:visited, a {
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #520;
</del><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -97,6 +96,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> /* Visibility */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-title + .main-navigation,
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -104,9 +104,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .author-description:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment-form-flex {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-form-flex,
+ .comment-reply,
+ .comment .comment-metadata .edit-link {
</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">+ .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .entry-content .button {
+ color: #000;
+ background: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Site Header (With Featured Image) */
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -123,7 +130,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation li,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation li,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .entry-meta,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image .entry-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-header.featured-image .entry-title,
+ .site-header.featured-image#masthead .site-title a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -146,6 +154,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .image-filters-enabled *:after {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled .site-header.featured-image .site-featured-image:before {
+ display: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
</span><span class="cx" style="display: block; padding: 0 10px"> filter: none;
</span><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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/print.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -93,7 +93,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a:link, a:visited, a {
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #520;
</del><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -100,7 +99,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"> a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- page-break-inside: avoid
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ page-break-inside: avoid;
</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"> a[href^=http]:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -121,6 +120,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Visibility */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-title + .main-navigation,
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -128,10 +128,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .author-description:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment-form-flex {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-form-flex,
+ .comment-reply,
+ .comment .comment-metadata .edit-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: 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 .wp-block-button .wp-block-button__link,
+ .entry .entry-content .button {
+ color: #000;
+ background: none;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Site Header (With Featured Image) */
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -148,7 +156,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation li,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation li,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-meta,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-title,
+ &#masthead .site-title a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -178,6 +187,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none !important;
</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">+ .site-header.featured-image .site-featured-image:before {
+ display: none;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image .post-thumbnail img {
</span><span class="cx" style="display: block; padding: 0 10px"> filter: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -60,10 +60,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(2 * #{$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">-
- @include media(desktop) {
- max-width: calc(3 * (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"> &.alignright {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -163,7 +159,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link {
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: $color__background-button;
</del><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-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -172,15 +167,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: ($size__spacing-unit * .76) $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><span class="cx" style="display: block; padding: 0 10px"> outline: 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">+ &:not(.has-background) {
+ background-color: $color__background-button;
+ }
+
+ &:not(.has-text-color) {
+ color: white;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__background-button-hover;
</span><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><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__background-button-hover;
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -194,15 +198,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-outline .wp-block-button__link,
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-outline .wp-block-button__link:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-outline .wp-block-button__link:active {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include button-all-transition;
+ border-width: 2px;
+ border-style: solid;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include button-all-transition;
- background: transparent;
- border: 2px solid currentColor;
- color: $color__background-button;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:not(.has-background) {
+ background: transparent;
+ }
+
+ &:not(.has-text-color) {
+ color: $color__background-button;
+ border-color: currentColor;
+ }
</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"> &.is-style-outline .wp-block-button__link:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__background-button-hover;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
+ border-color: $color__background-button-hover;
</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">@@ -294,7 +306,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Pullquote
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
+ border-width: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -383,6 +396,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.has-text-color p,
+ &.has-primary-color,
+ &.has-secondary-color,
+ &.has-dark-gray-color,
+ &.has-light-gray-color,
+ &.has-white-color {
+ color: inherit;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -389,10 +411,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">- .has-primary-background-color {
- background-color: $color__link;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> &.alignfull {
</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">@@ -501,6 +519,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</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">+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
</ins><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"> font-size: $font__size-xl;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -508,22 +530,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">- &.aligncenter {
- h2,
- .wp-block-cover-image-text,
- .wp-block-cover-text {
- width: 100%;
- z-index: 1;
- left: 50%;
- position: absolute;
- transform: translate(-50%, -50%);
- top: 50%;
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> &.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> &.alignright {
</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">+
+ @include media(tablet) {
+ padding: $size__spacing-unit;
+ }
</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"> &.alignfull {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -681,6 +694,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> //! Columns
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.alignfull {
+ padding-left: $size__spacing-unit;
+ padding-right: $size__spacing-unit;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-column > * {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -700,6 +718,12 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.alignfull,
+ &.alignfull .wp-block-column {
+ padding-left: calc(2 * #{$size__spacing-unit});
+ padding-right: calc(2 * #{$size__spacing-unit});
+ }
</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">@@ -737,10 +761,32 @@
</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">- //! Custom colors
- .has-primary-background-color {
- background-color: $color__link;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ //! Font Sizes
+ .has-small-font-size {
+ font-size: $font__size-sm;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .has-normal-font-size {
+ font-size: $font__size-md;
+ }
+
+ .has-large-font-size {
+ font-size: $font__size-lg;
+ }
+
+ .has-huge-font-size {
+ font-size: $font__size-xl;
+ }
+
+ //! Custom background colors
+ .has-primary-background-color,
+ .has-secondary-background-color,
+ .has-dark-gray-background-color,
+ .has-light-gray-background-color {
+
+ // Use white text against these backgrounds by default.
+ color: $color__background-body;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> p,
</span><span class="cx" style="display: block; padding: 0 10px"> h1,
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -752,4 +798,75 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-body;
</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">+
+ .has-white-background-color {
+ color: $color__text-main;
+
+ // Use dark gray text against this background by default.
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__text-main;
+ }
+ }
+
+ .has-primary-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: $color__link;
+ }
+
+ .has-secondary-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: $color__border-link-hover;
+ }
+
+ .has-dark-gray-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: $color__text-main;
+ }
+
+ .has-light-gray-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: $color__text-light;
+ }
+
+ .has-white-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+ }
+
+ //! Custom foreground colors
+ .has-primary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: $color__link;
+ }
+
+ .has-secondary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: $color__border-link-hover;
+ }
+
+ .has-dark-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: $color__text-main;
+ }
+
+ .has-light-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: $color__text-light;
+ }
+
+ .has-white-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassmedia_galleriesscss"></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/media/_galleries.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/media/_galleries.scss 2018-11-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,8 +7,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: $size__spacing-unit;
- margin-bottom: $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 16px;
+ margin-bottom: 16px;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,7 +16,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Loops to enumerate the classes for gallery columns.
</span><span class="cx" style="display: block; padding: 0 10px"> @for $i from 2 through 9 {
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-#{$i} & {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / #{$i} ) * (100% / 12) - ( #{$size__spacing-unit} * #{($i - 1) / $i} ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * #{ $i - 1 }) / #{ $i });
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:nth-of-type(#{$i}n+#{$i}) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassmixins_mixinsmasterscss"></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/mixins/_mixins-master.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/mixins/_mixins-master.scss 2018-11-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -90,7 +90,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fallback for non-latin fonts */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin non-latin-fonts( $wrapper_classname: '.site' ) {
</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"> /* Arabic */
</span><span class="cx" style="display: block; padding: 0 10px"> html[lang="ar"] #{$wrapper_classname} *,
</span><span class="cx" style="display: block; padding: 0 10px"> html[lang="ary"] #{$wrapper_classname} *,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -190,37 +190,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Nested sub-menu padding: 10 levels deep */
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin nestedSubMenuPadding() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ul li > a:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ul {
+ counter-reset: submenu;
+ }
+
+ ul > li > a::before {
</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-weight: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ul > li > a:before {
- content: "\2013\00a0";
- }
- ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
- }
- ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
</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"> @import "utilities";
</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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -66,7 +66,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .submenu-expand {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: #{0.5 * $size__spacing-unit};
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: #{0.25 * $size__spacing-unit};
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Priority+ Menu */
</span><span class="cx" style="display: block; padding: 0 10px"> &.main-menu-more-toggle {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -267,38 +267,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Nested sub-menu padding: 10 levels deep */
- .sub-menu li > a:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu dashes */
+ .sub-menu {
+ counter-reset: submenu;
+ }
+
+ .sub-menu > li > a::before {
</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-weight: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .sub-menu > li > a:before {
- content: "\2013\00a0";
- }
- .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
</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"> .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -364,38 +343,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Nested sub-menu padding: 10 levels deep */
- .sub-menu li > a:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu dashes */
+ .sub-menu {
+ counter-reset: submenu;
+ }
+
+ .sub-menu > li > a::before {
</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-weight: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .sub-menu > li > a:before {
- content: "\2013\00a0";
- }
- .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
- .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
- }
</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"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -406,7 +364,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"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Full-screen touch device styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Off-canvas touch device styles
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -428,6 +386,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</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">+ > li > a,
+ > li > .menu-item-link-return {
+ white-space: inherit;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.expanded-true {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssitefooter_sitefooterscss"></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/footer/_site-footer.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/footer/_site-footer.scss 2018-11-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,21 +9,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .imprint {
- margin-right: $size__spacing-unit;
- }
</del><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">- .site-info a {
- color: inherit;
-
- &:hover {
- text-decoration: none;
- color: $color__link;
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .widget-column {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -38,5 +25,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-info {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ a {
+ color: inherit;
+
+ &:hover {
+ text-decoration: none;
+ color: $color__link;
+ }
+ }
+
+ .imprint,
+ .privacy-policy-link {
+ margin-right: $size__spacing-unit;
+ }
</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">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteheader_siteheaderscss"></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/header/_site-header.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/header/_site-header.scss 2018-11-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,8 +58,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 32px;
- height: 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 50px;
+ height: 50px;
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> transition: box-shadow $background_transition ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -85,11 +85,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</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">+ color: $color__text-main;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- a:link,
- a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-main;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &:link,
+ &:visited {
+ color: $color__text-main;
+ }
+
+ &:hover {
+ color: $color__text-hover;
+ }
</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"> .featured-image & {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -105,14 +113,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</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">- a {
- color: inherit;
-
- &:hover {
- color: $color__text-hover;
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,6 +53,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_search {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .search-field {
+ width: 100%;
+
+ @include media(mobile) {
+ width: auto;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .search-submit {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: $size__spacing-unit;
</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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,20 +1,6 @@
</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"> // 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: "NonBreakingSpaceOverride", "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: "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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,7 +1,15 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@charset "UTF-8";
</ins><span class="cx" style="display: block; padding: 0 10px"> /*!
</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><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 */
+/** === Font Overide === */
</ins><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">@@ -14,12 +22,6 @@
</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><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"> /** === 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">@@ -57,6 +59,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">+/** === Editor Block Toolbar Position === */
+.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
+.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
+ max-width: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Content Width === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(100vw - (2 * 1rem));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -171,6 +179,13 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-primary-background-color,
+.has-secondary-background-color,
+.has-dark-gray-background-color,
+.has-light-gray-background-color {
+ color: #fff;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-primary-background-color p,
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-background-color h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-background-color h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -179,10 +194,48 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-background-color h5,
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-background-color h6,
</span><span class="cx" style="display: block; padding: 0 10px"> .has-primary-background-color a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-primary-background-color a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-secondary-background-color p,
+.has-secondary-background-color h1,
+.has-secondary-background-color h2,
+.has-secondary-background-color h3,
+.has-secondary-background-color h4,
+.has-secondary-background-color h5,
+.has-secondary-background-color h6,
+.has-secondary-background-color a,
+.has-dark-gray-background-color p,
+.has-dark-gray-background-color h1,
+.has-dark-gray-background-color h2,
+.has-dark-gray-background-color h3,
+.has-dark-gray-background-color h4,
+.has-dark-gray-background-color h5,
+.has-dark-gray-background-color h6,
+.has-dark-gray-background-color a,
+.has-light-gray-background-color p,
+.has-light-gray-background-color h1,
+.has-light-gray-background-color h2,
+.has-light-gray-background-color h3,
+.has-light-gray-background-color h4,
+.has-light-gray-background-color h5,
+.has-light-gray-background-color h6,
+.has-light-gray-background-color a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</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">+.has-white-background-color {
+ color: #111;
+}
+
+.has-white-background-color p,
+.has-white-background-color h1,
+.has-white-background-color h2,
+.has-white-background-color h3,
+.has-white-background-color h4,
+.has-white-background-color h5,
+.has-white-background-color h6,
+.has-white-background-color a {
+ color: #111;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> figcaption,
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-caption {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -289,6 +342,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"> @media only screen and (min-width: 768px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
+ .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
+ padding: 1rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="wide"] h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="full"] h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -379,7 +439,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Pullquote === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
+ border-width: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</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">@@ -399,6 +460,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc( 100% - (2 * 1rem));
</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-pullquote.is-style-solid-color blockquote.has-text-color p {
+ color: inherit;
+}
+
+.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
+ color: #fff;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 80%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -405,10 +474,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">-.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
- color: #fff;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -604,47 +669,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0.75rem;
</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-categories ul ul li > a:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-categories ul ul {
+ counter-reset: submenu;
+}
+
+.wp-block-categories ul ul > li > a::before {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.wp-block-categories ul ul > li > a:before {
- content: "\2013\00a0";
-}
-
-.wp-block-categories ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.wp-block-categories ul ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-categories 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></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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,9 +5,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Includes === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @import "sass/variables-site/variables-site";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@import "sass/variables-site/colors";
</del><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Font Overide === */
+
+/*
+ * 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');
+}
+
+$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+
</ins><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">@@ -55,6 +71,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">+/** === Editor Block Toolbar Position === */
+
+// Since 2019 left-aligns wide and fullwide blocks, left align the toolbar too.
+.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
+.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
+ max-width: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Content Width === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -153,7 +177,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">-.has-primary-background-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Use white text against these backgrounds by default.
+.has-primary-background-color,
+.has-secondary-background-color,
+.has-dark-gray-background-color,
+.has-light-gray-background-color {
+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p,
</span><span class="cx" style="display: block; padding: 0 10px"> h1,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -162,12 +191,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h4,
</span><span class="cx" style="display: block; padding: 0 10px"> h5,
</span><span class="cx" style="display: block; padding: 0 10px"> h6,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- a,
- a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-body;
</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">+// Use dark gray text against this background by default.
+.has-white-background-color {
+ color: $color__text-main;
+
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__text-main;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> figcaption,
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -276,6 +320,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+
+ .wp-block-cover {
+ padding: $size__spacing-unit;
+ }
+ }
</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-type="core/cover"][data-align="wide"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -392,7 +443,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Pullquote === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
+ border-width: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -412,15 +464,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(100% - (2 * #{ $size__spacing-unit}));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.has-text-color p {
+ color: inherit;
+ }
+
+ &:not(.has-text-color) {
+ color: $color__background-body;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 80%;
</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">- blockquote:not(.has-text-color) {
- color: $color__background-body;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> &:not(.has-background-color) {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__link;
</span><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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,18 +53,6 @@
</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><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+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");
-}
-
</del><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">@@ -413,7 +401,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: "NonBreakingSpaceOverride", "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: "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">@@ -427,7 +415,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: "NonBreakingSpaceOverride", "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: "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">@@ -488,7 +476,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: "NonBreakingSpaceOverride", "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: "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">@@ -1037,7 +1025,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Fade-in animation for top-level submenus
</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">- * Full-screen touch device styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Off-canvas touch device styles
</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">@@ -1099,7 +1087,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 0.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0.25rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Priority+ Menu */
</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">@@ -1230,7 +1218,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Nested sub-menu padding: 10 levels deep */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu dashes */
</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"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1241,7 +1229,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Nested sub-menu padding: 10 levels deep */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu dashes */
</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: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1345,88 +1333,28 @@
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</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)[focus-within] > .sub-menu .sub-menu {
+ counter-reset: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</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):focus-within > .sub-menu .sub-menu {
+ counter-reset: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
</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)[focus-within] > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
</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):focus-within > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
</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 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1437,7 +1365,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Nested sub-menu padding: 10 levels deep */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu dashes */
</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: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1508,67 +1436,21 @@
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</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 .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ counter-reset: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
</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 .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1591,6 +1473,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</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 .menu-item-has-children.off-canvas .sub-menu > li > a,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
+ white-space: inherit;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
</span><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2096,8 +1983,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 32px;
- height: 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 50px;
+ height: 50px;
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> transition: box-shadow 200ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2120,14 +2007,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* When there is no description set, make sure navigation appears below title. */
</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">-.site-title a:link,
-.site-title a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</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">+.site-title a:link, .site-title a:visited {
+ color: #111;
+}
+
+.site-title a:hover {
+ color: #4a4a4a;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .featured-image .site-title {
</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">@@ -2142,14 +2037,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</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">-.site-title a {
- color: inherit;
-}
-
-.site-title a:hover {
- color: #4a4a4a;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3346,20 +3233,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">-#colophon .widget-area .imprint,
-#colophon .site-info .imprint {
- margin-left: 1rem;
-}
-
-#colophon .site-info a {
- color: inherit;
-}
-
-#colophon .site-info a:hover {
- text-decoration: none;
- color: #0073aa;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #colophon .widget-column {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3380,6 +3253,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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">+#colophon .site-info a {
+ color: inherit;
+}
+
+#colophon .site-info a:hover {
+ text-decoration: none;
+ color: #0073aa;
+}
+
+#colophon .site-info .imprint,
+#colophon .site-info .privacy-policy-link {
+ margin-left: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px"> .widget {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3427,122 +3314,46 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5rem;
</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">-.widget_archive ul ul li > a:before,
-.widget_categories ul ul li > a:before,
-.widget_meta ul ul li > a:before,
-.widget_nav_menu ul ul li > a:before,
-.widget_pages ul ul li > a:before,
-.widget_recent_comments ul ul li > a:before,
-.widget_recent_entries ul ul li > a:before,
-.widget_rss ul ul li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul,
+.widget_categories ul ul,
+.widget_meta ul ul,
+.widget_nav_menu ul ul,
+.widget_pages ul ul,
+.widget_recent_comments ul ul,
+.widget_recent_entries ul ul,
+.widget_rss ul ul {
+ counter-reset: submenu;
</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">-.widget_archive ul ul > li > a:before,
-.widget_categories ul ul > li > a:before,
-.widget_meta ul ul > li > a:before,
-.widget_nav_menu ul ul > li > a:before,
-.widget_pages ul ul > li > a:before,
-.widget_recent_comments ul ul > li > a:before,
-.widget_recent_entries ul ul > li > a:before,
-.widget_rss ul ul > li > a:before {
- content: "\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul > li > a::before,
+.widget_categories ul ul > li > a::before,
+.widget_meta ul ul > li > a::before,
+.widget_nav_menu ul ul > li > a::before,
+.widget_pages ul ul > li > a::before,
+.widget_recent_comments ul ul > li > a::before,
+.widget_recent_entries ul ul > li > a::before,
+.widget_rss ul ul > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.widget_archive ul ul ul li > a:before,
-.widget_categories ul ul ul li > a:before,
-.widget_meta ul ul ul li > a:before,
-.widget_nav_menu ul ul ul li > a:before,
-.widget_pages ul ul ul li > a:before,
-.widget_recent_comments ul ul ul li > a:before,
-.widget_recent_entries ul ul ul li > a:before,
-.widget_rss ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_tag_cloud .tagcloud {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: 700;
</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">-.widget_archive ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_search .search-field {
+ width: 100%;
</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">-.widget_archive ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 600px) {
+ .widget_search .search-field {
+ width: auto;
+ }
</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">-.widget_archive ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_tag_cloud .tagcloud {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
- font-weight: 700;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .widget_search .search-submit {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3652,13 +3463,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">-@media only screen and (min-width: 1168px) {
- .entry .entry-content > *.alignleft,
- .entry .entry-summary > *.alignleft {
- max-width: calc(3 * (100vw / 12));
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > *.alignright,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-summary > *.alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3772,7 +3576,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button .wp-block-button__link {
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</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"> line-height: 1.2;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3781,16 +3584,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.76rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><span class="cx" style="display: block; padding: 0 10px"> outline: 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 .wp-block-button .wp-block-button__link:not(.has-background) {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
+ color: white;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button .wp-block-button__link:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><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><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button .wp-block-button__link:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -3804,9 +3616,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
</span><span class="cx" style="display: block; padding: 0 10px"> transition: all 150ms ease-in-out;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-width: 2px;
+ border-style: solid;
+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 2px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: currentColor;
</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-button.is-style-outline .wp-block-button__link:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3854,47 +3678,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-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">-.entry .entry-content .wp-block-categories ul li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-categories ul {
+ counter-reset: submenu;
</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">-.entry .entry-content .wp-block-categories ul > li > a:before {
- content: "\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-categories ul > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.entry .entry-content .wp-block-categories ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-latest-posts.is-grid li {
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: 2px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3920,7 +3714,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: "NonBreakingSpaceOverride", "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: "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">@@ -3934,7 +3728,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"> .entry .entry-content .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
+ border-width: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 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">@@ -4030,6 +3825,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1rem;
</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 .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: inherit;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4037,10 +3836,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-pullquote.is-style-solid-color .has-primary-background-color {
- background-color: #0073aa;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(10% + 58px + (2 * 1rem));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4145,6 +3940,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</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">+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
</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: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4159,20 +3958,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-cover-image.aligncenter h2,
-.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.aligncenter h2,
-.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
- width: 100%;
- z-index: 1;
- right: 50%;
- position: absolute;
- transform: translate(50%, -50%);
- top: 50%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover.alignright {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4180,6 +3965,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: 768px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
+ .entry .entry-content .wp-block-cover.alignleft,
+ .entry .entry-content .wp-block-cover.alignright {
+ padding: 1rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover-image.alignfull h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4368,6 +4161,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> word-break: break-word;
</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 .wp-block-columns.alignfull {
+ padding-right: 1rem;
+ padding-left: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4381,6 +4179,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</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 .wp-block-columns.alignfull,
+ .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
+ padding-right: calc(2 * 1rem);
+ padding-left: calc(2 * 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"> .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4402,10 +4205,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</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 .has-primary-background-color {
- background-color: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-small-font-size {
+ font-size: 0.88889em;
</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">+.entry .entry-content .has-normal-font-size {
+ font-size: 1.125em;
+}
+
+.entry .entry-content .has-large-font-size {
+ font-size: 1.6875em;
+}
+
+.entry .entry-content .has-huge-font-size {
+ font-size: 2.25em;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .has-light-gray-background-color {
+ color: #fff;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color p,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4413,10 +4235,103 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h4,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h5,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h6,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry .entry-content .has-primary-background-color a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-primary-background-color a,
+.entry .entry-content .has-secondary-background-color p,
+.entry .entry-content .has-secondary-background-color h1,
+.entry .entry-content .has-secondary-background-color h2,
+.entry .entry-content .has-secondary-background-color h3,
+.entry .entry-content .has-secondary-background-color h4,
+.entry .entry-content .has-secondary-background-color h5,
+.entry .entry-content .has-secondary-background-color h6,
+.entry .entry-content .has-secondary-background-color a,
+.entry .entry-content .has-dark-gray-background-color p,
+.entry .entry-content .has-dark-gray-background-color h1,
+.entry .entry-content .has-dark-gray-background-color h2,
+.entry .entry-content .has-dark-gray-background-color h3,
+.entry .entry-content .has-dark-gray-background-color h4,
+.entry .entry-content .has-dark-gray-background-color h5,
+.entry .entry-content .has-dark-gray-background-color h6,
+.entry .entry-content .has-dark-gray-background-color a,
+.entry .entry-content .has-light-gray-background-color p,
+.entry .entry-content .has-light-gray-background-color h1,
+.entry .entry-content .has-light-gray-background-color h2,
+.entry .entry-content .has-light-gray-background-color h3,
+.entry .entry-content .has-light-gray-background-color h4,
+.entry .entry-content .has-light-gray-background-color h5,
+.entry .entry-content .has-light-gray-background-color h6,
+.entry .entry-content .has-light-gray-background-color a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</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 .has-white-background-color {
+ color: #111;
+}
+
+.entry .entry-content .has-white-background-color p,
+.entry .entry-content .has-white-background-color h1,
+.entry .entry-content .has-white-background-color h2,
+.entry .entry-content .has-white-background-color h3,
+.entry .entry-content .has-white-background-color h4,
+.entry .entry-content .has-white-background-color h5,
+.entry .entry-content .has-white-background-color h6,
+.entry .entry-content .has-white-background-color a {
+ color: #111;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: #111;
+}
+
+.entry .entry-content .has-light-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: #767676;
+}
+
+.entry .entry-content .has-white-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+}
+
+.entry .entry-content .has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: #111;
+}
+
+.entry .entry-content .has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: #767676;
+}
+
+.entry .entry-content .has-white-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Media */
</span><span class="cx" style="display: block; padding: 0 10px"> .page-content .wp-smiley,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-smiley,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4499,8 +4414,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 1rem;
- margin-bottom: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 16px;
+ margin-bottom: 16px;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4507,7 +4422,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"> .gallery-columns-2 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 1) / 2);
</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"> .gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4515,7 +4430,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"> .gallery-columns-3 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 2) / 3);
</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"> .gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4523,7 +4438,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"> .gallery-columns-4 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 3) / 4);
</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"> .gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4531,7 +4446,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"> .gallery-columns-5 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 4) / 5);
</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"> .gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4539,7 +4454,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"> .gallery-columns-6 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 5) / 6);
</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"> .gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4547,7 +4462,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"> .gallery-columns-7 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 6) / 7);
</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"> .gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4555,7 +4470,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"> .gallery-columns-8 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 7) / 8);
</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"> .gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4563,7 +4478,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"> .gallery-columns-9 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 8) / 9);
</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"> .gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
</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-19 14:09:07 UTC (rev 43908)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-11-19 21:26:02 UTC (rev 43909)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,18 +53,6 @@
</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><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+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");
-}
-
</del><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">@@ -413,7 +401,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: "NonBreakingSpaceOverride", "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: "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">@@ -427,7 +415,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: "NonBreakingSpaceOverride", "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: "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">@@ -488,7 +476,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: "NonBreakingSpaceOverride", "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: "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">@@ -1037,7 +1025,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Fade-in animation for top-level submenus
</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">- * Full-screen touch device styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Off-canvas touch device styles
</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">@@ -1099,7 +1087,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 0.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0.25rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Priority+ Menu */
</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">@@ -1230,7 +1218,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Nested sub-menu padding: 10 levels deep */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu dashes */
</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"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1241,7 +1229,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Nested sub-menu padding: 10 levels deep */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu dashes */
</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: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1345,88 +1333,28 @@
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</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)[focus-within] > .sub-menu .sub-menu {
+ counter-reset: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</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):focus-within > .sub-menu .sub-menu {
+ counter-reset: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
</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)[focus-within] > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
</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):focus-within > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
</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 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1437,7 +1365,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Nested sub-menu padding: 10 levels deep */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu dashes */
</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: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1508,67 +1436,21 @@
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</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 .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ counter-reset: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
- content: "\2013\00a0";
</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 .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
-.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1591,6 +1473,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</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 .menu-item-has-children.off-canvas .sub-menu > li > a,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
+ white-space: inherit;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
</span><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2102,8 +1989,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 32px;
- height: 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 50px;
+ height: 50px;
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> transition: box-shadow 200ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2126,14 +2013,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* When there is no description set, make sure navigation appears below title. */
</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">-.site-title a:link,
-.site-title a:visited {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</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">+.site-title a:link, .site-title a:visited {
+ color: #111;
+}
+
+.site-title a:hover {
+ color: #4a4a4a;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .featured-image .site-title {
</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">@@ -2148,14 +2043,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</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">-.site-title a {
- color: inherit;
-}
-
-.site-title a:hover {
- color: #4a4a4a;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3352,20 +3239,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">-#colophon .widget-area .imprint,
-#colophon .site-info .imprint {
- margin-right: 1rem;
-}
-
-#colophon .site-info a {
- color: inherit;
-}
-
-#colophon .site-info a:hover {
- text-decoration: none;
- color: #0073aa;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #colophon .widget-column {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-wrap: wrap;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3386,6 +3259,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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">+#colophon .site-info a {
+ color: inherit;
+}
+
+#colophon .site-info a:hover {
+ text-decoration: none;
+ color: #0073aa;
+}
+
+#colophon .site-info .imprint,
+#colophon .site-info .privacy-policy-link {
+ margin-right: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px"> .widget {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3433,122 +3320,46 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5rem;
</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">-.widget_archive ul ul li > a:before,
-.widget_categories ul ul li > a:before,
-.widget_meta ul ul li > a:before,
-.widget_nav_menu ul ul li > a:before,
-.widget_pages ul ul li > a:before,
-.widget_recent_comments ul ul li > a:before,
-.widget_recent_entries ul ul li > a:before,
-.widget_rss ul ul li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul,
+.widget_categories ul ul,
+.widget_meta ul ul,
+.widget_nav_menu ul ul,
+.widget_pages ul ul,
+.widget_recent_comments ul ul,
+.widget_recent_entries ul ul,
+.widget_rss ul ul {
+ counter-reset: submenu;
</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">-.widget_archive ul ul > li > a:before,
-.widget_categories ul ul > li > a:before,
-.widget_meta ul ul > li > a:before,
-.widget_nav_menu ul ul > li > a:before,
-.widget_pages ul ul > li > a:before,
-.widget_recent_comments ul ul > li > a:before,
-.widget_recent_entries ul ul > li > a:before,
-.widget_rss ul ul > li > a:before {
- content: "\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul > li > a::before,
+.widget_categories ul ul > li > a::before,
+.widget_meta ul ul > li > a::before,
+.widget_nav_menu ul ul > li > a::before,
+.widget_pages ul ul > li > a::before,
+.widget_recent_comments ul ul > li > a::before,
+.widget_recent_entries ul ul > li > a::before,
+.widget_rss ul ul > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.widget_archive ul ul ul li > a:before,
-.widget_categories ul ul ul li > a:before,
-.widget_meta ul ul ul li > a:before,
-.widget_nav_menu ul ul ul li > a:before,
-.widget_pages ul ul ul li > a:before,
-.widget_recent_comments ul ul ul li > a:before,
-.widget_recent_entries ul ul ul li > a:before,
-.widget_rss ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_tag_cloud .tagcloud {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: 700;
</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">-.widget_archive ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_search .search-field {
+ width: 100%;
</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">-.widget_archive ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 600px) {
+ .widget_search .search-field {
+ width: auto;
+ }
</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">-.widget_archive ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
-.widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.widget_tag_cloud .tagcloud {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
- font-weight: 700;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .widget_search .search-submit {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3661,13 +3472,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">-@media only screen and (min-width: 1168px) {
- .entry .entry-content > *.alignleft,
- .entry .entry-summary > *.alignleft {
- max-width: calc(3 * (100vw / 12));
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > *.alignright,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-summary > *.alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3784,7 +3588,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button .wp-block-button__link {
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</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"> line-height: 1.2;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3793,16 +3596,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.76rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><span class="cx" style="display: block; padding: 0 10px"> outline: 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 .wp-block-button .wp-block-button__link:not(.has-background) {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-text-color) {
+ color: white;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button .wp-block-button__link:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><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><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button .wp-block-button__link:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -3816,13 +3628,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
</span><span class="cx" style="display: block; padding: 0 10px"> transition: all 150ms ease-in-out;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-width: 2px;
+ border-style: solid;
+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 2px solid currentColor;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: currentColor;
</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-button.is-style-outline .wp-block-button__link:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: #111;
</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-archives,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3866,47 +3690,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-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">-.entry .entry-content .wp-block-categories ul li > a:before {
- font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-categories ul {
+ counter-reset: submenu;
</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">-.entry .entry-content .wp-block-categories ul > li > a:before {
- content: "\2013\00a0";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-categories ul > li > a::before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
</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">-.entry .entry-content .wp-block-categories ul ul li > a:before {
- content: "\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
-.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
- content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-latest-posts.is-grid li {
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: 2px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3932,7 +3726,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: "NonBreakingSpaceOverride", "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: "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">@@ -3946,7 +3740,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"> .entry .entry-content .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
+ border-width: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 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">@@ -4042,6 +3837,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1rem;
</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 .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: inherit;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4049,10 +3848,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-pullquote.is-style-solid-color .has-primary-background-color {
- background-color: #0073aa;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(10% + 58px + (2 * 1rem));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4157,6 +3952,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</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">+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
</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: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4171,20 +3970,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-cover-image.aligncenter h2,
-.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
-.entry .entry-content .wp-block-cover.aligncenter h2,
-.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
-.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
- width: 100%;
- z-index: 1;
- left: 50%;
- position: absolute;
- transform: translate(-50%, -50%);
- top: 50%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover.alignright {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4192,6 +3977,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: 768px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
+ .entry .entry-content .wp-block-cover.alignleft,
+ .entry .entry-content .wp-block-cover.alignright {
+ padding: 1rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-cover-image.alignfull h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4380,6 +4173,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> word-break: break-word;
</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 .wp-block-columns.alignfull {
+ padding-left: 1rem;
+ padding-right: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4393,6 +4191,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</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 .wp-block-columns.alignfull,
+ .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
+ padding-left: calc(2 * 1rem);
+ padding-right: calc(2 * 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"> .entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4414,10 +4217,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</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 .has-primary-background-color {
- background-color: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-small-font-size {
+ font-size: 0.88889em;
</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">+.entry .entry-content .has-normal-font-size {
+ font-size: 1.125em;
+}
+
+.entry .entry-content .has-large-font-size {
+ font-size: 1.6875em;
+}
+
+.entry .entry-content .has-huge-font-size {
+ font-size: 2.25em;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .has-light-gray-background-color {
+ color: #fff;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color p,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4425,10 +4247,103 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h4,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h5,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .has-primary-background-color h6,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry .entry-content .has-primary-background-color a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-primary-background-color a,
+.entry .entry-content .has-secondary-background-color p,
+.entry .entry-content .has-secondary-background-color h1,
+.entry .entry-content .has-secondary-background-color h2,
+.entry .entry-content .has-secondary-background-color h3,
+.entry .entry-content .has-secondary-background-color h4,
+.entry .entry-content .has-secondary-background-color h5,
+.entry .entry-content .has-secondary-background-color h6,
+.entry .entry-content .has-secondary-background-color a,
+.entry .entry-content .has-dark-gray-background-color p,
+.entry .entry-content .has-dark-gray-background-color h1,
+.entry .entry-content .has-dark-gray-background-color h2,
+.entry .entry-content .has-dark-gray-background-color h3,
+.entry .entry-content .has-dark-gray-background-color h4,
+.entry .entry-content .has-dark-gray-background-color h5,
+.entry .entry-content .has-dark-gray-background-color h6,
+.entry .entry-content .has-dark-gray-background-color a,
+.entry .entry-content .has-light-gray-background-color p,
+.entry .entry-content .has-light-gray-background-color h1,
+.entry .entry-content .has-light-gray-background-color h2,
+.entry .entry-content .has-light-gray-background-color h3,
+.entry .entry-content .has-light-gray-background-color h4,
+.entry .entry-content .has-light-gray-background-color h5,
+.entry .entry-content .has-light-gray-background-color h6,
+.entry .entry-content .has-light-gray-background-color a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</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 .has-white-background-color {
+ color: #111;
+}
+
+.entry .entry-content .has-white-background-color p,
+.entry .entry-content .has-white-background-color h1,
+.entry .entry-content .has-white-background-color h2,
+.entry .entry-content .has-white-background-color h3,
+.entry .entry-content .has-white-background-color h4,
+.entry .entry-content .has-white-background-color h5,
+.entry .entry-content .has-white-background-color h6,
+.entry .entry-content .has-white-background-color a {
+ color: #111;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: #111;
+}
+
+.entry .entry-content .has-light-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: #767676;
+}
+
+.entry .entry-content .has-white-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+}
+
+.entry .entry-content .has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: #111;
+}
+
+.entry .entry-content .has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: #767676;
+}
+
+.entry .entry-content .has-white-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Media */
</span><span class="cx" style="display: block; padding: 0 10px"> .page-content .wp-smiley,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-smiley,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4511,8 +4426,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 1rem;
- margin-bottom: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 16px;
+ margin-bottom: 16px;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4519,7 +4434,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"> .gallery-columns-2 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 1) / 2);
</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"> .gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4527,7 +4442,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"> .gallery-columns-3 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 2) / 3);
</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"> .gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4535,7 +4450,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"> .gallery-columns-4 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 3) / 4);
</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"> .gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4543,7 +4458,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"> .gallery-columns-5 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 4) / 5);
</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"> .gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4551,7 +4466,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"> .gallery-columns-6 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 5) / 6);
</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"> .gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4559,7 +4474,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"> .gallery-columns-7 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 6) / 7);
</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"> .gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4567,7 +4482,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"> .gallery-columns-8 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 7) / 8);
</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"> .gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4575,7 +4490,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"> .gallery-columns-9 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc((100% - 16px * 8) / 9);
</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"> .gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
</span></span></pre>
</div>
</div>
</body>
</html>