<!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>[43842] branches/5.0/src/wp-content/themes/twentynineteen: Importing 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/43842">43842</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/43842","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-10-30 02:13:07 +0000 (Tue, 30 Oct 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'>Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.
Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen
Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches50srcwpcontentthemestwentynineteen404php">branches/5.0/src/wp-content/themes/twentynineteen/404.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenarchivephp">branches/5.0/src/wp-content/themes/twentynineteen/archive.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenclassesclasstwentynineteensvgiconsphp">branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenclassesclasstwentynineteenwalkercommentphp">branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteencommentsphp">branches/5.0/src/wp-content/themes/twentynineteen/comments.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenfooterphp">branches/5.0/src/wp-content/themes/twentynineteen/footer.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenfunctionsphp">branches/5.0/src/wp-content/themes/twentynineteen/functions.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenheaderphp">branches/5.0/src/wp-content/themes/twentynineteen/header.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninccustomizerphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninciconfunctionsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/icon-functions.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninctemplatefunctionsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninctemplatetagsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenindexphp">branches/5.0/src/wp-content/themes/twentynineteen/index.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenpagephp">branches/5.0/src/wp-content/themes/twentynineteen/page.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenprintcss">branches/5.0/src/wp-content/themes/twentynineteen/print.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenprintscss">branches/5.0/src/wp-content/themes/twentynineteen/print.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenreadmetxt">branches/5.0/src/wp-content/themes/twentynineteen/readme.txt</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassblocks_blocksscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasselements_elementsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassforms_buttonsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassforms_fieldsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss</a></li>
<li><a href="#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_linksscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_links.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassnavigation_navigationscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassnavigation_nextpreviousscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.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_sitefeaturedimagescss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.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="#branches50srcwpcontentthemestwentynineteensasssiteprimary_archivesscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssiteprimary_commentsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssiteprimary_postsandpagesscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssitesecondary_widgetsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasstypography_copyscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasstypography_headingsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensearchphp">branches/5.0/src/wp-content/themes/twentynineteen/search.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensinglephp">branches/5.0/src/wp-content/themes/twentynineteen/single.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorframecss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor-frame.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorframescss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor-frame.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>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentnonephp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-none.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentpagephp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-page.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentsinglephp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-single.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartsheaderentryheaderphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/entry-header.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartsheadersitebrandingphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartspostdiscussionmetaphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#branches50srcwpcontentthemestwentynineteenimagephp">branches/5.0/src/wp-content/themes/twentynineteen/image.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninccolorpatternsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.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="#branches50srcwpcontentthemestwentynineteenjstouchnavigationjs">branches/5.0/src/wp-content/themes/twentynineteen/js/touch-navigation.js</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="#branches50srcwpcontentthemestwentynineteensassnavigation_menusocialnavigationscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-navigation.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstylecssmap">branches/5.0/src/wp-content/themes/twentynineteen/style.css.map</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentexcerptphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php</a></li>
<li>branches/5.0/src/wp-content/themes/twentynineteen/template-parts/footer/</li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartsfooterfooterwidgetsphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/footer/footer-widgets.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartspostauthorbiophp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php</a></li>
</ul>
<h3>Removed Paths</h3>
<ul>
<li><a href="#branches50srcwpcontentthemestwentynineteenincuiiconsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/ui-icons.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjscustomizerjs">branches/5.0/src/wp-content/themes/twentynineteen/js/customizer.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassnavigation_menusscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menus.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartspostauthorinfophp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-info.php</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="branches50srcwpcontentthemestwentynineteen404php"></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/404.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/404.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/404.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,15 +6,16 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</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">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <section class="error-404 not-found">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="error-404 not-found">
</ins><span class="cx" style="display: block; padding: 0 10px"> <header class="page-header">
</span><span class="cx" style="display: block; padding: 0 10px"> <h1 class="page-title"><?php _e( 'Oops! That page can’t be found.', 'twentynineteen' ); ?></h1>
</span><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .page-header -->
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,13 +22,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="page-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentynineteen' ); ?></p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php get_search_form(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .page-content -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </section><!-- .error-404 -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div><!-- .error-404 -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- #primary -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenarchivephp"></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/archive.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/archive.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/archive.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,12 +6,13 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</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">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( have_posts() ) : ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,7 +20,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <header class="page-header">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> the_archive_title( '<h1 class="page-title">', '</h1>' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- the_archive_description( '<div class="page-description">', '</div>' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Remove for now @TODO
+ // the_archive_description( '<div class="page-description">', '</div>' );
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .page-header -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,7 +35,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * If you want to override this in a child theme, then include a file
</span><span class="cx" style="display: block; padding: 0 10px"> * called content-___.php (where ___ is the Post Format name) and that will be used instead.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- get_template_part( 'template-parts/content/content' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ get_template_part( 'template-parts/content/content', 'excerpt' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // End the loop.
</span><span class="cx" style="display: block; padding: 0 10px"> endwhile;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -49,7 +51,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"> </main><!-- .site-main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- .content-area -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- .content-area -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenclassesclasstwentynineteensvgiconsphp"></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/classes/class-twentynineteen-svg-icons.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/classes/class-twentynineteen-svg-icons.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,7 +33,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $arr = array();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> if ( array_key_exists( $icon, $arr ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $repl = sprintf( '<svg id="%s-icon-%s" class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" ', $group, $icon, $size, $size );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $repl = sprintf( '<svg class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" focusable="false" ', $size, $size );
</ins><span class="cx" style="display: block; padding: 0 10px"> $svg = preg_replace( '/^<svg /', $repl, trim( $arr[ $icon ] ) ); // Add extra attributes to SVG code.
</span><span class="cx" style="display: block; padding: 0 10px"> $svg = preg_replace( "/([\n\t]+)/", ' ', $svg ); // Remove newlines & tabs.
</span><span class="cx" style="display: block; padding: 0 10px"> $svg = preg_replace( '/>\s*</', '><', $svg ); // Remove white space between SVG tags.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -70,14 +71,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @var array
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> static $ui_icons = array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'link' => /* material-design – link */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'link' => /* material-design – link */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M3.9 12c0-1.71 1.39-3.1 3.1-3.1h4V7H7c-2.76 0-5 2.24-5 5s2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1zM8 13h8v-2H8v2zm9-6h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1s-1.39 3.1-3.1 3.1h-4V17h4c2.76 0 5-2.24 5-5s-2.24-5-5-5z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'watch' => /* material-design – watch-later */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'watch' => /* material-design – watch-later */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <defs>
</span><span class="cx" style="display: block; padding: 0 10px"> <path id="a" d="M0 0h24v24H0V0z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </defs>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -87,72 +88,78 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <path clip-path="url(#b)" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10 10-4.5 10-10S17.5 2 12 2zm4.2 14.2L11 13V7h1.5v5.2l4.5 2.7-.8 1.3z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'archive' => /* material-design – folder */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'archive' => /* material-design – folder */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'tag' => /* material-design – local_offer */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'tag' => /* material-design – local_offer */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <path d="M21.41 11.58l-9-9C12.05 2.22 11.55 2 11 2H4c-1.1 0-2 .9-2 2v7c0 .55.22 1.05.59 1.42l9 9c.36.36.86.58 1.41.58.55 0 1.05-.22 1.41-.59l7-7c.37-.36.59-.86.59-1.41 0-.55-.23-1.06-.59-1.42zM5.5 7C4.67 7 4 6.33 4 5.5S4.67 4 5.5 4 7 4.67 7 5.5 6.33 7 5.5 7z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'comment' => /* material-design – comment */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'comment' => /* material-design – comment */ '
</ins><span class="cx" style="display: block; padding: 0 10px"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M21.99 4c0-1.1-.89-2-1.99-2H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h14l4 4-.01-18z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'person' => /* material-design – person */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'person' => /* material-design – person */ '
</ins><span class="cx" style="display: block; padding: 0 10px"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'edit' => /* material-design – edit */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'edit' => /* material-design – edit */ '
</ins><span class="cx" style="display: block; padding: 0 10px"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M3 17.25V21h3.75L17.81 9.94l-3.75-3.75L3 17.25zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34c-.39-.39-1.02-.39-1.41 0l-1.83 1.83 3.75 3.75 1.83-1.83z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'chevron_left' => /* material-design – chevron_left */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'chevron_left' => /* material-design – chevron_left */ '
</ins><span class="cx" style="display: block; padding: 0 10px"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'chevron_right' => /* material-design – chevron_right */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'chevron_right' => /* material-design – chevron_right */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'check' => /* material-design – check */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'check' => /* material-design – check */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> 'arrow_drop_down_circle' => /* material-design – arrow_drop_down_circle */ '
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <path d="M0 0h24v24H0z" fill="none"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 12l-4-4h8l-4 4z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path fill="none" d="M0 0h24v24H0V0z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <path d="M10 17l5-5-5-5v10z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> <path fill="none" d="M0 24V0h24v24H0z"/>
</span><span class="cx" style="display: block; padding: 0 10px"> </svg>',
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'keyboard_arrow_left' => /* material-design – keyboard_arrow_left */ '
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+ <path d="M14 7l-5 5 5 5V7z"/>
+ <path fill="none" d="M24 0v24H0V0h24z"/>
+</svg>',
+
</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="branches50srcwpcontentthemestwentynineteenclassesclasstwentynineteenwalkercommentphp"></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/classes/class-twentynineteen-walker-comment.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/classes/class-twentynineteen-walker-comment.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -54,7 +55,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s: comment author link */
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- __( '%s <span class="screen-reader-text says">says:</span>' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> sprintf( '<b class="fn">%s</b>', get_comment_author_link( $comment ) )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -69,12 +70,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> $edit_comment_icon = twentynineteen_get_icon_svg( 'edit', 16 );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- edit_comment_link( __( 'Edit' ), '<span class="edit-link-sep">—</span> <span class="edit-link">' . $edit_comment_icon, '</span>' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ edit_comment_link( __( 'Edit', 'twentynineteen' ), '<span class="edit-link-sep">—</span> <span class="edit-link">' . $edit_comment_icon, '</span>' );
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .comment-metadata -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( '0' == $comment->comment_approved ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentynineteen' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </footer><!-- .comment-meta -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteencommentsphp"></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/comments.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/comments.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/comments.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,6 +9,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,9 +29,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( comments_open() ) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( have_comments() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- echo esc_html_e( 'Join the Conversation', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ esc_html_e( 'Join the Conversation', 'twentynineteen' );
</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">- echo esc_html_e( 'Leave a comment', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ esc_html_e( 'Leave a comment', 'twentynineteen' );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> $comments_number = get_comments_number();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -84,17 +85,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </ol><!-- .comment-list -->
</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">- // Show comment form at bottom if showing newest comments at the bottom.
- if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
- ?>
- <div class="comment-form-flex">
- <span class="screen-reader-text"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></span>
- <?php twentynineteen_comment_form( 'asc' ); ?>
- <h2 class="comments-title" aria-hidden="true"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></h2>
- </div>
- <?php
- endif;
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Show comment navigation
</span><span class="cx" style="display: block; padding: 0 10px"> if ( have_comments() ) :
</span><span class="cx" style="display: block; padding: 0 10px"> $prev_icon = twentynineteen_get_icon_svg( 'chevron_left', 22 );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,6 +98,17 @@
</span><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">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Show comment form at bottom if showing newest comments at the bottom.
+ if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
+ ?>
+ <div class="comment-form-flex">
+ <span class="screen-reader-text"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></span>
+ <?php twentynineteen_comment_form( 'asc' ); ?>
+ <h2 class="comments-title" aria-hidden="true"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></h2>
+ </div>
+ <?php
+ endif;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // If comments are closed and there are comments, let's leave a little note, shall we?
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! comments_open() ) :
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenfooterphp"></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/footer.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/footer.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/footer.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,6 +8,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,8 +16,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- #content -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <footer id="colophon" class="site-footer">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="site-info">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?>
+ <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php printf( __( 'Proudly powered by %s', 'twentynineteen' ), 'WordPress' ); ?>.
</span><span class="cx" style="display: block; padding: 0 10px"> </a>
</span></span></pre></div>
<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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/functions.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,6 +6,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! function_exists( 'twentynineteen_setup' ) ) :
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -67,18 +68,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">- // Set up the WordPress core custom background feature.
- add_theme_support(
- 'custom-background',
- apply_filters(
- 'twentynineteen_custom_background_args',
- array(
- 'default-color' => 'ffffff',
- 'default-image' => '',
- )
- )
- );
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add support for core custom logo.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -106,11 +95,45 @@
</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 color to the editor color palette
+ add_theme_support(
+ 'editor-color-palette',
+ array(
+ array(
+ 'name' => esc_html__( 'Primary Color', 'twentynineteen' ),
+ 'slug' => 'primary',
+ 'color' => twentynineteen_hsl_hex( absint( get_theme_mod( 'colorscheme_hue', 199 ) ), 100, 33 ),
+ ),
+ )
+ );
+
</ins><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="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">+ * Register widget area.
+ *
+ * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
+ */
+function twentynineteen_widgets_init() {
+
+ register_sidebar(
+ array(
+ 'name' => __( 'Footer 1', 'twentynineteen' ),
+ 'id' => 'sidebar-1',
+ 'description' => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
+ 'before_widget' => '<section id="%1$s" class="widget %2$s">',
+ 'after_widget' => '</section>',
+ 'before_title' => '<h2 class="widget-title">',
+ 'after_title' => '</h2>',
+ )
+ );
+
+}
+add_action( 'widgets_init', 'twentynineteen_widgets_init' );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Set the content width in pixels, based on the theme's design and stylesheet.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Priority 0 to make it available to lower priority callbacks.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -135,6 +158,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'twentynineteen-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( has_nav_menu( 'menu-1' ) ) {
+ wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-navigation.js' ), array(), '1.0', true );
+ $twentynineteen_l10n['expand'] = __( 'Expand child menu', 'twentynineteen' );
+ $twentynineteen_l10n['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
+ }
+
+ wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $twentynineteen_l10n );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -151,12 +182,35 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Enqueue supplemental block editor styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_editor_frame_styles() {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ // Include color patterns
+ require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'twentynineteen-editor-frame-styles', get_theme_file_uri( '/style-editor-frame.css' ), false, '1.0', 'all' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_add_inline_style( 'twentynineteen-editor-frame-styles', twentynineteen_custom_colors_css() );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_frame_styles' );
</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">+ * Display custom color CSS in customizer and on frontend.
+ */
+function twentynineteen_colors_css_wrap() {
+ if ( 'custom' !== get_theme_mod( 'colorscheme' ) && ! is_customize_preview() ) {
+ return;
+ }
+
+ require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
+ $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) );
+ ?>
+
+ <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $hue . '"' : ''; ?>>
+ <?php echo twentynineteen_custom_colors_css(); ?>
+ </style>
+<?php
+}
+add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * SVG Icons class.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> require get_template_directory() . '/classes/class-twentynineteen-svg-icons.php';
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenheaderphp"></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/header.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/header.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/header.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,6 +8,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> ?><!doctype html>
</span><span class="cx" style="display: block; padding: 0 10px"> <html <?php language_attributes(); ?>>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,50 +24,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'twentynineteen' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <header id="masthead" class="<?php echo is_singular() && twentynineteen_can_show_post_thumbnail() ? 'site-header featured-image' : 'site-header'; ?>">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="site-branding-container">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .layout-wrap -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="hentry">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="site-featured-image">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php the_post(); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="entry-header">
- <?php if ( ! is_page() ) : ?>
- <?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
- <?php endif; ?>
- <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
- <?php if ( ! is_page() ) : ?>
- <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
- <?php twentynineteen_posted_by(); ?>
- <?php twentynineteen_posted_on(); ?>
- <span class="comment-count">
- <?php
- if ( ! empty( $discussion ) ) {
- twentynineteen_discussion_avatars_list( $discussion->authors );}
- ?>
- <?php twentynineteen_comment_count(); ?>
- </span>
- <?php
- // Edit post link.
- edit_post_link(
- sprintf(
- wp_kses(
- /* translators: %s: Name of current post. Only visible to screen readers. */
- __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
- array(
- 'span' => array(
- 'class' => array(),
- ),
- )
- ),
- get_the_title()
- ),
- '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
- '</span>'
- );
- ?>
- </div><!-- .meta-info -->
- <?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php $discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
+ <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
+ <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .entry-header -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php rewind_posts(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenimagephp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/image.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/image.php (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/image.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,103 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying image attachments
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+
+get_header();
+?>
+
+ <section id="primary" class="content-area">
+ <main id="main" class="site-main">
+
+ <?php
+ // Start the loop.
+ while ( have_posts() ) :
+ the_post();
+ ?>
+
+ <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+
+ <header class="entry-header">
+ <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+ </header><!-- .entry-header -->
+
+ <div class="entry-content">
+
+ <figure class="entry-attachment wp-block-image">
+ <?php
+ /**
+ * Filter the default twentynineteen image attachment size.
+ *
+ * @since Twenty Sixteen 1.0
+ *
+ * @param string $image_size Image size. Default 'large'.
+ */
+ $image_size = apply_filters( 'twentynineteen_attachment_size', 'full' );
+
+ echo wp_get_attachment_image( get_the_ID(), $image_size );
+ ?>
+
+ <figcaption class="wp-caption-text"><?php echo get_the_excerpt(); ?></figcaption>
+
+ </figure><!-- .entry-attachment -->
+
+ <?php
+ the_content();
+ wp_link_pages(
+ array(
+ 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentynineteen' ) . '</span>',
+ 'after' => '</div>',
+ 'link_before' => '<span>',
+ 'link_after' => '</span>',
+ 'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'twentynineteen' ) . ' </span>%',
+ 'separator' => '<span class="screen-reader-text">, </span>',
+ )
+ );
+ ?>
+ </div><!-- .entry-content -->
+
+ <footer class="entry-footer">
+ <?php
+ // Retrieve attachment metadata.
+ $metadata = wp_get_attachment_metadata();
+ if ( $metadata ) {
+ printf(
+ '<span class="full-size-link"><span class="screen-reader-text">%1$s </span><a href="%2$s">%3$s × %4$s</a></span>',
+ esc_html_x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
+ esc_url( wp_get_attachment_url() ),
+ absint( $metadata['width'] ),
+ absint( $metadata['height'] )
+ );
+ }
+ ?>
+
+ <?php twentynineteen_entry_footer(); ?>
+
+ </footer><!-- .entry-footer -->
+ </article><!-- #post-## -->
+
+ <?php
+ // Parent post navigation.
+ the_post_navigation(
+ array(
+ 'prev_text' => _x( '<span class="meta-nav">Published in</span><br><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
+ )
+ );
+
+ // If comments are open or we have at least one comment, load up the comment template.
+ if ( comments_open() || get_comments_number() ) {
+ comments_template();
+ }
+
+ // End the loop.
+ endwhile;
+ ?>
+
+ </main><!-- .site-main -->
+ </section><!-- .content-area -->
+
+<?php get_footer(); ?>
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninccolorpatternsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: 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 (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,216 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Twenty Nineteen: Color Patterns
+ *
+ * @package WordPress
+ * @subpackage TwentyNineteen
+ * @since 1.0
+ */
+
+/**
+ * Generate the CSS for the current custom color scheme.
+ */
+function twentynineteen_custom_colors_css() {
+
+ $default_primary_color = 199;
+ $primary_color = absint( get_theme_mod( 'colorscheme_hue', $default_primary_color ) );
+
+ /**
+ * Filter Twenty Nineteen default saturation level.
+ *
+ * @since Twenty Nineteen 1.0
+ *
+ * @param int $saturation Color saturation level.
+ */
+
+ $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
+ $reduced_saturation = ( .8 * $saturation ) . '%';
+ $saturation = $saturation . '%';
+
+ $theme_css = '
+ /*
+ * Set background for:
+ * - featured image :before
+ * - featured image :before
+ * - post thumbmail :before
+ * - post thumbmail :before
+ * - Submenu
+ * - Sticky Post
+ * - buttons
+ * - WP Block Button
+ * - Blocks
+ */
+ .image-filters-enabled .site-header.featured-image .site-featured-image:before,
+ .image-filters-enabled .site-header.featured-image .site-featured-image:after,
+ .image-filters-enabled .entry .post-thumbnail:before,
+ .image-filters-enabled .entry .post-thumbnail:after,
+ .main-navigation .sub-menu,
+ .sticky-post,
+ .entry-content .wp-block-button .wp-block-button__link,
+ .button, button, input[type="button"], input[type="reset"], input[type="submit"],
+ .entry-content > .has-primary-background-color,
+ .entry-content > *[class^="wp-block-"].has-primary-background-color,
+ .entry-content > *[class^="wp-block-"] .has-primary-background-color,
+ .entry-content > *[class^="wp-block-"].is-style-solid-color,
+ .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
+ .entry-content .wp-block-file .wp-block-file__button {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ /*
+ * Set Color for:
+ * - all links
+ * - main navigation links
+ * - Post navigation links
+ * - Post entry meta hover
+ * - Post entry header more-link hover
+ * - main navigation svg
+ * - comment navigation
+ * - Comment edit link hover
+ * - Site Footer Link hover
+ * - Widget links
+ */
+ a,
+ a:visited,
+ .main-navigation .main-menu > li,
+ .main-navigation ul.main-menu > li > a,
+ .post-navigation .post-title,
+ .entry .entry-meta a:hover,
+ .entry .entry-footer a:hover,
+ .entry .entry-content .more-link:hover,
+ .main-navigation .main-menu > li > a + svg,
+ .comment-navigation .nav-previous a:hover,
+ .comment-navigation .nav-next a:hover,
+ .comment .comment-metadata .comment-edit-link:hover,
+ #colophon .site-info a:hover,
+ .widget a,
+ .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+ .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+ .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+ .entry-content > *[class^="wp-block-"] .has-primary-color,
+ .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
+ color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ /*
+ * Set left border color for:
+ * wp block quote
+ */
+ .entry-content blockquote,
+ .entry-content .wp-block-quote:not(.is-large),
+ .entry-content .wp-block-quote:not(.is-style-large) {
+ border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ /*
+ * Set border color for:
+ * :focus
+ */
+ input[type="text"]:focus,
+ input[type="email"]:focus,
+ input[type="url"]:focus,
+ input[type="password"]:focus,
+ input[type="search"]:focus,
+ input[type="number"]:focus,
+ input[type="tel"]:focus,
+ input[type="range"]:focus,
+ input[type="date"]:focus,
+ input[type="month"]:focus,
+ input[type="week"]:focus,
+ input[type="time"]:focus,
+ input[type="datetime"]:focus,
+ input[type="datetime-local"]:focus,
+ input[type="color"]:focus,
+ textarea:focus {
+ border-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ .gallery-item > div > a:focus {
+ box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ /* Hover colors */
+ a:hover, a:active,
+ .main-navigation .main-menu > li > a:hover,
+ .main-navigation .main-menu > li > a:hover + svg,
+ .post-navigation .nav-links a:hover .post-title,
+ .author-bio .author-description .author-link:hover,
+ .comment .comment-author .fn a:hover,
+ .comment-reply-link:hover,
+ #cancel-comment-reply-link:hover,
+ .widget a:hover {
+ color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+ }
+
+ .main-navigation .sub-menu > li > a:hover,
+ .main-navigation .sub-menu > li > a:focus,
+ .main-navigation .sub-menu > li > a:hover:after,
+ .main-navigation .sub-menu > li > a:focus:after,
+ .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
+ .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
+ background: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+ }';
+
+ $editor_css = '
+ /*
+ * Set colors for:
+ * - links
+ * - blockquote
+ * - pullquote (solid color)
+ * - buttons
+ */
+ .editor-block-list__layout .editor-block-list__block a,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
+ color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
+ .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
+ border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__button,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
+ }
+
+ /* Hover colors */
+ .editor-block-list__layout .editor-block-list__block a:hover,
+ .editor-block-list__layout .editor-block-list__block a:active {
+ color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
+ }
+
+ /* Do not overwrite solid color pullquote or cover links */
+ .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color a,
+ .editor-block-list__layout .editor-block-list__block .wp-block-cover a {
+ color: inherit;
+ }
+ ';
+ $css = '';
+ if ( function_exists( 'register_block_type' ) && is_admin() ) {
+ $css .= $editor_css;
+ } else if ( ! is_admin() ) {
+ $css = $theme_css;
+ }
+
+ /**
+ * Filters Twenty Nineteen custom colors CSS.
+ *
+ * @since Twenty Nineteen 1.0
+ *
+ * @param string $css Base theme colors CSS.
+ * @param int $primary_color The user's selected color hue.
+ * @param string $saturation Filtered theme color saturation level.
+ */
+ return apply_filters( 'twentynineteen_custom_colors_css', $css, $primary_color, $saturation );
+}
</ins></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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,6 +33,78 @@
</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">+
+ /**
+ * Custom colors.
+ */
+ $wp_customize->add_setting(
+ 'colorscheme',
+ array(
+ 'default' => 'default',
+ 'transport' => 'postMessage',
+ 'sanitize_callback' => 'twentynineteen_sanitize_color_option',
+ )
+ );
+
+ $wp_customize->add_control(
+ 'colorscheme',
+ array(
+ 'type' => 'radio',
+ 'label' => __( 'Color Scheme', 'twentynineteen' ),
+ 'choices' => array(
+ 'default' => __( 'Default', 'twentynineteen' ),
+ 'custom' => __( 'Custom', 'twentynineteen' ),
+ ),
+ 'section' => 'colors',
+ 'priority' => 5,
+ )
+ );
+
+ // Add primary color setting and control.
+ $wp_customize->add_setting(
+ 'colorscheme_hue',
+ array(
+ 'default' => 199,
+ 'transport' => 'postMessage',
+ 'sanitize_callback' => 'absint',
+ )
+ );
+
+ $wp_customize->add_control(
+ new WP_Customize_Color_Control(
+ $wp_customize,
+ 'colorscheme_hue',
+ array(
+ 'label' => __( 'Primary Color' ),
+ 'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.' ),
+ 'section' => 'colors',
+ 'mode' => 'hue',
+ )
+ )
+ );
+
+ $wp_customize->add_setting(
+ 'image_filter',
+ array(
+ 'default' => 'active',
+ 'sanitize_callback' => 'twentynineteen_sanitize_image_filter',
+ 'transport' => 'postMessage',
+ )
+ );
+
+ $wp_customize->add_control(
+ 'image_filter',
+ array(
+ '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' ),
+ ),
+ )
+ );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'customize_register', 'twentynineteen_customize_register' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -54,9 +127,56 @@
</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">- * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Bind JS handlers to instantly live-preview changes.
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_customize_preview_js() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_script( 'twentynineteen-customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20151215', true );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script( 'twentynineteen-customize-preview', get_theme_file_uri( '/js/customize-preview.js' ), array( 'customize-preview' ), '20151215', true );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'customize_preview_init', 'twentynineteen_customize_preview_js' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+/**
+ * Load dynamic logic for the customizer controls area.
+ */
+function twentynineteen_panels_js() {
+ wp_enqueue_script( 'twentynineteen-customize-controls', get_theme_file_uri( '/js/customize-controls.js' ), array(), '1.0', true );
+}
+add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
+
+/**
+ * Sanitize image filter choice.
+ *
+ * @param string $choice Whether image filter is active.
+ *
+ * @return string
+ */
+function twentynineteen_sanitize_color_option( $choice ) {
+ $valid = array(
+ 'default',
+ 'custom',
+ );
+
+ if ( in_array( $choice, $valid, true ) ) {
+ return $choice;
+ }
+
+ return 'default';
+}
+/**
+ * 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';
+}
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninciconfunctionsphp"></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/icon-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/icon-functions.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/icon-functions.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninctemplatefunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,6 +33,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'body_class', 'twentynineteen_body_classes' );
</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">+ * Adds custom class to the array of posts classes.
+ */
+function twentynineteen_post_classes( $classes, $class, $post_id ) {
+ $classes[] = 'entry';
+
+ return $classes;
+}
+add_filter( 'post_class', 'twentynineteen_post_classes', 10, 3 );
+
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Add a pingback url auto-discovery header for single posts, pages, or attachments.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_pingback_header() {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -59,23 +71,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_get_the_archive_title() {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_category() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $title = esc_html__( 'Category Archives:', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = esc_html__( 'Category Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> } elseif ( is_tag() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $title = esc_html__( 'Tag Archives:', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = esc_html__( 'Tag Archives: ', 'twentynineteen' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> } elseif ( is_author() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $title = esc_html__( 'Author Archives:', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = esc_html__( 'Author Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> } elseif ( is_year() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $title = esc_html__( 'Yearly Archives:', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = esc_html__( 'Yearly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> } elseif ( is_month() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $title = esc_html__( 'Monthly Archives:', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = esc_html__( 'Monthly Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> } elseif ( is_day() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $title = esc_html__( 'Daily Archives:', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = esc_html__( 'Daily Archives: ', 'twentynineteen' ) . '<span class="page-description">' . get_the_date() . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> } elseif ( is_post_type_archive() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $title = esc_html__( 'Post Type Archives:', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = esc_html__( 'Post Type Archives: ', 'twentynineteen' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
</ins><span class="cx" style="display: block; padding: 0 10px"> } elseif ( is_tax() ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $tax = get_taxonomy( get_queried_object()->taxonomy );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: 1: Taxonomy singular name */
- $title = sprintf( __( '%s Archives: ' ), $tax->labels->singular_name );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: Taxonomy singular name */
+ $title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
</ins><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> $title = esc_html__( 'Archives:', 'twentynineteen' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -84,33 +96,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'get_the_archive_title', 'twentynineteen_get_the_archive_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">- * Filters the default archive descriptions.
- */
-function twentynineteen_get_the_archive_description() {
- if ( is_category() || is_tag() || is_tax() ) {
- $description = single_term_title( '', false );
- } elseif ( is_author() ) {
- $description = get_the_author_meta( 'display_name' );
- } elseif ( is_post_type_archive() ) {
- $description = post_type_archive_title( '', false );
- } elseif ( is_year() ) {
- $description = get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) );
- } elseif ( is_month() ) {
- $description = get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) );
- } elseif ( is_day() ) {
- $description = get_the_date();
- } else {
- $description = null;
- }
- return $description;
-}
-add_filter( 'get_the_archive_description', 'twentynineteen_get_the_archive_description' );
-
-/**
</del><span class="cx" style="display: block; padding: 0 10px"> * Determines if post thumbnail can be displayed.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_can_show_post_thumbnail() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return ! post_password_required() && ! is_attachment() && has_post_thumbnail();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return apply_filters( 'twentynineteen_can_show_post_thumbnail', ! post_password_required() && ! is_attachment() && has_post_thumbnail() );
</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">@@ -117,6 +106,9 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( 'inactive' === get_theme_mod( 'image_filter' ) ) {
+ return false;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> return true;
</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">@@ -154,7 +146,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> $authors = array();
</span><span class="cx" style="display: block; padding: 0 10px"> $commenters = array();
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $user_id = is_user_logged_in() ? get_current_user_id() : -1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $user_id = -1; // is_user_logged_in() ? get_current_user_id() : -1;
</ins><span class="cx" style="display: block; padding: 0 10px"> $comments = get_comments(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'post_id' => $current_post_id,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -204,23 +196,179 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'nav_menu_link_attributes', 'twentynineteen_nav_menu_link_attributes', 10, 4 );
</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 a dropdown icon to top-level menu items.
+ *
+ * @param string $output Nav menu item start element.
+ * @param object $item Nav menu item.
+ * @param int $depth Depth.
+ * @param object $args Nav menu args.
+ * @return string Nav menu item start element.
</ins><span class="cx" style="display: block; padding: 0 10px"> * Add a dropdown icon to top-level menu items
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_add_dropdown_icons( $output, $item, $depth, $args ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Only add class to 'top level' items on the 'primary' menu.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( 'menu-1' == $args->theme_location && 0 === $depth ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
+ return $output;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( in_array( 'menu-item-has-children', $item->classes ) ) {
- $output .= twentynineteen_get_icon_svg( 'arrow_drop_down_circle', 16 );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( in_array( 'mobile-parent-nav-menu-item', $item->classes, true ) && isset( $item->original_id ) ) {
+ // Inject the keyboard_arrow_left SVG inside the parent nav menu item, and let the item link to the parent item.
+ // @todo Only do this for nested submenus? If on a first-level submenu, then really the link could be "#" since the desire is to remove the target entirely.
+ $link = sprintf(
+ '<a class="menu-item-link-return" id="%1$s" href="%2$s" onclick="%3$s" tabindex="-1">%4$s',
+ esc_attr( "menu-item-link-return-{$item->original_id}" ),
+ esc_attr( "#menu-item-link-{$item->original_id}" ),
+ esc_attr( 'event.preventDefault();' ),
+ twentynineteen_get_icon_svg( 'chevron_left', 24 )
+ );
+
+ $output = preg_replace(
+ '/<a\s.*?>/',
+ $link,
+ $output,
+ 1 // Limit.
+ );
+ } elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
+ // Add an ID to the link element itself to facilitate navigation from submenu back to parent.
+ $output = preg_replace( '/(?<=<a\s)/', sprintf( ' id="%s" ', esc_attr( "menu-item-link-{$item->ID}" ) ), $output );
+
+ // Add SVG icon to parent items.
+ if ( 0 === $depth ) {
+ $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
+ } else {
+ $icon = twentynineteen_get_icon_svg( 'chevron_right', 24 );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- } else if ( 'menu-1' == $args->theme_location && $depth >= 1 ) {
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( in_array( 'menu-item-has-children', $item->classes ) ) {
- $output .= twentynineteen_get_icon_svg( 'keyboard_arrow_right', 24 );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // @todo We might as well just go back to using the SVG element if the link approach is not suitable for no-JS environments.
+ $link = sprintf(
+ '<a class="mobile-submenu-expand" href="%s" onclick="%s" tabindex="-1">%s</a>',
+ esc_attr( "#menu-item-link-return-{$item->ID}" ),
+ esc_attr( 'event.preventDefault();' ),
+ $icon
+ );
+
+ $output .= $link;
+ $output .= "<span class='desktop-submenu-expand'>$icon</span>";
</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"> return $output;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'walker_nav_menu_start_el', 'twentynineteen_add_dropdown_icons', 10, 4 );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+/**
+ * Create a nav menu item to be displayed on mobile to navigate from submenu back to the parent.
+ *
+ * This duplicates each parent nav menu item and makes it the first child of itself.
+ *
+ * @param array $sorted_menu_items Sorted nav menu items.
+ * @param object $args Nav menu args.
+ * @return array Amended nav menu items.
+ */
+function twentynineteen_add_mobile_parent_nav_menu_items( $sorted_menu_items, $args ) {
+ static $pseudo_id = 0;
+ if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
+ return $sorted_menu_items;
+ }
+
+ $amended_menu_items = array();
+ foreach ( $sorted_menu_items as $nav_menu_item ) {
+ $amended_menu_items[] = $nav_menu_item;
+ if ( in_array( 'menu-item-has-children', $nav_menu_item->classes, true ) ) {
+ $parent_menu_item = clone $nav_menu_item;
+ $parent_menu_item->original_id = $nav_menu_item->ID;
+ $parent_menu_item->ID = --$pseudo_id;
+ $parent_menu_item->db_id = $parent_menu_item->ID;
+ $parent_menu_item->object_id = $parent_menu_item->ID;
+ $parent_menu_item->classes = array( 'mobile-parent-nav-menu-item' );
+ $parent_menu_item->menu_item_parent = $nav_menu_item->ID;
+
+ $amended_menu_items[] = $parent_menu_item;
+ }
+ }
+
+ return $amended_menu_items;
+}
+add_filter( 'wp_nav_menu_objects', 'twentynineteen_add_mobile_parent_nav_menu_items', 10, 2 );
+
+/**
+ * Convert HSL to HEX colors
+ */
+function twentynineteen_hsl_hex( $h, $s, $l, $to_hex = true ) {
+
+ $h /= 360;
+ $s /= 100;
+ $l /= 100;
+
+ $r = $l;
+ $g = $l;
+ $b = $l;
+ $v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
+ if ( $v > 0 ) {
+ $m;
+ $sv;
+ $sextant;
+ $fract;
+ $vsf;
+ $mid1;
+ $mid2;
+
+ $m = $l + $l - $v;
+ $sv = ( $v - $m ) / $v;
+ $h *= 6.0;
+ $sextant = floor( $h );
+ $fract = $h - $sextant;
+ $vsf = $v * $sv * $fract;
+ $mid1 = $m + $vsf;
+ $mid2 = $v - $vsf;
+
+ switch ( $sextant ) {
+ case 0:
+ $r = $v;
+ $g = $mid1;
+ $b = $m;
+ break;
+ case 1:
+ $r = $mid2;
+ $g = $v;
+ $b = $m;
+ break;
+ case 2:
+ $r = $m;
+ $g = $v;
+ $b = $mid1;
+ break;
+ case 3:
+ $r = $m;
+ $g = $mid2;
+ $b = $v;
+ break;
+ case 4:
+ $r = $mid1;
+ $g = $m;
+ $b = $v;
+ break;
+ case 5:
+ $r = $v;
+ $g = $m;
+ $b = $mid2;
+ break;
+ }
+ }
+ $r = round( $r * 255, 0 );
+ $g = round( $g * 255, 0 );
+ $b = round( $b * 255, 0 );
+
+ if ( $to_hex ) {
+
+ $r = ( $r < 15 ) ? '0' . dechex( $r ) : dechex( $r );
+ $g = ( $g < 15 ) ? '0' . dechex( $g ) : dechex( $g );
+ $b = ( $b < 15 ) ? '0' . dechex( $b ) : dechex( $b );
+
+ return "#$r$g$b";
+
+ } else {
+
+ return "rgb($r, $g, $b)";
+ }
+}
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninctemplatetagsphp"></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-tags.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-tags.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! function_exists( 'twentynineteen_posted_on' ) ) :
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,7 +26,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"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">' . $time_string . '</a></span>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">%3$s</a></span>',
</ins><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_get_icon_svg( 'watch', 16 ),
</span><span class="cx" style="display: block; padding: 0 10px"> esc_url( get_permalink() ),
</span><span class="cx" style="display: block; padding: 0 10px"> $time_string
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -75,6 +76,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Posted by
</span><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_posted_by();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Posted on
+ twentynineteen_posted_on();
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Hide category and tag text for pages.
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'post' === get_post_type() ) {
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: used between list items, there is a space after the comma. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -185,12 +189,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Returns the HTML markup to generate a user avatar.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_get_user_avatar_markup( $id_or_email = null ) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( ! isset( $id_or_email ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $id_or_email = get_current_user_id();
</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">- $classes = array( 'comment-author', 'vcard' );
-
</del><span class="cx" style="display: block; padding: 0 10px"> return sprintf( '<div class="comment-user-avatar comment-author vcard">%s</div>', get_avatar( $id_or_email, twentynineteen_get_avatar_size() ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -218,9 +221,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_comment_form( $order ) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( true === $order || strtolower( $order ) === strtolower( get_option( 'comment_order', 'asc' ) ) ) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> comment_form(
</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">- 'title_reply_before' => twentynineteen_get_user_avatar_markup(),
</del><span class="cx" style="display: block; padding: 0 10px"> 'logged_in_as' => null,
</span><span class="cx" style="display: block; padding: 0 10px"> 'title_reply' => null,
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenincuiiconsphp"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: branches/5.0/src/wp-content/themes/twentynineteen/inc/ui-icons.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/ui-icons.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/ui-icons.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,7 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php
-/**
- * Custom Icons for this theme
- *
- * @package WordPress
- * @subpackage Twenty_Nineteen
- */
</del></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenindexphp"></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/index.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/index.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/index.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,12 +11,13 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</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">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,7 +40,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"> </main><!-- .site-main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- .content-area -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- .content-area -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjscustomizecontrolsjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: 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 (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,30 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * File customizer.js.
+ *
+ * Theme Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+
+(function() {
+
+ wp.customize.bind( 'ready', function() {
+
+ // Only show the color hue control when there's a custom color scheme.
+ wp.customize( 'colorscheme', function( setting ) {
+ wp.customize.control( 'colorscheme_hue', function( control ) {
+ var visibility = function() {
+ if ( 'custom' === setting.get() ) {
+ control.container.slideDown( 180 );
+ } else {
+ control.container.slideUp( 180 );
+ }
+ };
+
+ visibility();
+ setting.bind( visibility );
+ });
+ });
+ });
+
+})( jQuery );
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjscustomizepreviewjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: 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 (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,52 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * File customizer.js.
+ *
+ * Theme Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+
+(function( $ ) {
+
+ // Default color.
+ wp.customize( 'colorscheme', function( value ) {
+ value.bind( function( to ) {
+
+ // Update custom color CSS.
+ var style = $( '#custom-theme-colors' ),
+ hue = style.data( 'hue' ),
+ css = style.html();
+
+ // Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
+ css = css.split( hue + ',' ).join( to + ',' );
+ style.html( css ).data( 'hue', to );
+ });
+ });
+
+ // Primary color.
+ wp.customize( 'colorscheme_hue', function( value ) {
+ value.bind( function( to ) {
+
+ // Update custom color CSS.
+ var style = $( '#custom-theme-colors' ),
+ hue = style.data( 'hue' ),
+ css = style.html();
+
+ // Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
+ css = css.split( hue + ',' ).join( to + ',' );
+ style.html( css ).data( 'hue', to );
+ });
+ });
+
+ // Image filter.
+ wp.customize( 'image_filter', function( value ) {
+ value.bind( function( to ) {
+ if ( 'active' === to ) {
+ $( 'body' ).addClass( 'image-filters-enabled' );
+ } else {
+ $( 'body' ).removeClass( 'image-filters-enabled' );
+ }
+ } );
+ } );
+
+})( jQuery );
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjscustomizerjs"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: branches/5.0/src/wp-content/themes/twentynineteen/js/customizer.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/customizer.js 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/customizer.js 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,11 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/**
- * File customizer.js.
- *
- * Theme Customizer enhancements for a better user experience.
- *
- * Contains handlers to make Theme Customizer preview reload changes asynchronously.
- */
-
-( function( $ ) { // jshint ignore:line
-
-} )( jQuery );
</del></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjstouchnavigationjs"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/js/touch-navigation.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/touch-navigation.js (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/touch-navigation.js 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,163 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Touch navigation.
+ *
+ * Contains handlers for navigation on Touch devices.
+ */
+
+(function() {
+
+ // Toggle Aria Expanded state for screenreaders
+ function toggleAriaExpandedState( menuItems ) {
+ 'use strict';
+
+ var getMenuItem = menuItems;
+ var i;
+
+ for (i = 0; i < getMenuItem.length; i++) {
+
+ var state = getMenuItem[i].getAttribute('aria-expanded');
+
+ if (state === 'true') {
+ state = 'false';
+ } else {
+ state = 'true';
+ }
+
+ getMenuItem[i].setAttribute('aria-expanded', state);
+ }
+ }
+
+ // Toggle `focus` class to allow submenu access on tablets.
+ function toggleSubmenuTouchScreen() {
+ 'use strict';
+
+ var siteNavigation = document.querySelector('.main-navigation > div > ul');
+ var subMenuExpand = document.querySelectorAll('.mobile-submenu-expand');
+ var subMenuReturn = document.querySelectorAll('.menu-item-link-return');
+ var parentMenuLink = siteNavigation.querySelectorAll('.menu-item-has-children a[aria-expanded]');
+ var i;
+ var o;
+ var u;
+
+ // Check for submenus and bail if none exist
+ if ( ! siteNavigation || ! siteNavigation.children ) {
+ return;
+ }
+
+ function openSubMenu( currentSubmenu ) {
+
+ currentSubmenu.addEventListener('touchend', function() {
+
+ var menuItem = currentSubmenu.closest('.menu-item'); // this.parentNode
+ var menuItemAria = menuItem.querySelectorAll('a[aria-expanded]');
+
+ menuItem.classList.add('focus');
+ menuItem.lastElementChild.classList.add('expanded-true');
+
+ toggleAriaExpandedState( menuItemAria );
+
+ // Disable focus when using touchdevices
+ siteNavigation.blur();
+ });
+ }
+
+ function closeSubMenu( currentSubmenu ) {
+
+ currentSubmenu.addEventListener('touchend', function() {
+
+ var menuItem = currentSubmenu.closest('.menu-item'); // this.parentNode
+ var nearestSubMenu = currentSubmenu.closest('.sub-menu');
+
+ // If this is in a sub-sub-menu, go back to parent sub-menu
+ if ( currentSubmenu.closest('ul').classList.contains('sub-menu') ) {
+
+ nearestSubMenu.classList.remove('expanded-true');
+ toggleAriaExpandedState( currentSubmenu.closest('.menu-item').querySelectorAll('a[aria-expanded]') );
+
+ // Or else close all sub-menus
+ } else {
+
+ menuItem.classList.remove('focus');
+ menuItem.lastElementChild.classList.remove('expanded-true');
+ toggleAriaExpandedState( currentSubmenu.closest('.menu-item').querySelectorAll('a[aria-expanded]') );
+ }
+
+ // Disable :focus when using touchdevices
+ siteNavigation.blur();
+ });
+ }
+
+ // Open submenus on touch
+ for ( i = 0; i < subMenuExpand.length; i++) {
+ subMenuExpand[i].addEventListener('touchstart', openSubMenu( subMenuExpand[i] ) );
+ }
+
+ // Close sub-menus or sub-sub-menus on touch
+ for ( o = 0; o < subMenuReturn.length; o++) {
+ subMenuReturn[o].addEventListener('touchstart', closeSubMenu( subMenuReturn[o] ) );
+ }
+
+ // Prevent :focus-within on menu-item links when using touch devices
+ for ( u = 0; u < parentMenuLink.length; u++) {
+ parentMenuLink[u].addEventListener('touchstart', function( event ) {
+
+ // Stop link behavior
+ event.preventDefault();
+
+ // Go to link without openning submenu
+ window.location = this.getAttribute('href');
+
+ });
+ }
+ }
+
+ // Debounce
+ function debounce(func, wait, immediate) {
+ 'use strict';
+
+ var timeout;
+ wait = (typeof wait !== 'undefined') ? wait : 20;
+ immediate = (typeof immediate !== 'undefined') ? immediate : true;
+
+ return function() {
+
+ var context = this, args = arguments;
+ var later = function() {
+ timeout = null;
+
+ if (!immediate) {
+ func.apply(context, args);
+ }
+ };
+
+ var callNow = immediate && !timeout;
+
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+
+ if (callNow) {
+ func.apply(context, args);
+ }
+ };
+ }
+
+ // Run our functions once the window has loaded fully
+ window.addEventListener('load', function() {
+ toggleSubmenuTouchScreen();
+ });
+
+ // Annnnnd also every time the window resizes
+ var isResizing = false;
+ window.addEventListener('resize', debounce( function() {
+ if (isResizing) {
+ return;
+ }
+
+ isResizing = true;
+ setTimeout( function() {
+ toggleSubmenuTouchScreen();
+ isResizing = false;
+ }, 150 );
+ }));
+
+})();
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenpagephp"></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/page.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/page.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/page.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,12 +6,13 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</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">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,7 +32,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"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- #primary -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/print.css 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,7 +19,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @page {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2cm;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-header, .site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-header, .site-footer .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fonts */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -96,7 +96,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-title:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-title:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-meta, .entry-footer,
</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></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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/print.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,7 +23,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2cm;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-header, .site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-header, .site-footer .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -119,7 +119,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-title:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-title:before,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-meta, .entry-footer,
</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></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenreadmetxt"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/readme.txt</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/readme.txt 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/readme.txt 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,11 +23,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 4. Go to https://codex.wordpress.org/Twenty_Nineteen for a guide on how to customize this theme.
</span><span class="cx" style="display: block; padding: 0 10px"> 5. Navigate to Appearance > Customize in your admin panel and customize to taste.
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> ## Copyright
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Nineteen WordPress Theme, Copyright 2018 WordPress.org
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-Twenty Nineteen is distributed under the terms of the GNU GPL
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+Twenty Nineteen is distributed under the terms of the GNU GPL.
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> This program is free software: you can redistribute it and/or modify
</span><span class="cx" style="display: block; padding: 0 10px"> it under the terms of the GNU General Public License as published by
</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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -41,9 +41,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: calc(1 * (100vw / 12));
- margin-right: calc(1 * (100vw / 12));
- max-width: calc(10 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(2 * (100vw / 12));
+ margin-right: calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
</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">@@ -83,6 +83,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(2 * (100vw / 12));
</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">+ &.aligncenter {
+
+ margin-left: auto;
+ margin-right: auto;
+
+ @include media(desktop) {
+ margin-left: calc(2 * (100vw / 12));
+ margin-right: calc(2 * (100vw / 12));
+ max-width: calc(10 * (100vw / 12));
+ position: relative;
+ left: 25%;
+ transform: translate(-50%);
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -131,7 +145,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: ($size__spacing-unit * .66) $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
+ padding: ($size__spacing-unit * .76) $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: white;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,15 +175,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include button-all-transition;
</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">- border: 2px solid $color__background-button;
-
- &:not(.has-text-color) {
- color: $color__background-button;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 2px solid currentColor;
+ color: $color__background-button;
</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">- border-color: $color__background-button-hover;
</del><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-button-hover;
</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">@@ -186,16 +197,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- a:after {
- color: $color__text-light;
- content: ",";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &:not(.menu-item-has-children) {
+ padding-bottom: ( .75 * $size__spacing-unit );
</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">- &:last-child a:after {
- color: $color__text-light;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ ul {
+ padding-left: $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">@@ -233,7 +246,7 @@
</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="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // !Paragraphs
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ //! Paragraphs
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-drop-cap {
</span><span class="cx" style="display: block; padding: 0 10px"> &:not(:focus):first-letter {
</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">@@ -244,12 +257,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">- // !Pullquote
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ //! Pullquote
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><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><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"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(2 * #{$size__spacing-unit});
</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">@@ -261,7 +275,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-main;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> em {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -278,7 +291,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-xs;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-light;
</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"> &.alignleft,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -295,6 +307,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: $color__link;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> p {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-lg;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -306,16 +320,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
+ color: $color__background-body;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</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) p,
- cite {
- color: white;
- }
-
- &:not(.has-background-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .has-primary-background-color {
</ins><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 class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -405,9 +419,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Cover Image
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-image,
+ .wp-block-cover {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image-text,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> h2 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-lg;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -432,7 +448,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &.alignright,
</span><span class="cx" style="display: block; padding: 0 10px"> &.aligncenter {
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-image-text,
+ .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 50%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -446,7 +463,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-image-text,
+ .wp-block-cover-text {
</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"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -455,7 +473,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-image-text,
+ .wp-block-cover-text {
</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"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -628,4 +647,20 @@
</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">+
+ //! Custom colors
+ .has-primary-background-color {
+ background-color: $color__link;
+
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__background-body;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasselements_elementsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -36,7 +36,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"> a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin;
+ outline-style: dotted;
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,30 +62,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:before {
- background-color: $color__background-pre;
- border: 1px dashed $color__background-hr;
- border-radius: 3px;
- content: " ";
- display: block;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
-
- &:after {
- color: $color__text-input;
- content: "This image is broken :-/ ( "attr(alt)" )";
- display: block;
- left: 50%;
- position: absolute;
- text-align: center;
- top: 50%;
- transform: translate(-50%, -50%);
- width: 100%;
- }
</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"> figure {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,10 +69,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"> blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> border-left: 2px solid $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: -($size__spacing-unit * 2);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: $size__spacing-unit 0 ($size__spacing-unit * .5) ($size__spacing-unit * 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 0 0 $size__spacing-unit;
</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"> margin: 0 0 $size__spacing-unit;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassforms_buttonsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,7 +15,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: ( $size__spacing-unit * .66 ) $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
+ vertical-align: bottom;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassforms_fieldsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,7 +19,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: solid 1px $color__border;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: #{.5 * $size__spacing-unit} #{.66 * $size__spacing-unit};
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: $color__link;
</span></span></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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,11 +1,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex-flow: row wrap;
+ justify-content: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(1.5 * #{$size__spacing-unit});
</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-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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: $size__spacing-unit;
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,7 +21,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"> &:last-of-type {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,8 +40,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><span class="cx" style="display: block; padding: 0 10px"> background: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
+ @supports (mix-blend-mode: multiply) {
+ opacity: 1;
+ }
</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="branches50srcwpcontentthemestwentynineteensassnavigation_linksscss"></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/_links.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/_links.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_links.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,7 +15,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"> &:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin dotted;
</ins><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></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: 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 (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,296 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Main menu === */
+
+.main-navigation {
+
+ display: block;
+ margin-top: #{0.25 * $size__spacing-unit};
+
+ body.page & {
+ display: block;
+ }
+
+ > div {
+ display: inline;
+ }
+
+ .main-menu {
+
+ display: inline;
+ margin: 0;
+ padding: 0;
+
+ > li {
+
+ color: $color__link;
+ display: inline;
+
+ @include media(tablet) {
+ position: relative;
+ }
+
+ > a {
+
+ font-weight: 700;
+ color: $color__link;
+ margin-right: #{0.5 * $size__spacing-unit};
+
+ + svg {
+ margin-right: #{0.5 * $size__spacing-unit};
+ }
+
+ &:hover,
+ &:hover + svg {
+ color: $color__link-hover;
+ }
+ }
+
+ &.menu-item-has-children {
+
+ display: inline-block;
+
+ > a {
+ margin-right: #{0.125 * $size__spacing-unit};
+ }
+
+ & > a,
+ .menu-item-has-children > a {
+
+ &:after {
+ content: "";
+ display: none;
+ }
+ }
+
+ .mobile-submenu-expand svg,
+ .desktop-submenu-expand svg {
+ position: relative;
+ top: 0.2rem;
+ }
+
+ &:not(:last-child) {
+
+ .mobile-submenu-expand,
+ .desktop-submenu-expand {
+ margin-right: #{0.5 * $size__spacing-unit};
+ }
+ }
+ }
+
+ &:last-child > a {
+ margin-right: 0;
+ }
+ }
+ }
+
+ .sub-menu {
+
+ background: $color__link;
+ color: $color__background-body;
+ list-style: none;
+ padding-left: 0;
+
+ display: none;
+ float: left;
+ position: absolute;
+ opacity: 0;
+ left: -999px;
+ z-index: 99999;
+
+ @include media(tablet) {
+ width: max-content;
+ max-width: calc(3 * (100vw / 12));
+ }
+
+ > li {
+
+ clear: both;
+ display: block;
+ float: none;
+ position: relative;
+ word-break: break-word;
+
+ &.menu-item-has-children {
+
+ .mobile-submenu-expand,
+ .desktop-submenu-expand {
+ position: absolute;
+ width: calc( 24px + #{$size__spacing-unit} );
+ right: 0;
+ top: calc( .125 * #{$size__spacing-unit} );
+ bottom: 0;
+ color: white;
+ line-height: 1;
+ padding: calc( .5 * #{$size__spacing-unit} );
+
+ svg {
+ top: 0;
+ }
+ }
+
+ &:not(:last-child) {
+
+ .mobile-submenu-expand,
+ .desktop-submenu-expand {
+ margin-right: 0;
+ }
+ }
+
+ @include media(tablet) {
+ .menu-item-has-children > a {
+
+ &:after {
+ content: "\203a";
+ }
+ }
+ }
+ }
+
+ > a:not(.mobile-submenu-expand) {
+ color: $color__background-body;
+ display: block;
+ line-height: $font__line-height-heading;
+ padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
+
+ &:hover,
+ &:focus {
+ background: $color__link-hover;
+
+ &:after {
+ background: $color__link-hover;
+ }
+ }
+ }
+
+ &.mobile-parent-nav-menu-item {
+ display: none;
+ font-size: $font__size-sm;
+ font-weight: normal;
+
+ svg {
+ position: relative;
+ top: 0.2rem;
+ margin-right: calc( .25 * #{$size__spacing-unit} );
+ }
+ }
+ }
+ }
+
+ /*
+ * :focus-within needs its own selector so other similar
+ * selectors don’t get ignored if a browser doesn’t recognize it
+ */
+ .main-menu .menu-item-has-children:focus-within > .sub-menu {
+ display: block;
+ left: 0;
+ margin-top: 0;
+ opacity: 1;
+ width: calc( 100vw - #{$size__spacing-unit * 2});
+
+ .sub-menu {
+
+ margin-top: inherit;
+ position: relative;
+ padding-left: $size__spacing-unit;
+
+ @include media(tablet) {
+ padding-left: 0;
+ position: absolute;
+ left: 100%;
+ width: max-content;
+ top: 0;
+ }
+ }
+ }
+
+ .main-menu .menu-item-has-children:hover > .sub-menu,
+ .main-menu .menu-item-has-children:focus > .sub-menu,
+ .main-menu .menu-item-has-children .sub-menu:hover,
+ .main-menu .menu-item-has-children .sub-menu:focus {
+ display: table;
+ margin-top: 0;
+ opacity: 1;
+
+ /* Non-mobile position */
+ @include media(tablet) {
+ position: absolute;
+ left: 0;
+ right: auto;
+ top: auto;
+ bottom: auto;
+ height: auto;
+ width: max-content;
+ transform: none;
+ animation: fade_in 0.1s forwards;
+ }
+
+ .sub-menu {
+
+ @include media(tablet) {
+ margin-top: inherit;
+ padding-left: 0;
+ position: absolute;
+ left: 100%;
+ top: 0;
+ }
+ }
+ }
+
+ .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
+
+ display: table;
+ margin-top: 0;
+ opacity: 1;
+ padding-left: 0;
+
+ /* Mobile position */
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ position: fixed;
+ z-index: 100000; /* Make sure appears above mobile admin bar */
+ width: 100%;
+ height: 100%;
+ transform: translateX(+100%);
+ animation: slide_in_right 0.3s forwards;
+
+ > .mobile-parent-nav-menu-item {
+ display: inline-block;
+ }
+ }
+
+ /* Only show one submenu expand button at a time (desktop vs mobile) */
+ .desktop-submenu-expand {
+ display: none;
+
+ @include media(tablet) {
+ display: inline-block;
+ }
+ }
+
+ .mobile-submenu-expand {
+ display: inline-block;
+
+ @include media(tablet) {
+ display: none;
+ }
+ }
+
+}
+
+/* Menu Animation */
+
+@keyframes slide_in_right {
+ 100% {
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fade_in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassnavigation_menusocialnavigationscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-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-social-navigation.scss (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-navigation.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,55 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Social menu */
+
+.social-navigation {
+ margin-top: calc(#{$size__spacing-unit} / 2 );
+ text-align: left;
+
+ ul.social-links-menu {
+ @include clearfix;
+
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+
+ li {
+ display: inline-block;
+ vertical-align: bottom;
+ vertical-align: -webkit-baseline-middle;
+ list-style: none;
+
+ &:nth-child(n+2) {
+ margin-left: 0.1em;
+ }
+
+ a {
+ border-bottom: 1px solid transparent;
+ display: block;
+ color: $color__text-main;
+ margin-bottom: -1px;
+ transition: opacity $link_transition ease-in-out;
+
+ &:hover,
+ &:active {
+ color: $color__text-main;
+ opacity: 0.6;
+ }
+
+ &:focus {
+ color: $color__text-main;
+ opacity: 1;
+ border-bottom: 1px solid $color__text-main;
+ }
+
+ svg {
+ display: block;
+ width: 32px;
+ height: 32px;
+
+ &#ui-icon-link {
+ transform: rotate(-45deg);
+ }
+ }
+ }
+ }
+ }
+}
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassnavigation_menusscss"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menus.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/_menus.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menus.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,249 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/** === Main menu === */
-
-.main-navigation {
-
- display: inline;
-
- @include media(tablet) {
- display: block;
- }
-
- body.page & {
- display: block;
- }
-
- > div {
- display: inline;
- }
-
- .main-menu {
-
- display: inline;
- margin: 0;
- padding: 0;
-
- > li {
-
- display: inline;
-
- > a {
-
- font-weight: 700;
- color: $color__link;
-
- + svg {
- color: $color__link;
- margin-right: #{-0.25 * $size__spacing-unit};
- }
-
- &:hover {
- color: $color__link-hover;
- + svg {
- color: $color__link-hover;
- }
- }
-
- &:after {
- content: ",";
- display: inline;
- color: $color__text-light;
- }
- }
-
- &.menu-item-has-children {
-
- &:after {
- content: ",";
- display: inline;
- color: $color__text-light;
- }
-
- & > a,
- .menu-item-has-children > a {
-
- &:after {
- content: "";
- display: none;
- }
- }
- }
-
- &:last-child> a:after {
- content: ".";
- }
-
- &:last-child > a {
- margin-right: 0;
- }
- }
- }
-
- .sub-menu {
-
- background: $color__link;
- color: $color__background-body;
- list-style: none;
- padding-left: 0;
-
- display: none;
- float: left;
- width: 100%;
- position: absolute;
- opacity: 0;
- left: -999em;
- z-index: 99999;
- -webkit-transition: opacity 0.5s ease-in-out;
- -moz-transition: opacity 0.5s ease-in-out;
- transition: opacity 0.5s ease-in-out;
-
- @include media(tablet) {
- max-width: calc(3 * (100vw / 12));
- }
-
- > li {
-
- clear: both;
- display: block;
- float: none;
- position: relative;
- word-break: break-word;
-
- &.menu-item-has-children {
-
- svg {
- position: absolute;
- right: #{0.5 * $size__spacing-unit};
- top: #{0.65 * $size__spacing-unit};
- }
-
- @include media(tablet) {
- .menu-item-has-children > a {
-
- &:after {
- content: "\203a";
- }
- }
- }
- }
-
- > a {
- color: $color__background-body;
- display: block;
- line-height: $font__line-height-heading;
- padding: calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
-
- &:hover,
- &:focus {
- background: $color__link-hover;
-
- &:after {
- background: $color__link-hover;
- }
- }
- }
- }
- }
-
- .main-menu .menu-item-has-children:hover > .sub-menu,
- .main-menu .menu-item-has-children .sub-menu:hover {
- display: block;
- left: inherit;
- margin-top: -2px;
- opacity: 1;
-
- .sub-menu {
-
- margin-top: inherit;
- position: relative;
- padding-left: $size__spacing-unit;
-
- @include media(tablet) {
- padding-left: 0;
- position: absolute;
- left: 100%;
- top: 0;
- }
- }
- }
-
- /*
- * :focus-within needs its own selector so other similar
- * selectors don’t get ignored if a browser doesn’t recognize it
- */
- .main-menu .menu-item-has-children:focus-within > .sub-menu {
- display: block;
- left: inherit;
- margin-top: -2px;
- opacity: 1;
-
- .sub-menu {
-
- margin-top: inherit;
- position: relative;
- padding-left: $size__spacing-unit;
-
- @include media(tablet) {
- padding-left: 0;
- position: absolute;
- left: 100%;
- top: 0;
- }
- }
- }
-}
-
-/* Social menu */
-
-.social-navigation {
- margin-top: calc(#{$size__spacing-unit} / 2 );
- text-align: left;
-
- ul.social-links-menu {
- @include clearfix;
-
- display: inline-block;
- margin: 0;
- padding: 0;
-
- li {
- display: inline-block;
- vertical-align: bottom;
- vertical-align: -webkit-baseline-middle;
- list-style: none;
-
- &:nth-child(n+2) {
- margin-left: 0.1em;
- }
-
- a {
- border-bottom: 1px solid transparent;
- display: block;
- color: $color__text-main;
- margin-bottom: -1px;
- transition: opacity $link_transition ease-in-out;
-
- &:hover,
- &:active {
- color: $color__text-main;
- opacity: 0.6;
- }
-
- &:focus {
- color: $color__text-main;
- opacity: 1;
- border-bottom: 1px solid $color__text-main;
- }
-
- svg {
- display: block;
- width: 32px;
- height: 32px;
-
- &#ui-icon-link {
- transform: rotate(-45deg);
- }
- }
- }
- }
- }
-}
</del></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassnavigation_navigationscss"></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/_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/_navigation.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,7 +6,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Menus
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@import "menus";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "menu-main-navigation";
+@import "menu-social-navigation";
</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"> ## Next / Previous
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassnavigation_nextpreviousscss"></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/_next-previous.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/_next-previous.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+ margin: calc(3 * 1rem) calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+ }
+
+ @include media(desktop) {
+ margin: calc(3 * 1rem) 0;
+ max-width: 100%;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,6 +21,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+ margin: 0;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,6 +87,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> order: 2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: $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"> .meta-nav {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -138,9 +153,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 $size__spacing-unit;
+
+ @include media(desktop) {
+ margin: 0 calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
</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"> .nav-previous,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -147,6 +167,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: $font__heading;
+ font-weight: bold;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .secondary-text {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,9 +1,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Site footer */
</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-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-light;
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .widget-area,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-info {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,7 +17,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">- a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-info a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,4 +25,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__link;
</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">+
+ .widget-column {
+ display: flex;
+ flex-wrap: wrap;
+ .widget {
+ width: 100%;
+ @include media(desktop) {
+ margin-right: calc(3 * #{$size__spacing-unit});
+ width: calc(50% - (3 * #{$size__spacing-unit}));
+ }
+ }
+ }
+
+ .site-info {
+ color: $color__text-light;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteheader_sitefeaturedimagescss"></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-featured-image.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-featured-image.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,46 +17,52 @@
</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><span class="cx" style="display: block; padding: 0 10px"> .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation a,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation a + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .social-navigation a,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry a {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image a {
+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: opacity $link_transition ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:active {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:active,
+ &:hover + svg,
+ &:active + svg {
+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.6;
</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">- &:focus {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:focus,
+ &:focus + svg {
+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // add focus state to social media icons
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* add focus state to social media icons */
</ins><span class="cx" style="display: block; padding: 0 10px"> .social-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 1px solid $color__background-body;
</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"> .social-navigation svg,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image svg {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
</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">- /* Post header styles */
- .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Entry header */
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image .entry-header {
+
+ margin-bottom: 0;
</ins><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="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -69,9 +75,73 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:before {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-body;
</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 meta */
+
+ .entry-meta {
+
+ font-weight: 500;
+
+ > span {
+
+ margin-right: $size__spacing-unit;
+ display: inline-block;
+
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+
+ a {
+
+ @include link-transition;
+ color: currentColor;
+
+ &:hover {
+ text-decoration: none;
+ }
+ }
+
+ .svg-icon {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 0.5em;
+ }
+
+ .discussion-avatar-list {
+ display: none;
+ }
+ }
+
+ &.has-discussion {
+
+ @include media (tablet) {
+
+ .entry-meta {
+ display: flex;
+ position: relative;
+ }
+
+ .entry-title {
+ padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
+ }
+
+ .entry-meta .comment-count {
+ position: absolute;
+ right: 0;
+ }
+
+ .entry-meta .discussion-avatar-list {
+ display: block;
+ position: absolute;
+ bottom: 100%;
+ }
+ }
+ }
</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"> /* Custom Logo Link */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -78,27 +148,32 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .custom-logo-link {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: white;
- box-shadow: 0 0 0 0 rgba(white, 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-body;
+ box-shadow: 0 0 0 0 rgba($color__background-body, 0);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> &:active,
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 0 0 2px rgba(white, 1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 0 0 2px rgba($color__background-body, 1);
</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"> /* Make sure important elements are above pseudo elements used for effects. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-branding,
- .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-branding {
+ position: relative;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</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-featured-image .entry-header {
+ position: relative;
+ z-index: 9;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Set up image filter layer positioning */
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry:before,
- .hentry:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image:before,
+ .site-featured-image:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -117,65 +192,86 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* The intensity of each blend mode is controlled via layer opacity. */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* First layer: grayscale. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-branding-container:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-branding-container:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-position: center;
</span><span class="cx" style="display: block; padding: 0 10px"> background-repeat: no-repeat;
</span><span class="cx" style="display: block; padding: 0 10px"> background-size: cover;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- filter: grayscale(100%);
</del><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /* When image filters are active, make it grayscale to colorize it blue. */
+ .image-filters-enabled & {
+ filter: grayscale(100%);
+ }
</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"> /* Second layer: screen. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled & .site-featured-image:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 2;
</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"> /* Third layer: multiply. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry:after {
- background: $color__link;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are inactive, a black overlay is added. */
+ .site-featured-image:after {
+ background: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 1;
- z-index: 3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .7;
+
+ /* When image filters are active, a blue overlay is added. */
+ .image-filters-enabled & {
+ background: $color__link;
+ opacity: .8;
+ z-index: 3;
+
+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
+ @supports (mix-blend-mode: multiply) {
+ opacity: 1;
+ }
+ }
</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"> /* Fourth layer: overlay. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-branding-container:after {
- background: rgba(white, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled & .site-branding-container:after {
+ background: rgba(#000, 0.35);
</ins><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: overlay;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.5;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /* Browsers supporting mix-blend-mode can have a light overlay */
+ @supports (mix-blend-mode: overlay) {
+ background: rgba($color__background-body, 0.35);
+ }
</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"> /* Fifth layer: readability overlay */
</span><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: mix($color__link, black, 12%);
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add a transition to the readability overlay, to add a subtle
</span><span class="cx" style="display: block; padding: 0 10px"> * but smooth effect when resizing the screen.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 1200ms ease-in-out;
</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">+ opacity: 0.7;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 5;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 0.38;
</del><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(tablet) {
- opacity: 0.18;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are active, a blue overlay is added. */
+ .image-filters-enabled & {
+ background: mix($color__link, black, 12%);
+ opacity: 0.38;
</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 media(desktop) {
- opacity: 0.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ opacity: 0.18;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> ::-moz-selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: rgba(white, 0.17);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: rgba($color__background-body, 0.17);
</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"> ::selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: rgba(white, 0.17);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: rgba($color__background-body, 0.17);
</ins><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="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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,7 +31,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 calc(2 * (100vw / 12));
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 22em;
</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">@@ -46,7 +45,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(100% + (0.5 * calc(100vw / 12)));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% + (0.5 * 100vw / 12));
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 4px; // Accounts for box-shadow widths
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 999;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -81,11 +80,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Site title
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><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">- color: $color__text-main;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a:link,
+ a:visited {
+ color: $color__text-main;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .featured-image & {
</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">@@ -110,6 +113,11 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &:not(:empty) + .site-description:not(:empty):before {
+ content: "\2014";
+ margin: 0 .2em;
+ }
</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 description
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,9 +128,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- &:not(:empty):before {
- content: "\2014";
- margin: 0 .2em;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteprimary_archivesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,8 +33,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">-.hfeed .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive .page-header .page-description {
+ display: block;
+ color: $color__text-main;
+ font-size: 1em;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.hfeed .entry .entry-header {
+
</ins><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}) calc(2 * (100vw / 12)) calc(#{ $size__spacing-unit } / 2);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteprimary_commentsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,18 +9,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add extra margin when the comments section is located immediately after the
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * post itself (this happens on pages).
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * post itself (this happens on pages).
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry + & {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry + & {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(3 * #{$size__spacing-unit});
</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">- .comments-title-wrap,
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-list,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px"> > .comment-respond,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form-flex,
</span><span class="cx" style="display: block; padding: 0 10px"> .no-comments {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
</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">@@ -31,14 +30,31 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-title-wrap {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- align-items: baseline;
- display: flex;
- justify-content: space-between;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
</ins><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) {
+ align-items: baseline;
+ display: flex;
+ justify-content: space-between;
+ margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-title {
</span><span class="cx" style="display: block; padding: 0 10px"> @include post-section-dash;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+ flex: 1 0 calc(3 * (100vw / 12));
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .discussion-meta {
+ @include media(tablet) {
+ flex: 0 0 calc(2 * (100vw / 12));
+ margin-left: #{$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">@@ -48,11 +64,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"> #respond {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-user-avatar {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: $size__spacing-unit 0 -#{$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"> .comment .comment-form {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -74,26 +89,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> > .comments-title:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- > #respond {
- @include media(desktop) {
-
- .comment-user-avatar {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
-
- .avatar {
- display: block;
- }
- }
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form-flex {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -104,8 +102,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"> #respond {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ order: 2;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- order: 2;
</del><span class="cx" style="display: block; padding: 0 10px"> + .comments-title {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -113,7 +111,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"> .comment-list {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -125,11 +122,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> > .comment:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</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"> .comment-reply {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> left: calc(#{$size__spacing-unit} + 100%);
</span><span class="cx" style="display: block; padding: 0 10px"> bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -144,12 +139,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"> .comment {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .children {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -217,10 +210,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> background: lighten( $color__link, 8% );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(100% + #{$size__spacing-unit * .25});
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% - #{$size__spacing-unit * 2.5});
</ins><span class="cx" style="display: block; padding: 0 10px"> top: -3px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 18px;
</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) {
+ right: calc(100% + #{$size__spacing-unit * .75});
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> svg {
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> height: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -282,7 +279,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"> .comment-edit-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: -#{$size__spacing-unit};
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -345,20 +341,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: calc(1.5 * #{$size__spacing-unit});
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(1.5 * #{$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(tablet) {
-
- }
</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="cx" style="display: block; padding: 0 10px"> .discussion-meta {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .discussion-avatar-list {
- display: inline-block;
- margin-right: 8px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .discussion-meta-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteprimary_postsandpagesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,7 +24,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 calc(1.5 * #{$size__spacing-unit});
</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">-.hentry {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(6 * #{$size__spacing-unit});
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,10 +39,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .featured-image & {
- margin-bottom: 0;
- }
</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">@@ -69,6 +65,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> > span {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: $size__spacing-unit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:last-child {
</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">@@ -95,26 +92,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-meta {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> margin: $size__spacing-unit 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- &.has-discussion .comment-count {
-
- @include media(desktop) {
- float: right;
- position: relative;
- }
-
- .discussion-avatar-list {
- display: none;
-
- @include media(desktop) {
- bottom: 100%;
- display: block;
- position: absolute;
- }
- }
- }
</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"> .entry-footer {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -122,7 +100,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: $size__spacing-unit calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 12));
</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">@@ -162,7 +140,24 @@
</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"> .post-thumbnail-inner {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include filter-grayscale;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ filter: grayscale(100%);
+
+ &:after {
+ background: rgba(#000, 0.35);
+ content: "";
+ display: block;
+ height: 100%;
+ opacity: .5;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 4;
+
+ @supports (mix-blend-mode: multiply) {
+ display: none;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:before, &:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -172,18 +167,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0; left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><span class="cx" style="display: block; padding: 0 10px"> pointer-events: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include filter-duotone;
</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"> }
</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">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ p {
+ word-wrap: break-word;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .more-link {
</span><span class="cx" style="display: block; padding: 0 10px"> @include link-transition;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -190,7 +187,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "»";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "\02192";
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5em;
</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">@@ -238,3 +235,41 @@
</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">+
+/* Author description */
+
+.author-bio {
+
+ margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
+
+ @include media(tablet) {
+ margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
+
+ @include media(tablet) {
+ max-width: calc(6 * (100vw / 12));
+ }
+
+ .author-title {
+ @include post-section-dash;
+ display: inline;
+ }
+
+ .author-description {
+
+ display: inline;
+ color: $color__text-light;
+ font-size: $font__size-md;
+ line-height: $font__line-height-heading;
+
+ .author-link {
+ display: inline-block;
+
+ &:hover {
+ color: $color__link-hover;
+ text-decoration: none;
+ }
+ }
+ }
+}
</ins></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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,4 +5,52 @@
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</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">+
+ a {
+ color: $color__link;
+
+ &:hover {
+ color: $color__link-hover;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.widget_archive,
+.widget_nav_menu,
+.widget_meta,
+.widget_recent_entries,
+.widget_rss {
+
+ ul {
+ padding: 0;
+ list-style: none;
+
+ li {
+ color: $color__text-light;
+ font-family: $font__heading;
+ font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
+ font-weight: bold;
+ line-height: $font__line-height-heading;
+
+ &:not(.menu-item-has-children) {
+ padding-bottom: ( .75 * $size__spacing-unit );
+ }
+
+ ul {
+ padding-left: $size__spacing-unit;
+ }
+ }
+
+ &.sub-menu {
+ padding-top: ( .75 * $size__spacing-unit );
+ }
+ }
+}
+
+.widget_search {
+
+ .search-submit {
+ display: block;
+ margin-top: $size__spacing-unit;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasstypography_copyscss"></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/typography/_copy.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/typography/_copy.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,14 +9,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- > p {
- font-size: $font__size-lg;
- font-style: italic;
- line-height: $font__line-height-heading;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> cite {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: $font__size-sm;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: $font__size-xs;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasstypography_headingsscss"></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/typography/_headings.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/typography/_headings.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +1,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .page-description,
</span><span class="cx" style="display: block; padding: 0 10px"> h2.author-title,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .not-found .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .error-404 .page-title,
</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">@@ -40,7 +41,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul.main-menu > li,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.author-description p.author-bio,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-bio,
</ins><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensearchphp"></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/search.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/search.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/search.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,6 +6,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,9 +21,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <h1 class="page-title">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php esc_html_e( 'Search results for:', 'twentynineteen' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </h1>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="page-description">
- <?php echo get_search_query(); ?>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="page-description"><?php echo get_search_query(); ?></div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .page-header -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -35,7 +34,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * If you want to override this in a child theme, then include a file
</span><span class="cx" style="display: block; padding: 0 10px"> * called content-___.php (where ___ is the Post Format name) and that will be used instead.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- get_template_part( 'template-parts/content/content' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ get_template_part( 'template-parts/content/content', 'excerpt' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // End the loop.
</span><span class="cx" style="display: block; padding: 0 10px"> endwhile;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensinglephp"></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/single.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/single.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/single.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,12 +6,13 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</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">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,7 +27,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Parent post navigation.
</span><span class="cx" style="display: block; padding: 0 10px"> the_post_navigation(
</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">- 'prev_text' => _x( '<span class="meta-nav">Published in</span><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'prev_text' => _x( '<span class="meta-nav">Published in</span><br/><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
</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"> } elseif ( is_singular( 'post' ) ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -52,7 +53,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"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- #primary -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_template_part( 'template-parts/post/post', 'navigation' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorframecss"></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-frame.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-frame.css 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor-frame.css 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,7 +8,7 @@
</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="cx" style="display: block; padding: 0 10px"> /** === Title === */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body.gutenberg-editor-page .gutenberg .editor-post-title__block:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body.block-editor-page .block-editor .editor-post-title__block:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -17,7 +17,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</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">-body.gutenberg-editor-page .gutenberg .editor-post-title__block:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body.block-editor-page .block-editor .editor-post-title__block:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 2.8125em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,13 +26,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0.5em;
</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">-body.gutenberg-editor-page .gutenberg .editor-post-title__block .editor-post-title__input {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body.block-editor-page .block-editor .editor-post-title__block .editor-post-title__input {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.8125em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Default Appender === */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body.gutenberg-editor-page .gutenberg .editor-default-block-appender__content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body.block-editor-page .block-editor .editor-default-block-appender__content {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,22 +39,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Off-Center Content === */
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-writing-flow {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body.block-editor-page .block-editor .edit-post-layout .editor-writing-flow {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 80%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 10%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-post-title__block,
- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-default-block-appender,
- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-block-list__block {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body.block-editor-page .block-editor .edit-post-layout .editor-post-title__block,
+ body.block-editor-page .block-editor .edit-post-layout .editor-default-block-appender,
+ body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block {
</ins><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="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-block-list__block[data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block[data-align="full"] {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: calc( 125% + 88px + 28px);
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> left: calc( -12.5% - 46px - 14px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-block-list__block[data-align="right"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block[data-align="right"] {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 125%;
</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="branches50srcwpcontentthemestwentynineteenstyleeditorframescss"></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-frame.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-frame.scss 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor-frame.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,7 +12,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Title === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body.gutenberg-editor-page .gutenberg .editor-post-title__block {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body.block-editor-page .block-editor .editor-post-title__block {
</ins><span class="cx" style="display: block; padding: 0 10px"> @include post-section-dash;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:before {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,7 +32,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Default Appender === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body.gutenberg-editor-page .gutenberg .editor-default-block-appender__content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body.block-editor-page .block-editor .editor-default-block-appender__content {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__body;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size_base;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,7 +39,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Off-Center Content === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body.gutenberg-editor-page .gutenberg .edit-post-layout {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body.block-editor-page .block-editor .edit-post-layout {
</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"> .editor-writing-flow {
</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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -116,6 +116,18 @@
</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 p,
+.has-primary-background-color h1,
+.has-primary-background-color h2,
+.has-primary-background-color h3,
+.has-primary-background-color h4,
+.has-primary-background-color h5,
+.has-primary-background-color h6,
+.has-primary-background-color a,
+.has-primary-background-color a:hover {
+ color: #fff;
+}
+
</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">@@ -133,9 +145,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.25em 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/** === Cover Image === */
-.wp-block-cover-image h2,
-.wp-block-cover-image .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Cover === */
+.wp-block-cover h2,
+.wp-block-cover .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -142,37 +154,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.4;
</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-cover-image.has-left-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-left-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</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-cover-image.has-left-content h2,
-.wp-block-cover-image.has-left-content .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-left-content h2,
+.wp-block-cover.has-left-content .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</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-cover-image.has-right-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-right-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</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-cover-image.has-right-content h2,
-.wp-block-cover-image.has-right-content .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover.has-right-content h2,
+.wp-block-cover.has-right-content .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</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">-body[data-type="core/cover-image"][data-align="left"] h2,
-body[data-type="core/cover-image"][data-align="left"] .wp-block-cover-image-text,
-body[data-type="core/cover-image"][data-align="right"] h2,
-body[data-type="core/cover-image"][data-align="right"] .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body[data-type="core/cover"][data-align="left"] h2,
+body[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
+body[data-type="core/cover"][data-align="right"] h2,
+body[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 305px;
</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: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body[data-type="core/cover-image"][data-align="wide"] h2,
- body[data-type="core/cover-image"][data-align="wide"] .wp-block-cover-image-text,
- body[data-type="core/cover-image"][data-align="full"] h2,
- body[data-type="core/cover-image"][data-align="full"] .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body[data-type="core/cover"][data-align="wide"] h2,
+ body[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
+ body[data-type="core/cover"][data-align="full"] h2,
+ body[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(6 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 12));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -195,8 +207,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</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-button .wp-block-button__link:not(.has-background),
-.wp-block-button .wp-block-button__link:not(.has-background) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</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">@@ -204,18 +215,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link,
-.wp-block-button.is-style-outline .wp-block-button__link:hover,
-.wp-block-button.is-style-outline .wp-block-button__link:focus,
-.wp-block-button.is-style-outline .wp-block-button__link:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline, .wp-block-button.is-style-outline:hover, .wp-block-button.is-style-outline:focus, .wp-block-button.is-style-outline:active {
</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-color: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #0073aa;
</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-button.is-style-outline .wp-block-button__link:not(.has-text-color),
-.wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-text-color),
-.wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
-.wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link {
+ background: transparent;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</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">@@ -268,9 +277,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">-.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) p,
-.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
+ 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"> .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -298,7 +306,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</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"> @media only screen and (min-width: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -322,7 +329,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #767676;
</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"> body[data-type="core/pullquote"] em,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -346,13 +352,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</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">-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color p,
-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color p,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
- color: white;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
</span><span class="cx" style="display: block; padding: 0 10px"> body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
</span><span class="cx" style="display: block; padding: 0 10px"> body[data-type="core/pullquote"][data-align="left"] p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -433,6 +432,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</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">+ul.wp-block-archives li:not(.menu-item-has-children),
+.wp-block-categories li:not(.menu-item-has-children),
+.wp-block-latest-posts li:not(.menu-item-has-children) {
+ padding-bottom: 0.75rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> ul.wp-block-archives li a,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-categories li a,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts li a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -439,20 +444,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul.wp-block-archives li a:after,
-.wp-block-categories li a:after,
-.wp-block-latest-posts li a:after {
- color: #767676;
- content: ",";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul.wp-block-archives li ul,
+.wp-block-categories li ul,
+.wp-block-latest-posts li ul {
+ padding-left: 1rem;
</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">-ul.wp-block-archives li:last-child a:after,
-.wp-block-categories li:last-child a:after,
-.wp-block-latest-posts li:last-child a:after {
- color: #767676;
- content: ".";
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /** === Latest Posts grid view === */
</span><span class="cx" style="display: block; padding: 0 10px"> .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="lines" style="display: block; padding: 0 10px; color: #888">@@ -502,8 +499,21 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-freeform {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add style for galleries in classic-editor block */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Add style for galleries in classic-editor block */
</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">+.wp-block-freeform blockquote {
+ border-left: 2px solid #0073aa;
+}
+
+.wp-block-freeform blockquote cite {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: 0.71111em;
+ font-style: normal;
+ line-height: 1.6;
+ color: #767676;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-freeform .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -102,6 +102,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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-primary-background-color {
+
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a,
+ a:hover {
+ color: $color__background-body;
+ }
+}
+
</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">@@ -123,12 +138,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">-/** === Cover Image === */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Cover === */
</ins><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-cover-image {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-xl;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -139,7 +154,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</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">@@ -148,28 +163,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</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><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/cover-image"][data-align="left"],
-body[data-type="core/cover-image"][data-align="right"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body[data-type="core/cover"][data-align="left"],
+body[data-type="core/cover"][data-align="right"] {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 305px;
</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">-body[data-type="core/cover-image"][data-align="wide"],
-body[data-type="core/cover-image"][data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body[data-type="core/cover"][data-align="wide"],
+body[data-type="core/cover"][data-align="full"] {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(6 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 12));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -200,8 +215,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</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-button__link:not(.has-background),
- .wp-block-button__link:not(.has-background) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:not(.is-style-outline) .wp-block-button__link {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__background-button;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -209,15 +223,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.is-style-outline .wp-block-button__link,
- &.is-style-outline .wp-block-button__link:hover,
- &.is-style-outline .wp-block-button__link:focus,
- &.is-style-outline .wp-block-button__link:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.is-style-outline,
+ &.is-style-outline:hover,
+ &.is-style-outline:focus,
+ &.is-style-outline:active {
</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-color: $color__background-button;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-button;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:not(.has-text-color) {
- color: $color__background-button;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-button__link {
+ background: transparent;
+
+ &:not(.has-text-color) {
+ color: $color__background-button;
+ }
</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">@@ -274,9 +292,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">- blockquote:not(.has-text-color) p,
- .wp-block-pullquote__citation {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ blockquote:not(.has-text-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">
</span><span class="cx" style="display: block; padding: 0 10px"> &:not(.has-background-color) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -302,7 +319,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-main;
</del><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">@@ -314,7 +330,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-xs;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-light;
</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"> em {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -334,11 +349,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- p,
- .wp-block-pullquote__citation {
- color: white;
- }
</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">@@ -425,18 +435,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:not(.menu-item-has-children) {
+ padding-bottom: ( .75 * $size__spacing-unit );
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- &:after {
- color: $color__text-light;
- content: ",";
- }
</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">- &:last-child a:after {
- color: $color__text-light;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ul {
+ padding-left: $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">@@ -499,6 +507,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-freeform {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add style for galleries in classic-editor block */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ blockquote {
+ border-left: 2px solid $color__link;
+
+ cite {
+ font-family: $font__heading;
+ font-size: $font__size-xs;
+ font-style: normal;
+ line-height: 1.6;
+ color: $color__text-light;
+ }
+ }
+
+ /* Add style for galleries in classic-editor block */
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -422,6 +422,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .page-description,
</span><span class="cx" style="display: block; padding: 0 10px"> h2.author-title,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .not-found .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .error-404 .page-title,
</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">@@ -461,7 +462,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul.main-menu > li,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.author-description p.author-bio,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-bio,
</ins><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -580,14 +581,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</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 > p {
- font-size: 1.6875em;
- font-style: italic;
- line-height: 1.2;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote cite {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 0.88889em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.71111em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -666,7 +661,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"> a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin;
+ outline-style: dotted;
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -730,31 +726,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</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">-img:before {
- background-color: #eee;
- border: 1px dashed #ccc;
- border-radius: 3px;
- content: " ";
- display: block;
- height: 100%;
- right: 0;
- position: absolute;
- top: 0;
- width: 100%;
-}
-
-img:after {
- color: #666;
- content: "This image is broken :-/ ( " attr(alt) " )";
- display: block;
- right: 50%;
- position: absolute;
- text-align: center;
- top: 50%;
- transform: translate(50%, -50%);
- width: 100%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> figure {
</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">@@ -762,7 +733,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border-right: 2px solid #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: -2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 1rem 2rem 0.5rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 1rem 0 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -799,7 +770,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.66rem 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.76rem 1rem;
+ vertical-align: bottom;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -852,7 +824,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: solid 1px #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.5rem 0.66rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.36rem 0.66rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="text"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -908,7 +880,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:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin dotted;
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -917,19 +889,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Main menu === */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: block;
+ margin-top: 0.25rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * :focus-within needs its own selector so other similar
</span><span class="cx" style="display: block; padding: 0 10px"> * selectors don’t get ignored if a browser doesn’t recognize it
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only show one submenu expand button at a time (desktop vs mobile) */
</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">-@media only screen and (min-width: 768px) {
- .main-navigation {
- display: block;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> body.page .main-navigation {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -945,37 +913,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</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">+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu > li {
+ position: relative;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><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">+ margin-left: 0.5rem;
</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 > li > a + svg {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #0073aa;
- margin-left: -0.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0.5rem;
</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 > li > a:hover {
- color: #005177;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li > a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a:hover + svg {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #005177;
</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 > li > a:after {
- content: ",";
- display: inline;
- color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children {
+ display: inline-block;
</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 > li.menu-item-has-children:after {
- content: ",";
- display: inline;
- color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children > a {
+ margin-left: 0.125rem;
</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 > li.menu-item-has-children > a:after,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -984,10 +952,17 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li:last-child > a:after {
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand svg,
+.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand svg {
+ position: relative;
+ top: 0.2rem;
</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">+.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
+.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+ margin-left: 0.5rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li:last-child > a {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -999,16 +974,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 100%;
</del><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: -999em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: -999px;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 99999;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: opacity 0.5s ease-in-out;
</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"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(3 * (100vw / 12));
</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">@@ -1021,12 +997,28 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li.menu-item-has-children svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: 0.5rem;
- top: 0.65rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc( 24px + 1rem);
+ left: 0;
+ top: calc( .125 * 1rem);
+ bottom: 0;
+ color: white;
+ line-height: 1;
+ padding: calc( .5 * 1rem);
</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">+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand svg,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand svg {
+ top: 0;
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+ margin-left: 0;
+}
+
</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"> .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\203a";
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1033,31 +1025,42 @@
</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 .sub-menu > li > a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: calc( .5 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem);
</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 .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #005177;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover:after, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #005177;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
-.main-navigation .main-menu .menu-item-has-children .sub-menu:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
+ display: none;
+ font-size: 0.88889em;
+ font-weight: normal;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
+ position: relative;
+ top: 0.2rem;
+ margin-left: calc( .25 * 1rem);
+}
+
+.main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu {
</ins><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">- right: inherit;
- margin-top: -2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: 0;
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc( 100vw - 2rem);
</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:hover > .sub-menu .sub-menu,
-.main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1064,30 +1067,52 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
- .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</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:focus-within > .sub-menu {
- display: block;
- right: inherit;
- margin-top: -2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
+.main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
+ display: table;
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Non-mobile position */
</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:focus-within > .sub-menu .sub-menu {
- margin-top: inherit;
- position: relative;
- padding-right: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
+ .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
+ position: absolute;
+ right: 0;
+ left: auto;
+ top: auto;
+ bottom: auto;
+ height: auto;
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ transform: none;
+ animation: fade_in 0.1s forwards;
+ }
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children .sub-menu:focus .sub-menu {
+ margin-top: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1095,6 +1120,65 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
+ display: table;
+ margin-top: 0;
+ opacity: 1;
+ padding-right: 0;
+ /* Mobile position */
+ right: 0;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ position: fixed;
+ z-index: 100000;
+ /* Make sure appears above mobile admin bar */
+ width: 100%;
+ height: 100%;
+ transform: translateX(-100%);
+ animation: slide_in_right 0.3s forwards;
+}
+
+.main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
+ display: inline-block;
+}
+
+.main-navigation .desktop-submenu-expand {
+ display: none;
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .desktop-submenu-expand {
+ display: inline-block;
+ }
+}
+
+.main-navigation .mobile-submenu-expand {
+ display: inline-block;
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .mobile-submenu-expand {
+ display: none;
+ }
+}
+
+/* Menu Animation */
+@keyframes slide_in_right {
+ 100% {
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fade_in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Social menu */
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(1rem / 2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1158,6 +1242,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 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">+@media only screen and (min-width: 768px) {
+ .post-navigation {
+ margin: calc(3 * 1rem) calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .post-navigation {
+ margin: calc(3 * 1rem) 0;
+ max-width: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1165,6 +1263,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</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">+@media only screen and (min-width: 768px) {
+ .post-navigation .nav-links {
+ margin: 0;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1231,6 +1335,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> order: 2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1279,12 +1384,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 1rem;
</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">+@media only screen and (min-width: 1168px) {
+ .comment-navigation .nav-links {
+ margin: 0 calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-previous,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: bold;
</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"> .comment-navigation .nav-previous .secondary-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1449,7 +1564,6 @@
</span><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-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 calc(2 * (100vw / 12));
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 22em;
</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">@@ -1463,7 +1577,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(100% + (0.5 * calc(100vw / 12)));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: calc(100% + (0.5 * 100vw / 12));
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 999;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1498,10 +1612,14 @@
</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">- color: #111;
</del><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:link,
+.site-title a:visited {
+ color: #111;
+}
+
</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">@@ -1530,6 +1648,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title:not(:empty) + .site-description:not(:empty):before {
+ content: "\2014";
+ margin: 0 .2em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-description {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1537,11 +1660,6 @@
</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="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-description:not(:empty):before {
- content: "\2014";
- margin: 0 .2em;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Need relative positioning to properly align layers. */
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1548,7 +1666,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add text shadow to text, to increase readability. */
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set white text color when featured image is set. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Post header styles */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* add focus state to social media icons */
+ /* Entry header */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Custom Logo Link */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Make sure important elements are above pseudo elements used for effects. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set up image filter layer positioning */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1561,6 +1680,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* First layer: grayscale. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Second layer: screen. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Third layer: multiply. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are inactive, a black overlay is added. */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Fourth layer: overlay. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fifth layer: readability overlay */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1573,65 +1693,138 @@
</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><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation a,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image a {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 110ms ease-in-out;
</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"> .site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a:hover + svg,
+.site-header.featured-image .main-navigation a:active + svg,
+.site-header.featured-image .main-navigation a + svg:hover,
+.site-header.featured-image .main-navigation a + svg:active,
+.site-header.featured-image .main-navigation a + svg:hover + svg,
+.site-header.featured-image .main-navigation a + svg:active + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .social-navigation a:hover + svg,
+.site-header.featured-image .social-navigation a:active + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:active,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a:hover,
-.site-header.featured-image .hentry a:active {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-title a:hover + svg,
+.site-header.featured-image .site-title a:active + svg,
+.site-header.featured-image .site-featured-image a:hover,
+.site-header.featured-image .site-featured-image a:active,
+.site-header.featured-image .site-featured-image a:hover + svg,
+.site-header.featured-image .site-featured-image a:active + svg {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.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"> .site-header.featured-image .main-navigation a:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a:focus + svg,
+.site-header.featured-image .main-navigation a + svg:focus,
+.site-header.featured-image .main-navigation a + svg:focus + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .social-navigation a:focus + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a:focus {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-title a:focus + svg,
+.site-header.featured-image .site-featured-image a:focus,
+.site-header.featured-image .site-featured-image a:focus + svg {
+ 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"> .site-header.featured-image .social-navigation a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 1px solid #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"> .site-header.featured-image .social-navigation svg,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image svg {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><span class="cx" style="display: block; padding: 0 10px"> filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
</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-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header {
+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Entry meta */
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-header.featured-image .site-featured-image .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(2 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(2 * (100vw / 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">-.site-header.featured-image .hentry .entry-header .entry-title:before {
- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
+ background: #fff;
</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">+.site-header.featured-image .site-featured-image .entry-header .entry-meta {
+ font-weight: 500;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
+ margin-left: 1rem;
+ display: inline-block;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
+ margin-left: 0;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
+ transition: color 110ms ease-in-out;
+ color: currentColor;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
+ text-decoration: none;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin-left: 0.5em;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
+ display: none;
+}
+
+@media only screen and (min-width: 768px) {
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
+ display: flex;
+ position: relative;
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
+ padding-left: calc(1 * (100vw / 12) + 1rem);
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
+ position: absolute;
+ left: 0;
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
+ display: block;
+ position: absolute;
+ bottom: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .custom-logo-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1639,15 +1832,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 2px white;
</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-header.featured-image .site-branding,
-.site-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-branding {
+ position: relative;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</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 .entry-header {
+ position: relative;
+ z-index: 9;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-branding-container:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-branding-container:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry:before,
-.site-header.featured-image .hentry:after, .site-header.featured-image:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image:before,
+.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1661,54 +1859,77 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-position: center;
</span><span class="cx" style="display: block; padding: 0 10px"> background-repeat: no-repeat;
</span><span class="cx" style="display: block; padding: 0 10px"> background-size: cover;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- filter: grayscale(100%);
</del><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are active, make it grayscale to colorize it blue. */
</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">-.site-header.featured-image .hentry:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .site-header.featured-image .site-branding-container:before {
+ filter: grayscale(100%);
+}
+
+.image-filters-enabled .site-header.featured-image .site-featured-image:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 2;
</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-header.featured-image .hentry:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image:after {
+ background: #000;
+ mix-blend-mode: multiply;
+ opacity: .7;
+ /* When image filters are active, a blue overlay is added. */
+}
+
+.image-filters-enabled .site-header.featured-image .site-featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- mix-blend-mode: multiply;
- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</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">-.site-header.featured-image .site-branding-container:after {
- background: rgba(255, 255, 255, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .site-header.featured-image .site-featured-image:after {
+ opacity: 1;
+ }
+}
+
+.image-filters-enabled .site-header.featured-image .site-branding-container:after {
+ background: rgba(0, 0, 0, 0.35);
</ins><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: overlay;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.5;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode can have a light overlay */
</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">+@supports (mix-blend-mode: overlay) {
+ .image-filters-enabled .site-header.featured-image .site-branding-container:after {
+ background: rgba(255, 255, 255, 0.35);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #000e14;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add a transition to the readability overlay, to add a subtle
</span><span class="cx" style="display: block; padding: 0 10px"> * but smooth effect when resizing the screen.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 1200ms ease-in-out;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: 0.7;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 5;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are active, a blue overlay is added. */
+}
+
+.image-filters-enabled .site-header.featured-image:after {
+ background: #000e14;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.38;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled .site-header.featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.18;
</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) {
- .site-header.featured-image:after {
- opacity: 0.1;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image ::-moz-selection {
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.17);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1746,33 +1967,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 calc(1.5 * 1rem);
</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">-.hentry {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(6 * 1rem);
</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">-.hentry:first-of-type {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry:first-of-type {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 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">-.hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 1rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .featured-image .hentry .entry-header {
- margin-bottom: 0;
- }
</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">-.hentry .entry-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 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">-.hentry .entry-title:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1781,44 +1999,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</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">-.hentry .entry-title a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</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">-.hentry .entry-title a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #4a4a4a;
</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">-.hentry .entry-meta,
-.hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta,
+.entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</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">-.hentry .entry-meta > span,
-.hentry .entry-footer > span {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta > span,
+.entry .entry-footer > span {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</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">-.hentry .entry-meta > span:last-child,
-.hentry .entry-footer > span:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta > span:last-child,
+.entry .entry-footer > span:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta a,
-.hentry .entry-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta a,
+.entry .entry-footer a {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: color 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</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">-.hentry .entry-meta a:hover,
-.hentry .entry-footer a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta a:hover,
+.entry .entry-footer a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</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">-.hentry .entry-meta .svg-icon,
-.hentry .entry-footer .svg-icon {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta .svg-icon,
+.entry .entry-footer .svg-icon {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1825,89 +2044,80 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5em;
</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">-.hentry .entry-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem 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">-@media only screen and (min-width: 1168px) {
- .hentry .entry-meta.has-discussion .comment-count {
- float: left;
- position: relative;
- }
-}
-
-.hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
- display: none;
-}
-
-@media only screen and (min-width: 1168px) {
- .hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
- bottom: 100%;
- display: block;
- position: absolute;
- }
-}
-
-.hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 1rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-footer {
- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-footer {
+ margin: 1rem calc(2 * (100vw / 12)) calc(3 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 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><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 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">-.hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem calc(2 * (100vw / 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">-.hentry .post-thumbnail:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail:focus {
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .post-thumbnail .post-thumbnail-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail .post-thumbnail-inner {
</ins><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">-.hentry .post-thumbnail .post-thumbnail-inner img {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail .post-thumbnail-inner img {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</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">-.image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner {
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> filter: grayscale(100%);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 1;
</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">-.image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
+ background: rgba(0, 0, 0, 0.35);
+ content: "";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 100%;
+ opacity: .5;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 100%;
- z-index: 10;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ z-index: 4;
</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">-.image-filters-enabled .hentry .post-thumbnail:before, .image-filters-enabled .hentry .post-thumbnail:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
+ display: none;
+ }
+}
+
+.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1915,11 +2125,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><span class="cx" style="display: block; padding: 0 10px"> pointer-events: none;
</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">-.image-filters-enabled .hentry .post-thumbnail:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1926,44 +2135,55 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</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">-.image-filters-enabled .hentry .post-thumbnail:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</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">-.hentry .entry-content .more-link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .entry .post-thumbnail:after {
+ opacity: 1;
+ }
+}
+
+.entry .entry-content p {
+ word-wrap: break-word;
+}
+
+.entry .entry-content .more-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: color 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</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">-.hentry .entry-content .more-link:after {
- content: "»";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .more-link:after {
+ content: "\02192";
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0.5em;
</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">-.hentry .entry-content .more-link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .more-link:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content > iframe[style] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > iframe[style] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 32px 1rem !important;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - (2 * 1rem)) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content > iframe[style] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > iframe[style] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 32px calc(2 * (100vw / 12)) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 12)) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1970,27 +2190,74 @@
</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: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content > iframe[style] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > iframe[style] {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 12)) !important;
</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">-.hentry .entry-content .wp-audio-shortcode {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-audio-shortcode {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - (2 * 1rem));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content .wp-audio-shortcode {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-audio-shortcode {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 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><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content .wp-audio-shortcode {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-audio-shortcode {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 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">+/* Author description */
+.author-bio {
+ margin: calc(2 * 1rem) 1rem 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .author-bio {
+ margin: calc(3 * 1rem) calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .author-bio {
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
+.author-bio .author-title {
+ display: inline;
+}
+
+.author-bio .author-title:before {
+ background: #767676;
+ content: "\020";
+ display: block;
+ height: 2px;
+ margin: 1rem 0;
+ width: 1em;
+}
+
+.author-bio .author-description {
+ display: inline;
+ color: #767676;
+ font-size: 1.125em;
+ line-height: 1.2;
+}
+
+.author-bio .author-description .author-link {
+ display: inline-block;
+}
+
+.author-bio .author-description .author-link:hover {
+ color: #005177;
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Comments
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2004,16 +2271,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add extra margin when the comments section is located immediately after the
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * post itself (this happens on pages).
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * post itself (this happens on pages).
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry + .comments-area {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry + .comments-area {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(3 * 1rem);
</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">-.comments-area .comments-title-wrap,
</del><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comment-list,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comments-area .comment-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area > .comment-respond,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comment-form-flex,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area .no-comments {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2021,8 +2288,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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comments-area .comments-title-wrap,
</del><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comment-list,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comments-area .comment-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area > .comment-respond,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comment-form-flex,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area .no-comments {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2032,11 +2299,19 @@
</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"> .comments-area .comments-title-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- align-items: baseline;
- display: flex;
- justify-content: space-between;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(2 * 1rem) 1rem;
</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">+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap {
+ align-items: baseline;
+ display: flex;
+ justify-content: space-between;
+ margin: calc(3 * 1rem) calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comments-title-wrap .comments-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">@@ -2050,6 +2325,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</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">+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap .comments-title {
+ flex: 1 0 calc(3 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap .discussion-meta {
+ flex: 0 0 calc(2 * (100vw / 12));
+ margin-right: 1rem;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #comment {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2060,7 +2348,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"> #respond .comment-user-avatar {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1rem 0 -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"> #respond .comment .comment-form {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2080,18 +2368,6 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- #comments > #respond .comment-user-avatar {
- position: absolute;
- display: block;
- top: 0;
- right: 0;
- }
- #comments > #respond .comment-user-avatar .avatar {
- display: block;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form-flex {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2215,11 +2491,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #008fd3;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(100% + 0.25rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: calc(100% - 2.5rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> top: -3px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 18px;
</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">+@media only screen and (min-width: 768px) {
+ .comment .comment-author .post-author-badge {
+ left: calc(100% + 0.75rem);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .post-author-badge svg {
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> height: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2342,11 +2624,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(1.5 * 1rem);
</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">-.discussion-meta .discussion-avatar-list {
- display: inline-block;
- margin-left: 8px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .discussion-meta .discussion-meta-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2439,8 +2716,14 @@
</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">+.archive .page-header .page-description {
+ display: block;
+ color: #111;
+ font-size: 1em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hfeed .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .hfeed .entry .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
</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">@@ -2473,34 +2756,53 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Footer
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> /* Site footer */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer {
- color: #767676;
-}
-
-.site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-area,
+#colophon .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #colophon .widget-area,
+ #colophon .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) calc(2 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 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">-.site-footer .site-info .imprint {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-area .imprint,
+#colophon .site-info .imprint {
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .site-info a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</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-footer a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .site-info a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</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 .widget-column {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+#colophon .widget-column .widget {
+ width: 100%;
+}
+
+@media only screen and (min-width: 1168px) {
+ #colophon .widget-column .widget {
+ margin-left: calc(3 * 1rem);
+ width: calc(50% - (3 * 1rem));
+ }
+}
+
+#colophon .site-info {
+ color: #767676;
+}
+
</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">@@ -2511,6 +2813,64 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</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">+.widget a {
+ color: #0073aa;
+}
+
+.widget a:hover {
+ color: #005177;
+}
+
+.widget_archive ul,
+.widget_nav_menu ul,
+.widget_meta ul,
+.widget_recent_entries ul,
+.widget_rss ul {
+ padding: 0;
+ list-style: none;
+}
+
+.widget_archive ul li,
+.widget_nav_menu ul li,
+.widget_meta ul li,
+.widget_recent_entries ul li,
+.widget_rss ul li {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: calc(22px * 1.6875);
+ font-weight: bold;
+ line-height: 1.2;
+}
+
+.widget_archive ul li:not(.menu-item-has-children),
+.widget_nav_menu ul li:not(.menu-item-has-children),
+.widget_meta ul li:not(.menu-item-has-children),
+.widget_recent_entries ul li:not(.menu-item-has-children),
+.widget_rss ul li:not(.menu-item-has-children) {
+ padding-bottom: 0.75rem;
+}
+
+.widget_archive ul li ul,
+.widget_nav_menu ul li ul,
+.widget_meta ul li ul,
+.widget_recent_entries ul li ul,
+.widget_rss ul li ul {
+ padding-right: 1rem;
+}
+
+.widget_archive ul.sub-menu,
+.widget_nav_menu ul.sub-menu,
+.widget_meta ul.sub-menu,
+.widget_recent_entries ul.sub-menu,
+.widget_rss ul.sub-menu {
+ padding-top: 0.75rem;
+}
+
+.widget_search .search-submit {
+ display: block;
+ margin-top: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Blocks */
</span><span class="cx" style="display: block; padding: 0 10px"> /* !Block styles */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2564,9 +2924,9 @@
</span><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-content > *.alignwide,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-summary > *.alignwide {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: calc(1 * (100vw / 12));
- margin-left: calc(1 * (100vw / 12));
- max-width: calc(10 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(2 * (100vw / 12));
+ margin-left: calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
</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">@@ -2619,6 +2979,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.aligncenter,
+.entry-summary > *.aligncenter {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+@media only screen and (min-width: 1168px) {
+ .entry-content > *.aligncenter,
+ .entry-summary > *.aligncenter {
+ margin-right: calc(2 * (100vw / 12));
+ margin-left: calc(2 * (100vw / 12));
+ max-width: calc(10 * (100vw / 12));
+ position: relative;
+ right: 25%;
+ transform: translate(50%);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-audio {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2659,7 +3037,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.66rem 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
+ padding: 0.76rem 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: white;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2687,17 +3066,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .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><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 #0073aa;
-}
-
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 2px solid currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</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-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">- border-color: #111;
</del><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2718,20 +3091,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</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-content .wp-block-archives li a:after,
-.entry-content .wp-block-categories li a:after,
-.entry-content .wp-block-latest-posts li a:after {
- color: #767676;
- content: ",";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-archives li:not(.menu-item-has-children),
+.entry-content .wp-block-categories li:not(.menu-item-has-children),
+.entry-content .wp-block-latest-posts li:not(.menu-item-has-children) {
+ padding-bottom: 0.75rem;
</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-content .wp-block-archives li:last-child a:after,
-.entry-content .wp-block-categories li:last-child a:after,
-.entry-content .wp-block-latest-posts li:last-child a:after {
- color: #767676;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-archives li a,
+.entry-content .wp-block-categories li a,
+.entry-content .wp-block-latest-posts li a {
+ text-decoration: none;
</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-content .wp-block-archives li ul,
+.entry-content .wp-block-categories li ul,
+.entry-content .wp-block-latest-posts li ul {
+ padding-right: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .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">@@ -2776,6 +3153,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-content .wp-block-pullquote blockquote {
</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"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(2 * 1rem);
</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">@@ -2787,7 +3165,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</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"> .entry-content .wp-block-pullquote p em {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2806,7 +3183,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #767676;
</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"> .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2820,6 +3196,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</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-content .wp-block-pullquote.is-style-solid-color {
+ background-color: #0073aa;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-pullquote.is-style-solid-color p {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2833,16 +3213,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-pullquote.is-style-solid-color a {
+ color: #fff;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</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-content .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) p,
-.entry-content .wp-block-pullquote.is-style-solid-color cite {
- color: white;
-}
-
-.entry-content .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
</ins><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="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2921,7 +3301,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover-image .wp-block-cover-image-text,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image h2 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image .wp-block-cover-text,
+.entry-content .wp-block-cover-image h2,
+.entry-content .wp-block-cover .wp-block-cover-image-text,
+.entry-content .wp-block-cover .wp-block-cover-text,
+.entry-content .wp-block-cover h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2931,7 +3315,11 @@
</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="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover-image .wp-block-cover-image-text,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-cover-image h2 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content .wp-block-cover-image .wp-block-cover-text,
+ .entry-content .wp-block-cover-image h2,
+ .entry-content .wp-block-cover .wp-block-cover-image-text,
+ .entry-content .wp-block-cover .wp-block-cover-text,
+ .entry-content .wp-block-cover h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(8 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 12));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2940,7 +3328,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover-image .wp-block-cover-image-text,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-cover-image h2 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content .wp-block-cover-image .wp-block-cover-text,
+ .entry-content .wp-block-cover-image h2,
+ .entry-content .wp-block-cover .wp-block-cover-image-text,
+ .entry-content .wp-block-cover .wp-block-cover-text,
+ .entry-content .wp-block-cover h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: calc(6 * (100vw / 12 ));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 12 ));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2947,9 +3339,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"> .entry-content .wp-block-cover-image.alignleft h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text, .entry-content .wp-block-cover-image.alignright h2,
-.entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text, .entry-content .wp-block-cover-image.aligncenter h2,
-.entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.alignleft .wp-block-cover-text, .entry-content .wp-block-cover-image.alignright h2,
+.entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.alignright .wp-block-cover-text, .entry-content .wp-block-cover-image.aligncenter h2,
+.entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
+.entry-content .wp-block-cover.alignleft h2,
+.entry-content .wp-block-cover.alignleft .wp-block-cover-image-text,
+.entry-content .wp-block-cover.alignleft .wp-block-cover-text,
+.entry-content .wp-block-cover.alignright h2,
+.entry-content .wp-block-cover.alignright .wp-block-cover-image-text,
+.entry-content .wp-block-cover.alignright .wp-block-cover-text,
+.entry-content .wp-block-cover.aligncenter h2,
+.entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
+.entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 50%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2958,21 +3362,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 50%;
</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-content .wp-block-cover-image.has-left-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.has-left-content,
+.entry-content .wp-block-cover.has-left-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</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-content .wp-block-cover-image.has-left-content h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.has-left-content .wp-block-cover-text,
+.entry-content .wp-block-cover.has-left-content h2,
+.entry-content .wp-block-cover.has-left-content .wp-block-cover-image-text,
+.entry-content .wp-block-cover.has-left-content .wp-block-cover-text {
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.has-right-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.has-right-content,
+.entry-content .wp-block-cover.has-right-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</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-content .wp-block-cover-image.has-right-content h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.has-right-content .wp-block-cover-text,
+.entry-content .wp-block-cover.has-right-content h2,
+.entry-content .wp-block-cover.has-right-content .wp-block-cover-image-text,
+.entry-content .wp-block-cover.has-right-content .wp-block-cover-text {
</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">@@ -3116,6 +3530,21 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .has-primary-background-color {
+ background-color: #0073aa;
+}
+
+.entry-content .has-primary-background-color p,
+.entry-content .has-primary-background-color h1,
+.entry-content .has-primary-background-color h2,
+.entry-content .has-primary-background-color h3,
+.entry-content .has-primary-background-color h4,
+.entry-content .has-primary-background-color h5,
+.entry-content .has-primary-background-color h6,
+.entry-content .has-primary-background-color a {
+ 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">@@ -3175,12 +3604,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex-flow: row wrap;
+ justify-content: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(1.5 * 1rem);
</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-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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1rem;
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -3220,7 +3651,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-item:last-of-type {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-caption {
</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-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -422,6 +422,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .page-description,
</span><span class="cx" style="display: block; padding: 0 10px"> h2.author-title,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .not-found .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .error-404 .page-title,
</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">@@ -461,7 +462,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul.main-menu > li,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.author-description p.author-bio,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-bio,
</ins><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -580,14 +581,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</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 > p {
- font-size: 1.6875em;
- font-style: italic;
- line-height: 1.2;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote cite {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 0.88889em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.71111em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -666,7 +661,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"> a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin;
+ outline-style: dotted;
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -730,31 +726,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</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">-img:before {
- background-color: #eee;
- border: 1px dashed #ccc;
- border-radius: 3px;
- content: " ";
- display: block;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
-}
-
-img:after {
- color: #666;
- content: "This image is broken :-/ ( " attr(alt) " )";
- display: block;
- left: 50%;
- position: absolute;
- text-align: center;
- top: 50%;
- transform: translate(-50%, -50%);
- width: 100%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> figure {
</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">@@ -762,7 +733,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 2px solid #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: -2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 1rem 0 0.5rem 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 0 0 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"> blockquote > p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -799,7 +770,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.66rem 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.76rem 1rem;
+ vertical-align: bottom;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -852,7 +824,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: solid 1px #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.5rem 0.66rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.36rem 0.66rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="text"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -908,7 +880,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:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin dotted;
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -917,19 +889,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Main menu === */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: block;
+ margin-top: 0.25rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * :focus-within needs its own selector so other similar
</span><span class="cx" style="display: block; padding: 0 10px"> * selectors don’t get ignored if a browser doesn’t recognize it
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Only show one submenu expand button at a time (desktop vs mobile) */
</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">-@media only screen and (min-width: 768px) {
- .main-navigation {
- display: block;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> body.page .main-navigation {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -945,37 +913,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</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">+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu > li {
+ position: relative;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><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">+ margin-right: 0.5rem;
</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 > li > a + svg {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #0073aa;
- margin-right: -0.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0.5rem;
</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 > li > a:hover {
- color: #005177;
-}
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li > a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a:hover + svg {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #005177;
</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 > li > a:after {
- content: ",";
- display: inline;
- color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children {
+ display: inline-block;
</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 > li.menu-item-has-children:after {
- content: ",";
- display: inline;
- color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children > a {
+ margin-right: 0.125rem;
</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 > li.menu-item-has-children > a:after,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -984,10 +952,17 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li:last-child > a:after {
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand svg,
+.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand svg {
+ position: relative;
+ top: 0.2rem;
</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">+.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
+.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+ margin-right: 0.5rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li:last-child > a {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -999,16 +974,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 100%;
</del><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: -999em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: -999px;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 99999;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: opacity 0.5s ease-in-out;
</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"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(3 * (100vw / 12));
</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">@@ -1021,12 +997,28 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li.menu-item-has-children svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: 0.5rem;
- top: 0.65rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc( 24px + 1rem);
+ right: 0;
+ top: calc( .125 * 1rem);
+ bottom: 0;
+ color: white;
+ line-height: 1;
+ padding: calc( .5 * 1rem);
</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">+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand svg,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand svg {
+ top: 0;
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
+ margin-right: 0;
+}
+
</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"> .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\203a";
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1033,31 +1025,42 @@
</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 .sub-menu > li > a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: calc( .5 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
</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 .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #005177;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover:after, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #005177;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
-.main-navigation .main-menu .menu-item-has-children .sub-menu:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
+ display: none;
+ font-size: 0.88889em;
+ font-weight: normal;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
+ position: relative;
+ top: 0.2rem;
+ margin-right: calc( .25 * 1rem);
+}
+
+.main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu {
</ins><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">- left: inherit;
- margin-top: -2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: 0;
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc( 100vw - 2rem);
</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:hover > .sub-menu .sub-menu,
-.main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1064,30 +1067,52 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
- .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</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:focus-within > .sub-menu {
- display: block;
- left: inherit;
- margin-top: -2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
+.main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
+ display: table;
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Non-mobile position */
</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:focus-within > .sub-menu .sub-menu {
- margin-top: inherit;
- position: relative;
- padding-left: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
+ .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
+ position: absolute;
+ left: 0;
+ right: auto;
+ top: auto;
+ bottom: auto;
+ height: auto;
+ width: -webkit-max-content;
+ width: -moz-max-content;
+ width: max-content;
+ transform: none;
+ animation: fade_in 0.1s forwards;
+ }
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children .sub-menu:focus .sub-menu {
+ margin-top: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1095,6 +1120,65 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
+ display: table;
+ margin-top: 0;
+ opacity: 1;
+ padding-left: 0;
+ /* Mobile position */
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ position: fixed;
+ z-index: 100000;
+ /* Make sure appears above mobile admin bar */
+ width: 100%;
+ height: 100%;
+ transform: translateX(100%);
+ animation: slide_in_right 0.3s forwards;
+}
+
+.main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
+ display: inline-block;
+}
+
+.main-navigation .desktop-submenu-expand {
+ display: none;
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .desktop-submenu-expand {
+ display: inline-block;
+ }
+}
+
+.main-navigation .mobile-submenu-expand {
+ display: inline-block;
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .mobile-submenu-expand {
+ display: none;
+ }
+}
+
+/* Menu Animation */
+@keyframes slide_in_right {
+ 100% {
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fade_in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Social menu */
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(1rem / 2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1158,6 +1242,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 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">+@media only screen and (min-width: 768px) {
+ .post-navigation {
+ margin: calc(3 * 1rem) calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .post-navigation {
+ margin: calc(3 * 1rem) 0;
+ max-width: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1165,6 +1263,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</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">+@media only screen and (min-width: 768px) {
+ .post-navigation .nav-links {
+ margin: 0;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1231,6 +1335,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> order: 2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: 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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1279,12 +1384,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 1rem;
</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">+@media only screen and (min-width: 1168px) {
+ .comment-navigation .nav-links {
+ margin: 0 calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-previous,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: bold;
</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"> .comment-navigation .nav-previous .secondary-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1449,7 +1564,6 @@
</span><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-branding {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 calc(2 * (100vw / 12));
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 22em;
</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">@@ -1463,7 +1577,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(100% + (0.5 * calc(100vw / 12)));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% + (0.5 * 100vw / 12));
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 999;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1498,10 +1612,14 @@
</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">- color: #111;
</del><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a:link,
+.site-title a:visited {
+ color: #111;
+}
+
</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">@@ -1530,6 +1648,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title:not(:empty) + .site-description:not(:empty):before {
+ content: "\2014";
+ margin: 0 .2em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-description {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1537,11 +1660,6 @@
</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="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-description:not(:empty):before {
- content: "\2014";
- margin: 0 .2em;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Need relative positioning to properly align layers. */
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1548,7 +1666,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add text shadow to text, to increase readability. */
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set white text color when featured image is set. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Post header styles */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* add focus state to social media icons */
+ /* Entry header */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Custom Logo Link */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Make sure important elements are above pseudo elements used for effects. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set up image filter layer positioning */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1561,6 +1680,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* First layer: grayscale. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Second layer: screen. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Third layer: multiply. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are inactive, a black overlay is added. */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Fourth layer: overlay. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fifth layer: readability overlay */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1573,65 +1693,138 @@
</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><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation a,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image a {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 110ms ease-in-out;
</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"> .site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a:hover + svg,
+.site-header.featured-image .main-navigation a:active + svg,
+.site-header.featured-image .main-navigation a + svg:hover,
+.site-header.featured-image .main-navigation a + svg:active,
+.site-header.featured-image .main-navigation a + svg:hover + svg,
+.site-header.featured-image .main-navigation a + svg:active + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .social-navigation a:hover + svg,
+.site-header.featured-image .social-navigation a:active + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:active,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a:hover,
-.site-header.featured-image .hentry a:active {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-title a:hover + svg,
+.site-header.featured-image .site-title a:active + svg,
+.site-header.featured-image .site-featured-image a:hover,
+.site-header.featured-image .site-featured-image a:active,
+.site-header.featured-image .site-featured-image a:hover + svg,
+.site-header.featured-image .site-featured-image a:active + svg {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.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"> .site-header.featured-image .main-navigation a:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a:focus + svg,
+.site-header.featured-image .main-navigation a + svg:focus,
+.site-header.featured-image .main-navigation a + svg:focus + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .social-navigation a:focus + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a:focus {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-title a:focus + svg,
+.site-header.featured-image .site-featured-image a:focus,
+.site-header.featured-image .site-featured-image a:focus + svg {
+ 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"> .site-header.featured-image .social-navigation a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 1px solid #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"> .site-header.featured-image .social-navigation svg,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image svg {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><span class="cx" style="display: block; padding: 0 10px"> filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
</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-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header {
+ margin-bottom: 0;
</ins><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Entry meta */
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-header.featured-image .site-featured-image .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(2 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(2 * (100vw / 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">-.site-header.featured-image .hentry .entry-header .entry-title:before {
- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
+ background: #fff;
</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">+.site-header.featured-image .site-featured-image .entry-header .entry-meta {
+ font-weight: 500;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
+ margin-right: 1rem;
+ display: inline-block;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
+ margin-right: 0;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
+ transition: color 110ms ease-in-out;
+ color: currentColor;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
+ text-decoration: none;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 0.5em;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
+ display: none;
+}
+
+@media only screen and (min-width: 768px) {
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
+ display: flex;
+ position: relative;
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
+ padding-right: calc(1 * (100vw / 12) + 1rem);
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
+ position: absolute;
+ right: 0;
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
+ display: block;
+ position: absolute;
+ bottom: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .custom-logo-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1639,15 +1832,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 2px white;
</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-header.featured-image .site-branding,
-.site-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-branding {
+ position: relative;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</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 .entry-header {
+ position: relative;
+ z-index: 9;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-branding-container:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-branding-container:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry:before,
-.site-header.featured-image .hentry:after, .site-header.featured-image:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image:before,
+.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1661,54 +1859,77 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-position: center;
</span><span class="cx" style="display: block; padding: 0 10px"> background-repeat: no-repeat;
</span><span class="cx" style="display: block; padding: 0 10px"> background-size: cover;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- filter: grayscale(100%);
</del><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are active, make it grayscale to colorize it blue. */
</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">-.site-header.featured-image .hentry:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .site-header.featured-image .site-branding-container:before {
+ filter: grayscale(100%);
+}
+
+.image-filters-enabled .site-header.featured-image .site-featured-image:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 2;
</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-header.featured-image .hentry:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image:after {
+ background: #000;
+ mix-blend-mode: multiply;
+ opacity: .7;
+ /* When image filters are active, a blue overlay is added. */
+}
+
+.image-filters-enabled .site-header.featured-image .site-featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- mix-blend-mode: multiply;
- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</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">-.site-header.featured-image .site-branding-container:after {
- background: rgba(255, 255, 255, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .site-header.featured-image .site-featured-image:after {
+ opacity: 1;
+ }
+}
+
+.image-filters-enabled .site-header.featured-image .site-branding-container:after {
+ background: rgba(0, 0, 0, 0.35);
</ins><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: overlay;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.5;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode can have a light overlay */
</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">+@supports (mix-blend-mode: overlay) {
+ .image-filters-enabled .site-header.featured-image .site-branding-container:after {
+ background: rgba(255, 255, 255, 0.35);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #000e14;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add a transition to the readability overlay, to add a subtle
</span><span class="cx" style="display: block; padding: 0 10px"> * but smooth effect when resizing the screen.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 1200ms ease-in-out;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: 0.7;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 5;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are active, a blue overlay is added. */
+}
+
+.image-filters-enabled .site-header.featured-image:after {
+ background: #000e14;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.38;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled .site-header.featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.18;
</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) {
- .site-header.featured-image:after {
- opacity: 0.1;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image ::-moz-selection {
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.17);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1746,33 +1967,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 calc(1.5 * 1rem);
</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">-.hentry {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(6 * 1rem);
</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">-.hentry:first-of-type {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry:first-of-type {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 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">-.hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 1rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .featured-image .hentry .entry-header {
- margin-bottom: 0;
- }
</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">-.hentry .entry-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 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">-.hentry .entry-title:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1781,44 +1999,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</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">-.hentry .entry-title a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</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">-.hentry .entry-title a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #4a4a4a;
</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">-.hentry .entry-meta,
-.hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta,
+.entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</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">-.hentry .entry-meta > span,
-.hentry .entry-footer > span {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta > span,
+.entry .entry-footer > span {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</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">-.hentry .entry-meta > span:last-child,
-.hentry .entry-footer > span:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta > span:last-child,
+.entry .entry-footer > span:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta a,
-.hentry .entry-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta a,
+.entry .entry-footer a {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: color 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</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">-.hentry .entry-meta a:hover,
-.hentry .entry-footer a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta a:hover,
+.entry .entry-footer a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</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">-.hentry .entry-meta .svg-icon,
-.hentry .entry-footer .svg-icon {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta .svg-icon,
+.entry .entry-footer .svg-icon {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1825,89 +2044,80 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0.5em;
</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">-.hentry .entry-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem 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">-@media only screen and (min-width: 1168px) {
- .hentry .entry-meta.has-discussion .comment-count {
- float: right;
- position: relative;
- }
-}
-
-.hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
- display: none;
-}
-
-@media only screen and (min-width: 1168px) {
- .hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
- bottom: 100%;
- display: block;
- position: absolute;
- }
-}
-
-.hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 1rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-footer {
- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-footer {
+ margin: 1rem calc(2 * (100vw / 12)) calc(3 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 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><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 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">-.hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem calc(2 * (100vw / 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">-.hentry .post-thumbnail:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail:focus {
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .post-thumbnail .post-thumbnail-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail .post-thumbnail-inner {
</ins><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">-.hentry .post-thumbnail .post-thumbnail-inner img {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail .post-thumbnail-inner img {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</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">-.image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner {
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> filter: grayscale(100%);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 1;
</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">-.image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
+ background: rgba(0, 0, 0, 0.35);
+ content: "";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 100%;
+ opacity: .5;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 100%;
- z-index: 10;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ z-index: 4;
</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">-.image-filters-enabled .hentry .post-thumbnail:before, .image-filters-enabled .hentry .post-thumbnail:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
+ display: none;
+ }
+}
+
+.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1915,11 +2125,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><span class="cx" style="display: block; padding: 0 10px"> pointer-events: none;
</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">-.image-filters-enabled .hentry .post-thumbnail:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1926,44 +2135,55 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</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">-.image-filters-enabled .hentry .post-thumbnail:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</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">-.hentry .entry-content .more-link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .entry .post-thumbnail:after {
+ opacity: 1;
+ }
+}
+
+.entry .entry-content p {
+ word-wrap: break-word;
+}
+
+.entry .entry-content .more-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: color 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</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">-.hentry .entry-content .more-link:after {
- content: "»";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .more-link:after {
+ content: "\02192";
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5em;
</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">-.hentry .entry-content .more-link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .more-link:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content > iframe[style] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > iframe[style] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 32px 1rem !important;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - (2 * 1rem)) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content > iframe[style] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > iframe[style] {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 32px calc(2 * (100vw / 12)) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 12)) !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1970,27 +2190,74 @@
</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: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content > iframe[style] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > iframe[style] {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 12)) !important;
</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">-.hentry .entry-content .wp-audio-shortcode {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-audio-shortcode {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - (2 * 1rem));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content .wp-audio-shortcode {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-audio-shortcode {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 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><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content .wp-audio-shortcode {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-audio-shortcode {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 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">+/* Author description */
+.author-bio {
+ margin: calc(2 * 1rem) 1rem 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .author-bio {
+ margin: calc(3 * 1rem) calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .author-bio {
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
+.author-bio .author-title {
+ display: inline;
+}
+
+.author-bio .author-title:before {
+ background: #767676;
+ content: "\020";
+ display: block;
+ height: 2px;
+ margin: 1rem 0;
+ width: 1em;
+}
+
+.author-bio .author-description {
+ display: inline;
+ color: #767676;
+ font-size: 1.125em;
+ line-height: 1.2;
+}
+
+.author-bio .author-description .author-link {
+ display: inline-block;
+}
+
+.author-bio .author-description .author-link:hover {
+ color: #005177;
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Comments
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2004,16 +2271,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add extra margin when the comments section is located immediately after the
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * post itself (this happens on pages).
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * post itself (this happens on pages).
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry + .comments-area {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry + .comments-area {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(3 * 1rem);
</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">-.comments-area .comments-title-wrap,
</del><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comment-list,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comments-area .comment-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area > .comment-respond,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comment-form-flex,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area .no-comments {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2021,8 +2288,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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comments-area .comments-title-wrap,
</del><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comment-list,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comments-area .comment-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area > .comment-respond,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comment-form-flex,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-area .no-comments {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2032,11 +2299,19 @@
</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"> .comments-area .comments-title-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- align-items: baseline;
- display: flex;
- justify-content: space-between;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(2 * 1rem) 1rem;
</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">+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap {
+ align-items: baseline;
+ display: flex;
+ justify-content: space-between;
+ margin: calc(3 * 1rem) calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comments-title-wrap .comments-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">@@ -2050,6 +2325,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</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">+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap .comments-title {
+ flex: 1 0 calc(3 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap .discussion-meta {
+ flex: 0 0 calc(2 * (100vw / 12));
+ margin-left: 1rem;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #comment {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2060,7 +2348,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"> #respond .comment-user-avatar {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1rem 0 -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"> #respond .comment .comment-form {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2080,18 +2368,6 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- #comments > #respond .comment-user-avatar {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- }
- #comments > #respond .comment-user-avatar .avatar {
- display: block;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form-flex {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2215,11 +2491,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #008fd3;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(100% + 0.25rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% - 2.5rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> top: -3px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 18px;
</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">+@media only screen and (min-width: 768px) {
+ .comment .comment-author .post-author-badge {
+ right: calc(100% + 0.75rem);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .post-author-badge svg {
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> height: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2342,11 +2624,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(1.5 * 1rem);
</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">-.discussion-meta .discussion-avatar-list {
- display: inline-block;
- margin-right: 8px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .discussion-meta .discussion-meta-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2439,8 +2716,14 @@
</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">+.archive .page-header .page-description {
+ display: block;
+ color: #111;
+ font-size: 1em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hfeed .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .hfeed .entry .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
</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">@@ -2473,34 +2756,53 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Footer
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> /* Site footer */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer {
- color: #767676;
-}
-
-.site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-area,
+#colophon .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #colophon .widget-area,
+ #colophon .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) calc(2 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 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">-.site-footer .site-info .imprint {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-area .imprint,
+#colophon .site-info .imprint {
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .site-info a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</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-footer a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .site-info a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</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 .widget-column {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+#colophon .widget-column .widget {
+ width: 100%;
+}
+
+@media only screen and (min-width: 1168px) {
+ #colophon .widget-column .widget {
+ margin-right: calc(3 * 1rem);
+ width: calc(50% - (3 * 1rem));
+ }
+}
+
+#colophon .site-info {
+ color: #767676;
+}
+
</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">@@ -2511,6 +2813,64 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</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">+.widget a {
+ color: #0073aa;
+}
+
+.widget a:hover {
+ color: #005177;
+}
+
+.widget_archive ul,
+.widget_nav_menu ul,
+.widget_meta ul,
+.widget_recent_entries ul,
+.widget_rss ul {
+ padding: 0;
+ list-style: none;
+}
+
+.widget_archive ul li,
+.widget_nav_menu ul li,
+.widget_meta ul li,
+.widget_recent_entries ul li,
+.widget_rss ul li {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: calc(22px * 1.6875);
+ font-weight: bold;
+ line-height: 1.2;
+}
+
+.widget_archive ul li:not(.menu-item-has-children),
+.widget_nav_menu ul li:not(.menu-item-has-children),
+.widget_meta ul li:not(.menu-item-has-children),
+.widget_recent_entries ul li:not(.menu-item-has-children),
+.widget_rss ul li:not(.menu-item-has-children) {
+ padding-bottom: 0.75rem;
+}
+
+.widget_archive ul li ul,
+.widget_nav_menu ul li ul,
+.widget_meta ul li ul,
+.widget_recent_entries ul li ul,
+.widget_rss ul li ul {
+ padding-left: 1rem;
+}
+
+.widget_archive ul.sub-menu,
+.widget_nav_menu ul.sub-menu,
+.widget_meta ul.sub-menu,
+.widget_recent_entries ul.sub-menu,
+.widget_rss ul.sub-menu {
+ padding-top: 0.75rem;
+}
+
+.widget_search .search-submit {
+ display: block;
+ margin-top: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Blocks */
</span><span class="cx" style="display: block; padding: 0 10px"> /* !Block styles */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2564,9 +2924,9 @@
</span><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-content > *.alignwide,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-summary > *.alignwide {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: calc(1 * (100vw / 12));
- margin-right: calc(1 * (100vw / 12));
- max-width: calc(10 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(2 * (100vw / 12));
+ margin-right: calc(2 * (100vw / 12));
+ max-width: calc(8 * (100vw / 12));
</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">@@ -2619,6 +2979,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *.aligncenter,
+.entry-summary > *.aligncenter {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 1168px) {
+ .entry-content > *.aligncenter,
+ .entry-summary > *.aligncenter {
+ margin-left: calc(2 * (100vw / 12));
+ margin-right: calc(2 * (100vw / 12));
+ max-width: calc(10 * (100vw / 12));
+ position: relative;
+ left: 25%;
+ transform: translate(-50%);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-audio {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2659,7 +3037,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.66rem 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
+ padding: 0.76rem 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: white;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2687,17 +3066,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .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><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 #0073aa;
-}
-
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 2px solid currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</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-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">- border-color: #111;
</del><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2718,20 +3091,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</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-content .wp-block-archives li a:after,
-.entry-content .wp-block-categories li a:after,
-.entry-content .wp-block-latest-posts li a:after {
- color: #767676;
- content: ",";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-archives li:not(.menu-item-has-children),
+.entry-content .wp-block-categories li:not(.menu-item-has-children),
+.entry-content .wp-block-latest-posts li:not(.menu-item-has-children) {
+ padding-bottom: 0.75rem;
</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-content .wp-block-archives li:last-child a:after,
-.entry-content .wp-block-categories li:last-child a:after,
-.entry-content .wp-block-latest-posts li:last-child a:after {
- color: #767676;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-archives li a,
+.entry-content .wp-block-categories li a,
+.entry-content .wp-block-latest-posts li a {
+ text-decoration: none;
</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-content .wp-block-archives li ul,
+.entry-content .wp-block-categories li ul,
+.entry-content .wp-block-latest-posts li ul {
+ padding-left: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .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">@@ -2776,6 +3153,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-content .wp-block-pullquote blockquote {
</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"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: calc(2 * 1rem);
</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">@@ -2787,7 +3165,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</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"> .entry-content .wp-block-pullquote p em {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2806,7 +3183,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #767676;
</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"> .entry-content .wp-block-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2820,6 +3196,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</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-content .wp-block-pullquote.is-style-solid-color {
+ background-color: #0073aa;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-pullquote.is-style-solid-color p {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2833,16 +3213,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-pullquote.is-style-solid-color a {
+ color: #fff;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</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-content .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) p,
-.entry-content .wp-block-pullquote.is-style-solid-color cite {
- color: white;
-}
-
-.entry-content .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
</ins><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="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2921,7 +3301,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover-image .wp-block-cover-image-text,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image h2 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image .wp-block-cover-text,
+.entry-content .wp-block-cover-image h2,
+.entry-content .wp-block-cover .wp-block-cover-image-text,
+.entry-content .wp-block-cover .wp-block-cover-text,
+.entry-content .wp-block-cover h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2931,7 +3315,11 @@
</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="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover-image .wp-block-cover-image-text,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-cover-image h2 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content .wp-block-cover-image .wp-block-cover-text,
+ .entry-content .wp-block-cover-image h2,
+ .entry-content .wp-block-cover .wp-block-cover-image-text,
+ .entry-content .wp-block-cover .wp-block-cover-text,
+ .entry-content .wp-block-cover h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(8 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 12));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2940,7 +3328,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover-image .wp-block-cover-image-text,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-cover-image h2 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content .wp-block-cover-image .wp-block-cover-text,
+ .entry-content .wp-block-cover-image h2,
+ .entry-content .wp-block-cover .wp-block-cover-image-text,
+ .entry-content .wp-block-cover .wp-block-cover-text,
+ .entry-content .wp-block-cover h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: calc(6 * (100vw / 12 ));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 12 ));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2947,9 +3339,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"> .entry-content .wp-block-cover-image.alignleft h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text, .entry-content .wp-block-cover-image.alignright h2,
-.entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text, .entry-content .wp-block-cover-image.aligncenter h2,
-.entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.alignleft .wp-block-cover-text, .entry-content .wp-block-cover-image.alignright h2,
+.entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.alignright .wp-block-cover-text, .entry-content .wp-block-cover-image.aligncenter h2,
+.entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
+.entry-content .wp-block-cover.alignleft h2,
+.entry-content .wp-block-cover.alignleft .wp-block-cover-image-text,
+.entry-content .wp-block-cover.alignleft .wp-block-cover-text,
+.entry-content .wp-block-cover.alignright h2,
+.entry-content .wp-block-cover.alignright .wp-block-cover-image-text,
+.entry-content .wp-block-cover.alignright .wp-block-cover-text,
+.entry-content .wp-block-cover.aligncenter h2,
+.entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
+.entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 50%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2958,21 +3362,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 50%;
</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-content .wp-block-cover-image.has-left-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.has-left-content,
+.entry-content .wp-block-cover.has-left-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</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-content .wp-block-cover-image.has-left-content h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.has-left-content .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.has-left-content .wp-block-cover-text,
+.entry-content .wp-block-cover.has-left-content h2,
+.entry-content .wp-block-cover.has-left-content .wp-block-cover-image-text,
+.entry-content .wp-block-cover.has-left-content .wp-block-cover-text {
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.has-right-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.has-right-content,
+.entry-content .wp-block-cover.has-right-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</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-content .wp-block-cover-image.has-right-content h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.has-right-content .wp-block-cover-image-text,
+.entry-content .wp-block-cover-image.has-right-content .wp-block-cover-text,
+.entry-content .wp-block-cover.has-right-content h2,
+.entry-content .wp-block-cover.has-right-content .wp-block-cover-image-text,
+.entry-content .wp-block-cover.has-right-content .wp-block-cover-text {
</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">@@ -3116,6 +3530,21 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .has-primary-background-color {
+ background-color: #0073aa;
+}
+
+.entry-content .has-primary-background-color p,
+.entry-content .has-primary-background-color h1,
+.entry-content .has-primary-background-color h2,
+.entry-content .has-primary-background-color h3,
+.entry-content .has-primary-background-color h4,
+.entry-content .has-primary-background-color h5,
+.entry-content .has-primary-background-color h6,
+.entry-content .has-primary-background-color a {
+ 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">@@ -3175,12 +3604,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex-flow: row wrap;
+ justify-content: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(1.5 * 1rem);
</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-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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1rem;
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -3220,7 +3651,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-item:last-of-type {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-caption {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstylecssmap"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/style.css.map</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.map (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style.css.map 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{"version":3,"sourceRoot":"","sources":["style.scss","sass/mixins/_mixins-master.scss","sass/_normalize.scss","sass/typography/_typography.scss","sass/variables-site/_fonts.scss","sass/variables-site/_colors.scss","sass/typography/_headings.scss","sass/mixins/_utilities.scss","sass/typography/_copy.scss","sass/elements/_elements.scss","sass/elements/_lists.scss","sass/elements/_tables.scss","sass/forms/_buttons.scss","sass/forms/_fields.scss","sass/navigation/_navigation.scss","sass/navigation/_links.scss","sass/navigation/_menus.scss","sass/variables-site/_structure.scss","sass/navigation/_next-previous.scss","sass/modules/_accessibility.scss","s
ass/modules/_alignments.scss","sass/modules/_clearings.scss","sass/layout/_layout.scss","sass/site/_site.scss","sass/site/header/_site-header.scss","sass/site/header/_site-featured-image.scss","sass/site/primary/_posts-and-pages.scss","sass/site/primary/_comments.scss","sass/site/primary/_archives.scss","sass/site/footer/_site-footer.scss","sass/site/secondary/_widgets.scss","sass/blocks/_blocks.scss","sass/media/_media.scss","sass/media/_captions.scss","sass/media/_galleries.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAuBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACuDA;AAAA;AAAA;ADpBA;AE1DA;AAEA;AAAA;AAGA;AAAA;AAAA;AAA
A;AAKA;EACC;AAAmB;EACnB;AAAgC;;;AAGjC;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;EACC;EACA;;;AAGD;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACC;AAAyB;EACzB;AAAW;EACX;AAAmB;;;AAGpB;AAAA;AAAA;AAAA;AAKA;EACC;AAAmC;EACnC;AAAgB;;;AAGjB;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;EACC;AAAqB;EACrB;AAA4B;EAC5B;AAAmC;;;AAGpC;AAAA;AAAA;AAIA;AAAA;EAEC;;;AAGD;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGC;AAAmC;EACnC;AAAgB;;;AAGjB;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;AAAA;EAEC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKC;AAAsB;EACtB;AAAiB;EACjB;AAAmB;EACnB;AAAW;;;AAGZ;AAAA;AAAA;AAAA;AAKA;AAAA;AACQ;EACP;;;AAGD;AAAA;AAAA;AAAA;AAKA;AAAA;AACS;EACR;;;AAGD;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIC;;;AAGD;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIC;EACA;;;AAGD;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIC;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACC;AAAwB;EACxB;AAAgB;EAChB;AAAgB;EAChB;AAAiB;EACjB;AA
AY;EACZ;AAAqB;;;AAGtB;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;AAAA;EAEC;AAAwB;EACxB;AAAY;;;AAGb;AAAA;AAAA;AAIA;AAAA;EAEC;;;AAGD;AAAA;AAAA;AAAA;AAKA;EACC;AAA+B;EAC/B;AAAsB;;;AAGvB;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;EACC;AAA4B;EAC5B;AAAe;;;AAGhB;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AFrRD;AG7DA;EACC,WCKiB;;;ADFlB;EACC;EACA;EACA,OEKkB;EFJlB,aCPY;EDQZ;EACA;EACA,aCOwB;EDNxB;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;EAKC,OETkB;EFUlB,aCrBY;EDsBZ;EACA,aCNwB;EDOxB;;;AG1BD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC,aFVe;EEWf;EACA;EACA,aFK2B;EEJ3B;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYC,aF9Be;;;AEiChB;EACC,aFnCY;;;AEsCb;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAGD;EACC,WFlCkB;;AGZjB;ED6CF;IAIE,WFpCiB;;;;AEwCnB;AAAA;AAAA;AAAA;AAAA;EAKC,WF/CkB;;AGXjB;EDqDF;AAAA;AAAA;AAAA;AAAA;IAQE,WFjDiB;;;;AEqDnB;AAAA;AAAA;AAAA;EAIC,WF1DkB;;;AE6DnB;AAA
A;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWC,WFzEkB;;;AE4EnB;AAAA;AAAA;EAGC,WFhFkB;;;AEmFnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYC,WFhGkB;;;AEmGnB;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;;;AAGD;ACnIE;EDoIF;IAEE;;;;AEzIF;EACC;EACA;;;AAGD;EACC;;;AAKA;EACC,WJDiB;EIEjB;EACA,aJXc;;;AIehB;EACC,WJPkB;EIQlB,aJfW;EIgBX,aJFwB;EIGxB;;;AAGD;EACC,WJdkB;EIelB,aJvBY;;;AI0Bb;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;AAEA;EACC;;AAGD;EACC;;;ARcF;ASlEA;EACC;;;AAGD;EACC,YJK6B;;;AIH9B;EACC,YJE6B;;;AIC9B;AAAA;AAAA;EAGC;;;AAGD;EACC,YJhBwB;;;AImBzB;EFAC;EEEA,OJFa;;;AISd;AAAA;EAEC,OJTmB;EIUnB;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ARuBA;EACC,YIvDkB;EJwDlB;EACA;EACA;EACA;EACA;;;AQtBF;EACC,kBJvCmB;EIwCnB;EACA;;;ACvDD;AAAA;EAEC;;;AAGD;EACC;;AAEA;EACC;;;AAIF;EACC;;;AAGD;EACC,aNCwB;;;AMEzB;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;;;AD6BD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC,OJlEkB;;;AMdpB;EACC;EACA;;A
AEA;EACC,cNSkB;;;ALwDpB;AYtEA;AAAA;AAAA;AAAA;AAAA;ELyBC;EKlBA,YPD0B;EOE1B;EACA;EACA;EACA;EACA,aRTe;EQUf,WRDkB;EQElB;EACA,aRM2B;EQL3B;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC,YPnB+B;;AOsBhC;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;;AC/BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAgBC;EACA,YRdyB;EQezB;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,cRHY;EQIZ;EACA;;;AAQF;EACC;EACA;EACA;EACA;EACA;;;AAKA;EACC;;;Ab6BF;Ac1EA;AAAA;AAAA;ACAA;ERqBC;EQlBA,OVkBa;;AUhBb;EACC,OVgBoB;;AUbrB;EAEC,OVYkB;EUXlB;EACA;;AAGD;EACC;EACA;;;ADbF;AAAA;AAAA;AELA;AAEA;EAEC;EACA;AAuJA;AAAA;AAAA;AAAA;;AArJA;EACC;;AAGD;EACC;;AAGD;EAEC;EACA;EACA;;AAEA;EAEC,OXFW;EWGX;EACA;;AAEA;EAEC;EACA,OXTU;EWUV;;AAEA;EACC;;AAGD;EAEC,OXhBe;;AWsBhB;EACC;;AAMA;AAAA;EACC;EACA;;AAKH;EACC;;AAKH;EAEC,YX9CY;EW+CZ,OXlEuB;EWmEvB;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AT9EA;ES8DD;IAmBE;;;AAGD;EAEC;
EACA;EACA;EACA;EACA;;AAIC;EACC;EACA;EACA;;ATjGH;ESuGI;IACC;;;AAMJ;EACC,OXhHqB;EWiHrB;EACA,aZ/FwB;EYgGxB;;AAEA;EAEC,YXlGe;;AWoGf;EACC,YXrGc;;AW4GnB;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEC;EACA;EACA,cC/IkB;;AVCnB;ES0IA;AAAA;AAAA;AAAA;IAOE;IACA;IACA;IACA;;;AASH;EACC;EACA;EACA;EACA;;AAEA;EAEC;EACA;EACA,cCxKkB;;AVCnB;ESmKA;IAOE;IACA;IACA;IACA;;;;AAMJ;AAEA;EACC;EACA;;AAEA;Ef7KA;EACA;EACA;Ee8KC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA,OXnMe;EWoMf;EACA;;AAEA;EAEC,OXzMc;EW0Md;;AAGD;EACC,OX9Mc;EW+Md;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;;AF5NN;AAAA;AAAA;AIVA;AAGA;EAEC;;AXFC;EWAF;IAKE;IACA;;;AXDA;EWLF;IAUE;IACA;;;AAGD;EAEC;EACA;EACA;EACA;;AXnBA;EWcD;IAQE;;;AXjBD;EWSD;IAYE;IACA;IACA;;;AAIA;EACC,ObtBgB;EauBhB;;AAEA;EAEC;EACA;EACA;EACA,Ob9Be;Ea+Bf;;AAIF;EACC;;AAGD;EACC,Ob/BgB;;AEflB;EWkDA;AAAA;IAIE;;;AAIF;EACC;;AX3DD;EW0DA;IAIE;;;AAGD;EACC,eDxEiB;;AC4EjB;EACC;;AAKH;EACC;;AX7ED;EW4EA;IAIE;IACA,cDvFiB;;;AC2FjB;EACC;;;AAUJ;EAEC;EACA;EACA;;AAGA;EAC
C;;AAEA;EAEC;;AAGD;EAEC;;AAIF;AAAA;EAEC;;AX5HD;EWqGD;IA4BE;IACA;;EAKC;AAAA;IACC;IACA;;EAIF;IACC,SD/IiB;;;;ACwJpB;EACC;EACA;EACA;;AXrJA;EWkJD;IAME;IACA;;;AAIF;AAAA;EAEC;EACA;EACA,adtKc;EcuKd;;AAEA;AAAA;EACC;;AX1KD;EWyKA;AAAA;IAIE;;;AAIF;AAAA;EACC;EACA;EACA;EACA;;AAKA;AAAA;EACC,ObzKU;;Aa8Kb;EACC;;;AlBtHF;AmB9EA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAA8B;;AAE9B;EACC,kBdVyB;EcWzB;EACA;EACA;EACA;EACA,OdHmB;EcInB;ElBlBD;EACA;EkBmBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAiB;;;AAInB;AACA;EACC;;;AnB8CD;AoBlFA;EACC;EACA;;;AAGD;EACC;EACA,aHLoB;;;AGQrB;EACC;EnBHA;EACA;EACA;;;AD4ED;AqBtFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EpBeC;EACA;EACA;;;AoBFD;AAAA;AAAA;AAAA;AAAA;AAAA;EpBOC;;;ADoED;AsBzFA;AAEA;EACC;;;AAGD;EACC;;;AtBsFD;AuB7FA;AAAA;AAAA;ACCA;EAEC;;AjBDC;EiBDF;IAKE;IACA;;EAEA;IACC;IACA;IACA;IACA;IACA;;EAEA;IACC;;;;AAQJ;EAEC,OnBdmB;EmBenB;;AjB1BC;EiBuBF;IAME;;;;AAMF;EAEC;EACA;EACA;;AjBvCC;EiBmCF;IAOE;IACA;IACA;IACA;IACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EA
CA;EACA;EACA;;AAEA;EACC;;AAGD;EAGC;;AjBlED;EiBiDD;IAqBE;IACA;;;;AAOH;EAEC;EACA;EACA,OnBxEkB;AmBkFlB;;AARA;EACC;;AjBrFA;EiBoFD;IAIE;;;AAKF;EACC;;AAGD;EACC;;AAEA;EACC,OnBzFiB;;AEZlB;EiB8EF;IA4BE;;;AAGD;EACC;EACA;;;AAMF;EAEC;EACA,OnB7GmB;EmB8GnB;EACA;;;AC3HD;AAEC;EACA;AAEA;EACA;AAEA;AAkCA;AAgBA;AAsFA;AAcA;AAOA;AAcA;AACA;EACA;EACA;EACA;AAEA;AAEA;AAaA;AAOA;AACE;AAmBF;AAaA;;AAvOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC,OpBjBuB;;AoBoBxB;AAAA;AAAA;AAAA;AAAA;EAKC,OpBzBuB;EoB0BvB;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIC,OpBhCsB;EoBiCtB;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC,OpBtCsB;;AoB4CvB;EACC,OpB7CsB;EoB8CtB;EACA;;AAIF;AAAA;AAEC;EACA;EACE;;AAKH;EAEC;EACA;EACA;AAeA;;AlB9EA;EkB2DD;IAQE;IACA;;;AAKA;EACC,YpB3EqB;;AoBiFvB;EAEC;;AAEA;EAEC,cRvFiB;EQwFjB;;AAEA;EACC;;AAIF;ElB5EF;EkB+EG;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;;AlBhHF;EkBwHE;IACC;IACA;;EAGD;IACC;;EAGD;IACC;IACA;;EAGD;IACC;IACA;IACA;;;AAQJ;EAEC,YpBpJuB;EoBqJvB;;AAEA
;EAGC;;AAKF;AAAA;EAEC;EACA;;AAID;AAAA;AAAA;AAAA;EAKC;EACA;EACA;EAAQ;EACR;EACA;EACA;;AAYC;EACD;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAKH;EACC,YpBvLY;EoBwLZ;EACA;;AAKC;EACD;EACA;EACA;AAEE;;AACF;EACC,YpBrMW;EoBsMX;EACA;AAEA;;AACA;EAND;IAOE;;;AAMD;EACC;EACF;EACA;EACA;AAEA;;AACA;EAPC;IAQA;;;AAKF;EACG;AACF;AAAA;AAAA;AAAA;EAIA;EACE;EACF;AAEA;;AACA;EACC;EACA;;AlB7PD;EkB2PA;IAKE;;;AAMH;EACC;;AAGD;EACC;;;AFvQF;AAAA;AAAA;AGPA;EACC;;;AAGD;EACC,YrBC0B;EqBA1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EAEC;;AAEA;EACC;;AAGD;EAEC;EACA;;AnBlCA;EmB+BD;IAME;;;AAIF;EAGC;;AzBqBD;EACC,YIvDkB;EJwDlB;EACA;EACA;EACA;EACA;;AyBzBA;EACC;;AAEA;EACC,OrBtCgB;;AqB2CnB;AAAA;EAGC,OrB/CkB;EqBgDlB;;AAEA;AAAA;EAEC,cThEkB;ESiElB;;AAEA;AAAA;EACC;;AAIF;AAAA;EnBrDD;EmBwDE;;AAEA;AAAA;EACC;EACA,OrB5DU;;AqBgEZ;AAAA;EACC;EACA;EACA;EACA;;AAIF;EACC;;AAGD;EAEC;;AnBhGA;EmB8FD;IAKE;IACA;;;AnBpGD;EmB8FD;IAUE;;;AAIF;EAEC,QT/GmB;;AVCnB;EmB4GD;IAKE;;;AAGD;EACC;;AAGD;EACC;;AAEA;EACC;EACA;EACA;;AAQF;EACC;EACA;
;AAEA;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZD;IAaE;;;AAKH;EACC;EACA;EACA;EACA;EACA;EAAQ;EACR;EACA;EACA;;AzB1IH;EACC,YIZY;EJaZ;EACA;EACA;;AAGD;EACC,YInBY;EJoBZ;EACA;EACA;AAEA;;AACA;EAPD;IAQE;;;AyBqID;EnB/JD;EmBiKE;EACA;;AAEA;EACC;EACA;;AAGD;EACC,OrB1KU;EqB2KV;;AAIF;EACC;;AAEA;EACC;;AAKF;EAEC;EACA;;AnB7MD;EmB0MA;IAME;IACA;;;AnB5MF;EmBqMA;IAWE;;;AAKF;EACC;;AnB3ND;EmB0NA;IAIE;;;AnBzNF;EmBqNA;IAQE;;;;AAMJ;AAEA;EAEC;;AnB5OC;EmB0OF;IAKE;IACA;;;AnBhPA;EmB0OF;IAUE;;;AAGD;EAEC;;AzBxLD;EACC,YIvDkB;EJwDlB;EACA;EACA;EACA;EACA;;AyBqLD;EAEC;EACA,OrBpPkB;EqBqPlB,WtBtPiB;EsBuPjB,atB/O0B;;AsBiP1B;EACC;;AAEA;EACC,OrBnPgB;EqBoPhB;;;AH/PJ;AAAA;AAAA;AIZA;EACC;;;AAGD;EACC;;;AAGD;AAEC;AAAA;AAAA;;AAGA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;EAKC;;ApBnBA;EoBcD;AAAA;AAAA;AAAA;AAAA;IAQE;IACA;;;AAIF;EAEC;;ApB7BA;EoB2BD;IAKE;IACA;IACA;IACA;IACA;;;AAGD;EAEC;;A1BwBF;EACC,YIvDkB;EJwDlB;EACA;EACA;EACA;EACA;;AMvEA;EoBuCA;IAKE;;;ApB5CF;EoBgDA;IAEE;IACA;;;;AAMJ;EACC;EACA;;;AAGD;EACC;;AAEA;EACC;;A
AGD;EACC;;AAGD;EACC;EACA,WvBvEgB;EuBwEhB;EACA;EACA;EACA;;;AAMD;EACC;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;;AAKH;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;ApB3IC;EoByIF;IAKE;;EAEA;IACC;;;AAKD;AAAA;EAEC;;AAIF;EACC;;AAGD;EACC;;ApBjKA;EoBoKD;IAGE;IACA;;;AAGD;EACC;EACA,cV9KkB;EU+KlB;;ApB9KD;EoB2KA;IAME;IACA;IACA;IACA;IACA;;;AAIF;EACC;EACA;;ApB3LD;EoByLA;IAKE;IACA;;;AAGD;EACC;;AAEA;EACC,OtBlLe;;AsBuLlB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ApBnND;EoB2MA;IAWE;;;AAGD;EACC;EACA;EACA;EACA;EACA;;ApB9NF;EoBmOD;IAGE;IACA,aVxOkB;IUyOlB;IACA;;;AAGD;AAAA;EAEC;EACA;EACA,OtBrOiB;EsBsOjB;;AAEA;AAAA;EACC;;AAGD;AAAA;EACC,OtB5OgB;EsB6OhB;;AAIF;EACC;;AAGD;EACC,OtBvPiB;EsBwPjB;EACA;EACA;EACA;;AAGD;EACC,OtB/PiB;EsBgQjB;EACA;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA,cVxRkB;EUyRlB;EACA;;AAEA;EACC,OtB1QU;;AsB+Qb;EAEC;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAEA;EACC;;;AAMJ;AAAA;EAEC;;AAEA;AAAA;EACC,OtBxSkB;;;AsB4SpB;E1BpTC;EACA;EACA;E0BqTA
;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAKA;EACC;EACA;;;AAOF;EACC;;AAEA;EACC;EACA;EACA;EACA;;;AAQF;AAAA;EAEC,avB1Wc;EuB2Wd,WvBnWiB;EuBoWjB,OtBjWkB;;AEXlB;EoB+WD;AAAA;IAGE;IACA;;;ApBnXD;EoBuXD;IAEE,aV1XkB;;;AU8XpB;AAAA;AAAA;EAGC;EACA;;;AJnXF;AAAA;AAAA;AKjBA;AAAA;AAAA;EAIC;;ArBDC;EqBHF;AAAA;AAAA;IAOE;IACA;;;AAGD;AAAA;AAAA;EAEC,OvBCkB;EuBAlB;EACA;;AAEA;AAAA;AAAA;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA,OvBhBiB;;;AEXlB;EqBgCF;IAGE;;;;AAIF;AAKC;AAAA;EAEC;;ArB9CA;EqB4CD;AAAA;IAKE;;;AAIF;AAAA;EACC;EACA;;AAGD;AAAA;EACC;;;ALxCF;AAAA;AAAA;AMtBA;AAEA;EAEC,OxBUmB;;AwBRnB;EAEC;;AtBLA;EsBGD;IAKE;IACA;;;AAGD;EACC,cZdkB;;AYkBpB;EACC;;AAEA;EACC;EACA,OxBJW;;;AL6Ed;A8BlGA;EACC;AAEA;;AACA;EACC;;;A9BiGF;A+BtGA;AAEA;AAAA;EAGC;EACA;EACA;AAWD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AxBfE;EwBDF;AAAA;IAQE;IACA;;;AxBHA;EwBNF;AAAA;IAaE;;;AAeD;AAAA;EACC;;AAGD;AAAA;EACC;;AAGD;AAAA;EAEC;EACA;;AxBtCA;EwBmCD;AAAA;IAME;IACA;IACA;;;AAIF;AAAA;EACC;EACA;EACA;
EACA;EACA;;AAGD;AAAA;EACC;EACA;EACA;;AxB1DA;EwBuDD;AAAA;IAME;IACA;;;AxBzDD;EwBkDD;AAAA;IAWE;;;AAIF;AAAA;EACC;EACA;EACA;EACA,ad3EmB;Ec4EnB,cd5EmB;;AVCnB;EwBsED;AAAA;IAQE;IACA;IACA;;;AAGF;AAAA;EAEC;EACA;;AxBjFA;EwB8ED;AAAA;IAME;IACA;IACA;IACA;IACA;IACA;;;;AAQF;EAEC;;AAEA;EACC;;AAGD;EAGC;;AxBjHD;EwB8GA;IAME;;;AxBzGF;EwBmGA;IAUE;;;AAQF;EACC;;AAOD;ExBlHD;EwBoHE;EACA,Y1BxIwB;E0ByIxB,W3BnIgB;E2BoIhB,a3B7Ia;E2B8Ib,a3B5HyB;E2B6HzB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,Y1BxJ6B;;A0B2J9B;EACC;EACA;;AAIF;EACC;;AAGD;ExB/ID;EwBoJE;EACA;;AAEA;EACC,O1B/KuB;;A0BmLzB;EACC,c1BnL8B;E0BoL9B,O1BpL8B;;A0ByLhC;AAAA;AAAA;EAGC;EACA;;AAEA;AAAA;AAAA;EACC,O1BzLiB;E0B0LjB,a3BrMa;E2BsMb;EACA;EACA,a3BtLyB;;A2BwLzB;AAAA;AAAA;EACC,O1BhMgB;E0BiMhB;;AAGD;AAAA;AAAA;EACC,O1BrMgB;E0BsMhB;;AAOF;EACC;EACA;EACA;;AAEC;EACC;;AAGF;EACC;;AACA;EACC;;AAOJ;EACC,W3BpOiB;E2BqOjB;EACA,Sd/OmB;;AcmPpB;EACC,a3BpPW;E2BqPX,W3BhPgB;E2BiPhB;;AAKA;EACC,a3B3Pa;E2B4Pb,W3B9OgB;E2B+OhB;EACA;EACA;;AAKF;EACC;EACA,SdvQmB;;AcyQnB;EACC;E
ACA;EACA;;AAGD;EACC,W3BpQgB;E2BqQhB;EACA;EACA;EACA;EACA,O1B1QgB;;A0B4QhB;EACC;;AxBvRF;EwB8QA;IAaE,W3B/Qe;;;A2BmRjB;EACC;EACA,a3BjSa;E2BkSb,W3B1RgB;E2B2RhB;EACA;EACA,O1B1RiB;;A0B6RlB;EAEC;;AAEA;EACC;EACA;EACA;EACA;;AAMD;EACC,W3B5Se;E2B6Sf;EACA;EACA;;AxB1TF;EwBsTC;IAOE,W3BjTc;;;A2BqThB;EACC;;AAGD;AAAA;EAEC;;AAGD;EACC,kB1BzTU;;A0B4TX;EAEC;;AAEA;EACC;EACA;EACA;;AxBrVH;EwB8UC;IAWE;;;AASH;EAEC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC,W3BxWgB;;A2B2WjB;EAEC;EACA;EACA;;AAEA;EACC,W3B/We;E2BgXf;EACA;;AAGD;AAAA;AAAA;EAEC,W3BzXe;;AGRjB;EwBmXA;IAmBE;IACA;;EAEA;IACC,W3B/Xc;;;A2BwYjB;EACC;;AAGD;EAEC;;AAGD;EACC;EACA;EACA;;AAQD;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC,a3B1aa;E2B2ab,W3BhagB;E2BiahB;EAEA;EACA;;AxB/aD;EwBuaA;AAAA;AAAA;AAAA;AAAA;AAAA;IAWE,W3Btae;I2Buaf;IACA;;;AxB/aF;EwBkaA;AAAA;AAAA;AAAA;AAAA;AAAA;IAiBE;IACA;;;AAOD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAIF;AAAA;EACC;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC,SdndiB;;AcudnB;AAAA;EACC;;AA
EA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC,Sd7diB;;AcmepB;AAAA;EAEC;;AAID;AAAA;AAAA;AAAA;AAAA;EAKC,W3BreiB;E2BsejB,a3B9ec;E2B+ed,a3B9dsB;E2B+dtB;EACA;EACA;;AAID;AAAA;EAEC;EACA;AAYA;AAAA;;AAVA;AAAA;EACC,kB1BjfiB;E0BkfjB;EACA;;AAGD;AAAA;EACC;;AAQA;AAAA;AAAA;EACC;;AAIF;AAAA;EACC,O1BrgBiB;E0BsgBjB,W3BtgBgB;E2BugBhB,gB3BzgBgB;E2B0gBhB,c3B1gBgB;;A2B+gBlB;EACC;;AAMA;EACC,c1BrhBiB;;A0B0hBnB;EACC,a3BtiBc;;A2BwiBd;ExBlhBD;EwBohBE;EACA;EACA,Y1BziBwB;E0B0iBxB,W3BziBe;E2B0iBf,a3B9iBa;E2B+iBb,a3B7hByB;E2B8hBzB;EACA;;AxB5iBD;EwBmiBA;IAYE,W3BhjBc;I2BijBd;;;AAGD;EACC;;AAGD;EACC,Y1BzjB6B;;A0B4jB9B;EACC;EACA;;AAMH;EACC;;AAEA;EACC,W3BlkBgB;;A2B2kBhB;EACC;;AAGD;EACC;;AAIF;EACC,cdhmBkB;;AckmBlB;EACC;;AAQF;EACC,a3B3mBa;E2B4mBb;;AAEA;EACC;;AAIF;AAAA;AAAA;EAGC;;AASA;EACC,W3BxnBe;;AJ+FnB;AgC1GA;AAAA;AAAA;EAGC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AChCA;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;ADsBD;AAAA;AAAA;AErCA;EACC;EACA;EACA;E
ACA;;;AAGD;EACC;EACA,ejBPoB;EiBQpB,ejBRoB;EiBSpB;EACA;EACA;;AAIC;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAIF;EACC;;;AAIF;EACC;EACA,W9BlBkB;E8BmBlB,a9B3Be;E8B4Bf,a9BXuB;E8BYvB;EACA;;;AAGD;EACC;EACA;EAGA;;AAEA;EACC","file":"style.css"}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentexcerptphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.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/template-parts/content/content-excerpt.php (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,33 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying post archives and search results
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <header class="entry-header">
+ <?php
+ if ( is_sticky() && is_home() && ! is_paged() ) {
+ printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
+ }
+ the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
+ ?>
+ </header><!-- .entry-header -->
+
+ <?php twentynineteen_post_thumbnail(); ?>
+
+ <div class="entry-content">
+ <?php the_excerpt(); ?>
+ </div><!-- .entry-content -->
+
+ <footer class="entry-footer">
+ <?php twentynineteen_entry_footer(); ?>
+ </footer><!-- .entry-footer -->
+</article><!-- #post-${ID} -->
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentnonephp"></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/template-parts/content/content-none.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/template-parts/content/content-none.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-none.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,6 +6,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentpagephp"></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/template-parts/content/content-page.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/template-parts/content/content-page.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-page.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,17 +6,17 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <header class="entry-header">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php
- if ( ! twentynineteen_can_show_post_thumbnail() ) {
- get_template_part( 'template-parts/header/entry', 'header' );}
- ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </header>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="entry-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentsinglephp"></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/template-parts/content/content-single.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/template-parts/content/content-single.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-single.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,51 +6,17 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <header class="entry-header">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php if ( ! is_page() ) : ?>
- <?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
- <?php endif; ?>
- <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
- <?php if ( ! is_page() ) : ?>
- <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
- <?php twentynineteen_posted_by(); ?>
- <?php twentynineteen_posted_on(); ?>
- <span class="comment-count">
- <?php
- if ( ! empty( $discussion ) ) {
- twentynineteen_discussion_avatars_list( $discussion->authors );}
- ?>
- <?php twentynineteen_comment_count(); ?>
- </span>
- <?php
- // Edit post link.
- edit_post_link(
- sprintf(
- wp_kses(
- /* translators: %s: Name of current post. Only visible to screen readers. */
- __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
- array(
- 'span' => array(
- 'class' => array(),
- ),
- )
- ),
- get_the_title()
- ),
- '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
- '</span>'
- );
- ?>
- </div><!-- .meta-info -->
- <?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </header>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="entry-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -82,6 +48,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_entry_footer(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </footer><!-- .entry-footer -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php get_template_part( 'template-parts/post/author', 'info' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! is_singular( 'attachment' ) ) : ?>
+ <?php get_template_part( 'template-parts/post/author', 'bio' ); ?>
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </article><!-- #post-${ID} -->
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentphp"></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/template-parts/content/content.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/template-parts/content/content.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,6 +6,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,7 +23,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .entry-header -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_post_thumbnail(); ?>
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartsfooterfooterwidgetsphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/template-parts/footer/footer-widgets.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/template-parts/footer/footer-widgets.php (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/footer/footer-widgets.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Displays the footer widget area
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+
+if ( is_active_sidebar( 'sidebar-1' ) ) : ?>
+
+ <aside class="widget-area" role="complementary" aria-label="<?php esc_attr_e( 'Footer', 'twentynineteen' ); ?>">
+ <?php
+ if ( is_active_sidebar( 'sidebar-1' ) ) {
+ ?>
+ <div class="widget-column footer-widget-1">
+ <?php dynamic_sidebar( 'sidebar-1' ); ?>
+ </div>
+ <?php
+ }
+ ?>
+ </aside><!-- .widget-area -->
+
+<?php endif; ?>
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartsheaderentryheaderphp"></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/template-parts/header/entry-header.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/template-parts/header/entry-header.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/entry-header.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,24 +4,43 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * @since Twenty Nineteen 1.0
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</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">-if ( ! is_page() ) :
-?>
-<?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
-<?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! is_page() ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="entry-meta">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_posted_by(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_posted_on(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <span class="comment-count">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! empty( $discussion ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- twentynineteen_discussion_avatars_list( $discussion->authors );}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ twentynineteen_discussion_avatars_list( $discussion->authors );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_comment_count(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </span>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ // Edit post link.
+ edit_post_link(
+ sprintf(
+ wp_kses(
+ /* translators: %s: Name of current post. Only visible to screen readers. */
+ __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
+ array(
+ 'span' => array(
+ 'class' => array(),
+ ),
+ )
+ ),
+ get_the_title()
+ ),
+ '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
+ '</span>'
+ );
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .meta-info -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartsheadersitebrandingphp"></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/template-parts/header/site-branding.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/template-parts/header/site-branding.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="site-branding">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,10 +13,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="site-logo"><?php the_custom_logo(); ?></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php if ( is_front_page() && is_home() ) : ?>
- <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
- <?php else : ?>
- <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?>
+ <?php if ( is_front_page() && is_home() ) : ?>
+ <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
+ <?php else : ?>
+ <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,7 +42,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </nav><!-- #site-navigation -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( has_nav_menu( 'social' ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <nav class="social-navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentynineteen' ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentynineteen' ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> wp_nav_menu(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartspostauthorbiophp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.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/template-parts/post/author-bio.php (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying Author info
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+
+if ( (bool) get_the_author_meta( 'description' ) ) : ?>
+<div class="author-bio">
+ <h2 class="author-title">
+ <span class="author-heading"><?php echo esc_html( sprintf( __( 'Published by %s', 'twentynineteen' ), get_the_author() ) ); ?></span>
+ </h2>
+ <p class="author-description">
+ <?php the_author_meta( 'description' ); ?>
+ <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
+ <?php _e( 'View more posts ', 'twentynineteen' ); ?>
+ </a>
+ </p><!-- .author-description -->
+</div><!-- .author-bio -->
+<?php endif; ?>
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartspostauthorinfophp"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-info.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/template-parts/post/author-info.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-info.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,21 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php
-/**
- * The template for displaying Author info
- *
- * @package WordPress
- * @subpackage Twenty_Nineteen
- */
-
-if ( (bool) get_the_author_meta( 'description' ) ) : ?>
-<div class="author-description">
- <h2 class="author-title">
- <span class="author-heading"><?php echo esc_html( sprintf( __( 'Published by %s', 'twentynineteen' ), get_the_author() ) ); ?></span>
- </h2>
- <p class="author-bio">
- <?php the_author_meta( 'description' ); ?>
- <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
- <?php _e( 'View more posts ', 'twentynineteen' ); ?>
- </a>
- </p><!-- .author-bio -->
-<div><!-- .author-description -->
-<?php endif; ?>
</del></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartspostdiscussionmetaphp"></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/template-parts/post/discussion-meta.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/template-parts/post/discussion-meta.php 2018-10-29 08:00:56 UTC (rev 43841)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php 2018-10-30 02:13:07 UTC (rev 43842)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Get data from current discussion on post. */
</span></span></pre>
</div>
</div>
</body>
</html>