<!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>[43892] branches/5.0/src/wp-content/themes/twentynineteen: Updating Twenty Nineteen, our new default theme for 2019, set for 5.0.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/43892">43892</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/43892","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>allancole</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2018-11-12 23:19:13 +0000 (Mon, 12 Nov 2018)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Updating Twenty Nineteen, our new default theme for 2019, set for 5.0.
This update applies the following changes:
- Improve menu UI to support keyboard, click and touch interactions
- Improve variable scoping and js performance in menu interaction javascript
- Improve custom-colors for selected text, buttons and menu hover styles
- Improve margins structure for more consistency between editor and frontend
- Improve discussion avatars for simpler wording and better performance
- Improve fonts in list widgets and list blocks
- Improve comment responsive spacing and avatar display
- Improve various block styles to make them consistent between the editor and frontend
- Add tabbed browsing support for ie11
- Add backwards compatibility support for older versions of WordPress
- Add fallback styles for older versions of WP where Gutenberg is activated and then deactivated (backwards compatibility)
- Add `sizes` attribute for featured images to improve responsive performance
- Add focus-within polyfill
- Add a footer menu for secondary page links
- Fix editor styles to prevent conflicts with plugins that add meta boxes to the editor
- Fix columns block issues on small screens
- Fix empty-space font text cursor issue in Gutenberg editor
- Fix RTL floating styles so that left/right floats are honored
- Fix cover image block margins/padding
- Fix invalid rgba style
- Fix php warning when returning attributes
- Fix gallery widget margins to improve gallery grids
- Fix .entry-content selectors to prevent shortcodes, plugins and other unknown content from breaking the layout
- Remove translation escaping to follow code standards in previous default themes
- Remove custom color output in the fronten header when default color is selected
- Remove fly-out sub-sub-sub-menu behavior on desktop to prevent sub-menus from falling off the screen
- General code clean up and coding standards improvements
Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen
Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa, @tlxo, @themeroots, @whizbangik, @yingles, @youthkee, @brentswisher, @smy315, @ahmadawais, @desi-developer.</pre>
<h3>Modified Paths</h3>
<ul>
<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="#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="#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="#branches50srcwpcontentthemestwentynineteenjscustomizepreviewjs">branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenpackagelockjson">branches/5.0/src/wp-content/themes/twentynineteen/package-lock.json</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenpackagejson">branches/5.0/src/wp-content/themes/twentynineteen/package.json</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenpostcssconfigjs">branches/5.0/src/wp-content/themes/twentynineteen/postcss.config.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenreadmetxt">branches/5.0/src/wp-content/themes/twentynineteen/readme.txt</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassblocks_blocksscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasselements_elementsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasselements_tablesscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassmedia_captionsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.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="#branches50srcwpcontentthemestwentynineteensassmixins_utilitiesscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_utilities.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassmodules_alignmentsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss</a></li>
<li><a href="#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="#branches50srcwpcontentthemestwentynineteensasstypography_typographyscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_typography.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassvariablessite_fontsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassvariablessite_structurescss">branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_structure.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="#branches50srcwpcontentthemestwentynineteenstyleeditorcustomizercss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorcustomizerscss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.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="#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>branches/5.0/src/wp-content/themes/twentynineteen/fonts/</li>
<li><a href="#branches50srcwpcontentthemestwentynineteenfontsNonBreakingSpaceOverridewoff">branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenfontsNonBreakingSpaceOverridewoff2">branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff2</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenincbackcompatphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/back-compat.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjsprioritymenujs">branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjstouchkeyboardnavigationjs">branches/5.0/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassnavigation_menufooternavigationscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-footer-navigation.scss</a></li>
</ul>
<h3>Removed Paths</h3>
<ul>
<li><a href="#branches50srcwpcontentthemestwentynineteenjstouchnavigationjs">branches/5.0/src/wp-content/themes/twentynineteen/js/touch-navigation.js</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>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/archive.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -45,13 +45,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // If no content, include the "No posts found" template.
</span><span class="cx" style="display: block; padding: 0 10px"> else :
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- get_template_part( 'template-parts/content', 'none' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ get_template_part( 'template-parts/content/content', 'none' );
</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"> ?>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </main><!-- #main -->
+ </section><!-- #primary -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </main><!-- .site-main -->
- </section><!-- .content-area -->
-
</del><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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,93 +73,101 @@
</span><span class="cx" style="display: block; padding: 0 10px"> static $ui_icons = array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'link' => /* material-design – link */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M0 0h24v24H0z" fill="none"/>
- <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"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M0 0h24v24H0z" fill="none"></path>
+ <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"></path>
</ins><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"> 'watch' => /* material-design – watch-later */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><span class="cx" style="display: block; padding: 0 10px"> <defs>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path id="a" d="M0 0h24v24H0V0z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path id="a" d="M0 0h24v24H0V0z"></path>
</ins><span class="cx" style="display: block; padding: 0 10px"> </defs>
</span><span class="cx" style="display: block; padding: 0 10px"> <clipPath id="b">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <use xlink:href="#a" overflow="visible"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <use xlink:href="#a" overflow="visible"></use>
</ins><span class="cx" style="display: block; padding: 0 10px"> </clipPath>
</span><del style="background-color: #fdd; text-decoration:none; 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"/>
</del><ins style="background-color: #dfd; text-decoration:none; 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"></path>
</ins><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"> 'archive' => /* material-design – folder */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; 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"/>
- <path d="M0 0h24v24H0z" fill="none"/>
</del><ins style="background-color: #dfd; text-decoration:none; 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"></path>
+ <path d="M0 0h24v24H0z" fill="none"></path>
</ins><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"> 'tag' => /* material-design – local_offer */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; 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"/>
- <path d="M0 0h24v24H0z" fill="none"/>
</del><ins style="background-color: #dfd; text-decoration:none; 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"></path>
+ <path d="M0 0h24v24H0z" fill="none"></path>
</ins><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"> 'comment' => /* material-design – comment */ '
</span><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><del style="background-color: #fdd; text-decoration:none; 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"/>
- <path d="M0 0h24v24H0z" fill="none"/>
</del><ins style="background-color: #dfd; text-decoration:none; 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"></path>
+ <path d="M0 0h24v24H0z" fill="none"></path>
</ins><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"> 'person' => /* material-design – person */ '
</span><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><del style="background-color: #fdd; text-decoration:none; 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"/>
- <path d="M0 0h24v24H0z" fill="none"/>
</del><ins style="background-color: #dfd; text-decoration:none; 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"></path>
+ <path d="M0 0h24v24H0z" fill="none"></path>
</ins><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"> 'edit' => /* material-design – edit */ '
</span><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><del style="background-color: #fdd; text-decoration:none; 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"/>
- <path d="M0 0h24v24H0z" fill="none"/>
</del><ins style="background-color: #dfd; text-decoration:none; 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"></path>
+ <path d="M0 0h24v24H0z" fill="none"></path>
</ins><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"> 'chevron_left' => /* material-design – chevron_left */ '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"/>
- <path d="M0 0h24v24H0z" fill="none"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
+ <path d="M0 0h24v24H0z" fill="none"></path>
</ins><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"> 'chevron_right' => /* material-design – chevron_right */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"/>
- <path d="M0 0h24v24H0z" fill="none"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
+ <path d="M0 0h24v24H0z" fill="none"></path>
</ins><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"> 'check' => /* material-design – check */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M0 0h24v24H0z" fill="none"/>
- <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M0 0h24v24H0z" fill="none"></path>
+ <path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"></path>
</ins><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><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M0 0h24v24H0z" fill="none"/>
- <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"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M0 0h24v24H0z" fill="none"></path>
+ <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"></path>
</ins><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"> 'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; 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"/>
- <path fill="none" d="M0 0h24v24H0V0z"/>
</del><ins style="background-color: #dfd; text-decoration:none; 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"></path>
+ <path fill="none" d="M0 0h24v24H0V0z"></path>
</ins><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"> 'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M10 17l5-5-5-5v10z"/>
- <path fill="none" d="M0 24V0h24v24H0z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M10 17l5-5-5-5v10z"></path>
+ <path fill="none" d="M0 24V0h24v24H0z"></path>
</ins><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"> 'keyboard_arrow_left' => /* material-design – keyboard_arrow_left */ '
</span><span class="cx" style="display: block; padding: 0 10px"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M14 7l-5 5 5 5V7z"/>
- <path fill="none" d="M24 0v24H0V0h24z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M14 7l-5 5 5 5V7z"></path>
+ <path fill="none" d="M24 0v24H0V0h24z"></path>
</ins><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">+ 'arrow_drop_down_ellipsis' => /* custom – arrow_drop_down_ellipsis */ '
+<svg width="24" height="24" xmlns="http://www.w3.org/2000/svg">
+ <g fill="none" fill-rule="evenodd">
+ <path d="M0 0h24v24H0z"/>
+ <path fill="currentColor" fill-rule="nonzero" d="M12 2c5.52 0 10 4.48 10 10s-4.48 10-10 10S2 17.52 2 12 6.48 2 12 2zM6 14a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6 0a2 2 0 1 0 0-4 2 2 0 0 0 0 4z"/>
+ </g>
+</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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -203,6 +211,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'google-plus' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'plus.google.com',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'lastfm' => array(
+ 'last.fm',
+ ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'mail' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'mailto:',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -229,213 +240,217 @@
</span><span class="cx" style="display: block; padding: 0 10px"> static $social_icons = array(
</span><span class="cx" style="display: block; padding: 0 10px"> '500px' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.94
634,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.5
5484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M6.94026,15.1412c.00437.01213.108.29862.168.44064a6.55008,6.55008,0,1,0,6.03191-9.09557,6.68654,6.68654,0,0,0-2.58357.51467A8.53914,8.53914,0,0,0,8.21268,8.61344L8.209,8.61725V3.22948l9.0504-.00008c.32934-.0036.32934-.46353.32934-.61466s0-.61091-.33035-.61467L7.47248,2a.43.43,0,0,0-.43131.42692v7.58355c0,.24466.30476.42131.58793.4819.553.11812.68074-.05864.81617-.2457l.018-.02481A10.52673,10.52673,0,0,1,9.32258,9.258a5.35268,5.35268,0,1,1,7.58985,7.54976,5.417,5.417,0,0,1-3.80867,1.56365,5.17483,5.17483,0,0,1-2.69822-.74478l.00342-4.61111a2.79372,2.79372,0,0,1,.71372-1.78792,2.61611,2.61611,0,0,1,1.98282-.89477,2.75683,2.75683,0,0,1,1.95525.79477,2.66867,2.66867,0,0,1,.79656,1.909,2.724,2.724,0,0,1-2.75849,2.748,4.94651,4.94651,0,0,1-.86254-.13719c-.31234-.093-.44519.34058-.48892.48349-.16811.54966.08453.65862.13687.67489a3.75751,3.75751,0,0,0,1.25234.18375,3.94634,3.946
34,0,1,0-2.82444-6.742,3.67478,3.67478,0,0,0-1.13028,2.584l-.00041.02323c-.0035.11667-.00579,2.881-.00644,3.78811l-.00407-.00451a6.18521,6.18521,0,0,1-1.0851-1.86092c-.10544-.27856-.34358-.22925-.66857-.12917-.14192.04372-.57386.17677-.47833.489Zm4.65165-1.08338a.51346.51346,0,0,0,.19513.31818l.02276.022a.52945.52945,0,0,0,.3517.18416.24242.24242,0,0,0,.16577-.0611c.05473-.05082.67382-.67812.73287-.738l.69041.68819a.28978.28978,0,0,0,.21437.11032.53239.53239,0,0,0,.35708-.19486c.29792-.30419.14885-.46821.07676-.54751l-.69954-.69975.72952-.73469c.16-.17311.01874-.35708-.12218-.498-.20461-.20461-.402-.25742-.52855-.14083l-.7254.72665-.73354-.73375a.20128.20128,0,0,0-.14179-.05695.54135.54135,0,0,0-.34379.19648c-.22561.22555-.274.38149-.15656.5059l.73374.7315-.72942.73072A.26589.26589,0,0,0,11.59191,14.05782Zm1.59866-9.915A8.86081,8.86081,0,0,0,9.854,4.776a.26169.26169,0,0,0-.16938.22759.92978.92978,0,0,0,.08619.42094c.05682.14524.20779.531.50006.41955a8.40969,8.40969,0,0,1,2.91968-.55
484,7.87875,7.87875,0,0,1,3.086.62286,8.61817,8.61817,0,0,1,2.30562,1.49315.2781.2781,0,0,0,.18318.07586c.15529,0,.30425-.15253.43167-.29551.21268-.23861.35873-.4369.1492-.63538a8.50425,8.50425,0,0,0-2.62312-1.694A9.0177,9.0177,0,0,0,13.19058,4.14283ZM19.50945,18.6236h0a.93171.93171,0,0,0-.36642-.25406.26589.26589,0,0,0-.27613.06613l-.06943.06929A7.90606,7.90606,0,0,1,7.60639,18.505a7.57284,7.57284,0,0,1-1.696-2.51537,8.58715,8.58715,0,0,1-.5147-1.77754l-.00871-.04864c-.04939-.25873-.28755-.27684-.62981-.22448-.14234.02178-.5755.088-.53426.39969l.001.00712a9.08807,9.08807,0,0,0,15.406,4.99094c.00193-.00192.04753-.04718.0725-.07436C19.79425,19.16234,19.87422,18.98728,19.50945,18.6236Z"></path>
</ins><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"> 'amazon' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0
.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.
199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z"></path>
</ins><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"> 'apple' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M20.07,17.586a10.874,10.874,0,0,1-1.075,1.933,9.822,9.822,0,0,1-1.385,1.674,2.687,2.687,0,0,1-1.78.784,4.462,4.462,0,0,1-1.644-.393,4.718,4.718,0,0,0-1.77-.391,4.878,4.878,0,0,0-1.82.391A4.9,4.9,0,0,1,9.021,22a2.53,2.53,0,0,1-1.82-.8A10.314,10.314,0,0,1,5.752,19.46,11.987,11.987,0,0,1,4.22,16.417a11.143,11.143,0,0,1-.643-3.627,6.623,6.623,0,0,1,.87-3.465A5.1,5.1,0,0,1,6.268,7.483a4.9,4.9,0,0,1,2.463-.695,5.8,5.8,0,0,1,1.9.443,6.123,6.123,0,0,0,1.511.444,9.04,9.04,0,0,0,1.675-.523,5.537,5.537,0,0,1,2.277-.4,4.835,4.835,0,0,1,3.788,1.994,4.213,4.213,0,0,0-2.235,3.827,4.222,4.222,0,0,0,1.386,3.181,4.556,4.556,0,0,0,1.385.909q-.167.483-.353.927ZM16.211,2.4a4.267,4.267,0,0,1-1.094,2.8,3.726,3.726,0,0,1-3.1,1.528A3.114,3.114,0,0,1,12,6.347a4.384,4.384,0,0,1,1.16-2.828,4.467,4.467,0,0,1,1.414-1.061A4.215,4.215,0,0,1,16.19,2a3.633,3.633,0,0,1,.021.4Z"></path>
</ins><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"> 'bandcamp' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M15.27 17.289 3 17.289 8.73 6.711 21 6.711 15.27 17.289"></path>
</ins><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"> 'behance' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.4
04-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"/
>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M7.799,5.698c0.589,0,1.12,0.051,1.606,0.156c0.482,0.102,0.894,0.273,1.241,0.507c0.344,0.235,0.612,0.546,0.804,0.938 c0.188,0.387,0.281,0.871,0.281,1.443c0,0.619-0.141,1.137-0.421,1.551c-0.284,0.413-0.7,0.751-1.255,1.014 c0.756,0.218,1.317,0.601,1.689,1.146c0.374,0.549,0.557,1.205,0.557,1.975c0,0.623-0.12,1.161-0.359,1.612 c-0.241,0.457-0.569,0.828-0.973,1.114c-0.408,0.288-0.876,0.5-1.399,0.637C9.052,17.931,8.514,18,7.963,18H2V5.698H7.799 M7.449,10.668c0.481,0,0.878-0.114,1.192-0.345c0.311-0.228,0.463-0.603,0.463-1.119c0-0.286-0.051-0.523-0.152-0.707 C8.848,8.315,8.711,8.171,8.536,8.07C8.362,7.966,8.166,7.894,7.94,7.854c-0.224-0.044-0.457-0.06-0.697-0.06H4.709v2.874H7.449z M7.6,15.905c0.267,0,0.521-0.024,0.759-0.077c0.243-0.053,0.457-0.137,0.637-0.261c0.182-0.12,0.332-0.283,0.441-0.491 C9.547,14.87,9.6,14.602,9.6,14.278c0-0.633-0.18-1.084-0.533-1.357c-0.356-0.27-0.83-0.40
4-1.413-0.404H4.709v3.388L7.6,15.905z M16.162,15.864c0.367,0.358,0.897,0.538,1.583,0.538c0.493,0,0.92-0.125,1.277-0.374c0.354-0.248,0.571-0.514,0.654-0.79h2.155 c-0.347,1.072-0.872,1.838-1.589,2.299C19.534,18,18.67,18.23,17.662,18.23c-0.701,0-1.332-0.113-1.899-0.337 c-0.567-0.227-1.041-0.544-1.439-0.958c-0.389-0.415-0.689-0.907-0.904-1.484c-0.213-0.574-0.32-1.21-0.32-1.899 c0-0.666,0.11-1.288,0.329-1.863c0.222-0.577,0.529-1.075,0.933-1.492c0.406-0.42,0.885-0.751,1.444-0.994 c0.558-0.241,1.175-0.363,1.857-0.363c0.754,0,1.414,0.145,1.98,0.44c0.563,0.291,1.026,0.686,1.389,1.181 c0.363,0.493,0.622,1.057,0.783,1.69c0.16,0.632,0.217,1.292,0.171,1.983h-6.428C15.557,14.84,15.795,15.506,16.162,15.864 M18.973,11.184c-0.291-0.321-0.783-0.496-1.384-0.496c-0.39,0-0.714,0.066-0.973,0.2c-0.254,0.132-0.461,0.297-0.621,0.491 c-0.157,0.197-0.265,0.405-0.328,0.628c-0.063,0.217-0.101,0.413-0.111,0.587h3.98C19.478,11.969,19.265,11.509,18.973,11.184z M15.057,7.738h4.985V6.524h-4.985L15.057,7.738z"&g
t;</path>
</ins><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"> 'chain' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0
,0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M19.647,16.706a1.134,1.134,0,0,0-.343-.833l-2.549-2.549a1.134,1.134,0,0,0-.833-.343,1.168,1.168,0,0,0-.883.392l.233.226q.2.189.264.264a2.922,2.922,0,0,1,.184.233.986.986,0,0,1,.159.312,1.242,1.242,0,0,1,.043.337,1.172,1.172,0,0,1-1.176,1.176,1.237,1.237,0,0,1-.337-.043,1,1,0,0,1-.312-.159,2.76,2.76,0,0,1-.233-.184q-.073-.068-.264-.264l-.226-.233a1.19,1.19,0,0,0-.4.895,1.134,1.134,0,0,0,.343.833L15.837,19.3a1.13,1.13,0,0,0,.833.331,1.18,1.18,0,0,0,.833-.318l1.8-1.789a1.12,1.12,0,0,0,.343-.821Zm-8.615-8.64a1.134,1.134,0,0,0-.343-.833L8.163,4.7a1.134,1.134,0,0,0-.833-.343,1.184,1.184,0,0,0-.833.331L4.7,6.473a1.12,1.12,0,0,0-.343.821,1.134,1.134,0,0,0,.343.833l2.549,2.549a1.13,1.13,0,0,0,.833.331,1.184,1.184,0,0,0,.883-.38L8.728,10.4q-.2-.189-.264-.264A2.922,2.922,0,0,1,8.28,9.9a.986.986,0,0,1-.159-.312,1.242,1.242,0,0,1-.043-.337A1.172,1.172,0,0,1,9.254,8.079a1.237,1.237,0,
0,1,.337.043,1,1,0,0,1,.312.159,2.761,2.761,0,0,1,.233.184q.073.068.264.264l.226.233a1.19,1.19,0,0,0,.4-.895ZM22,16.706a3.343,3.343,0,0,1-1.042,2.488l-1.8,1.789a3.536,3.536,0,0,1-4.988-.025l-2.525-2.537a3.384,3.384,0,0,1-1.017-2.488,3.448,3.448,0,0,1,1.078-2.561l-1.078-1.078a3.434,3.434,0,0,1-2.549,1.078,3.4,3.4,0,0,1-2.5-1.029L3.029,9.794A3.4,3.4,0,0,1,2,7.294,3.343,3.343,0,0,1,3.042,4.806l1.8-1.789A3.384,3.384,0,0,1,7.331,2a3.357,3.357,0,0,1,2.5,1.042l2.525,2.537a3.384,3.384,0,0,1,1.017,2.488,3.448,3.448,0,0,1-1.078,2.561l1.078,1.078a3.551,3.551,0,0,1,5.049-.049l2.549,2.549A3.4,3.4,0,0,1,22,16.706Z"></path>
</ins><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"> 'codepen' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.0
54,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0
.018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M22.016,8.84c-0.002-0.013-0.005-0.025-0.007-0.037c-0.005-0.025-0.008-0.048-0.015-0.072 c-0.003-0.015-0.01-0.028-0.013-0.042c-0.008-0.02-0.015-0.04-0.023-0.062c-0.007-0.015-0.013-0.028-0.02-0.042 c-0.008-0.02-0.018-0.037-0.03-0.057c-0.007-0.013-0.017-0.027-0.025-0.038c-0.012-0.018-0.023-0.035-0.035-0.052 c-0.01-0.013-0.02-0.025-0.03-0.037c-0.015-0.017-0.028-0.032-0.043-0.045c-0.01-0.012-0.022-0.023-0.035-0.035 c-0.015-0.015-0.032-0.028-0.048-0.04c-0.012-0.01-0.025-0.02-0.037-0.03c-0.005-0.003-0.01-0.008-0.015-0.012l-9.161-6.096 c-0.289-0.192-0.666-0.192-0.955,0L2.359,8.237C2.354,8.24,2.349,8.245,2.344,8.249L2.306,8.277 c-0.017,0.013-0.033,0.027-0.048,0.04C2.246,8.331,2.234,8.342,2.222,8.352c-0.015,0.015-0.028,0.03-0.042,0.047 c-0.012,0.013-0.022,0.023-0.03,0.037C2.139,8.453,2.125,8.471,2.115,8.488C2.107,8.501,2.099,8.514,2.09,8.526 C2.079,8.548,2.069,8.565,2.06,8.585C2.05
4,8.6,2.047,8.613,2.04,8.626C2.032,8.648,2.025,8.67,2.019,8.69 c-0.005,0.013-0.01,0.027-0.013,0.042C1.999,8.755,1.995,8.778,1.99,8.803C1.989,8.817,1.985,8.828,1.984,8.84 C1.978,8.879,1.975,8.915,1.975,8.954v6.093c0,0.037,0.003,0.075,0.008,0.112c0.002,0.012,0.005,0.025,0.007,0.038 c0.005,0.023,0.008,0.047,0.015,0.072c0.003,0.015,0.008,0.028,0.013,0.04c0.007,0.022,0.013,0.042,0.022,0.063 c0.007,0.015,0.013,0.028,0.02,0.04c0.008,0.02,0.018,0.038,0.03,0.058c0.007,0.013,0.015,0.027,0.025,0.038 c0.012,0.018,0.023,0.035,0.035,0.052c0.01,0.013,0.02,0.025,0.03,0.037c0.013,0.015,0.028,0.032,0.042,0.045 c0.012,0.012,0.023,0.023,0.035,0.035c0.015,0.013,0.032,0.028,0.048,0.04l0.038,0.03c0.005,0.003,0.01,0.007,0.013,0.01 l9.163,6.095C11.668,21.953,11.833,22,12,22c0.167,0,0.332-0.047,0.478-0.144l9.163-6.095l0.015-0.01 c0.013-0.01,0.027-0.02,0.037-0.03c0.018-0.013,0.035-0.028,0.048-0.04c0.013-0.012,0.025-0.023,0.035-0.035 c0.017-0.015,0.03-0.032,0.043-0.045c0.01-0.013,0.02-0.025,0.03-0.037c0.013-0.
018,0.025-0.035,0.035-0.052 c0.008-0.013,0.018-0.027,0.025-0.038c0.012-0.02,0.022-0.038,0.03-0.058c0.007-0.013,0.013-0.027,0.02-0.04 c0.008-0.022,0.015-0.042,0.023-0.063c0.003-0.013,0.01-0.027,0.013-0.04c0.007-0.025,0.01-0.048,0.015-0.072 c0.002-0.013,0.005-0.027,0.007-0.037c0.003-0.042,0.007-0.079,0.007-0.117V8.954C22.025,8.915,22.022,8.879,22.016,8.84z M12.862,4.464l6.751,4.49l-3.016,2.013l-3.735-2.492V4.464z M11.138,4.464v4.009l-3.735,2.494L4.389,8.954L11.138,4.464z M3.699,10.562L5.853,12l-2.155,1.438V10.562z M11.138,19.536l-6.749-4.491l3.015-2.011l3.735,2.492V19.536z M12,14.035L8.953,12 L12,9.966L15.047,12L12,14.035z M12.862,19.536v-4.009l3.735-2.492l3.016,2.011L12.862,19.536z M20.303,13.438L18.147,12 l2.156-1.438L20.303,13.438z"></path>
</ins><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"> 'deviantart' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M 18.19 5.636 18.19 2 18.188 2 14.553 2 14.19 2.366 12.474 5.636 11.935 6 5.81 6 5.81 10.994 9.177 10.994 9.477 11.357 5.81 18.363 5.81 22 5.811 22 9.447 22 9.81 21.634 11.526 18.364 12.065 18 18.19 18 18.19 13.006 14.823 13.006 14.523 12.641 18.19 5.636z"></path>
</ins><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"> 'digg' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M4.5,5.4h2.2V16H1V8.5h3.5V5.4L4.5,5.4z M4.5,14.2v-4H3.2v4H4.5z M7.6,8.5V16h2.2V8.5C9.8,8.5,7.6,8.5,7.6,8.5z M7.6,5.4 v2.2h2.2V5.4C9.8,5.4,7.6,5.4,7.6,5.4z M10.7,8.5h5.7v10.1h-5.7v-1.8h3.5V16h-3.5C10.7,16,10.7,8.5,10.7,8.5z M14.2,14.2v-4h-1.3v4 H14.2z M17.3,8.5H23v10.1h-5.7v-1.8h3.5V16h-3.5C17.3,16,17.3,8.5,17.3,8.5z M20.8,14.2v-4h-1.3v4H20.8z"></path>
</ins><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"> 'dribbble' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,1
2,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12,22C6.486,22,2,17.514,2,12S6.486,2,12,2c5.514,0,10,4.486,10,10S17.514,22,12,22z M20.434,13.369 c-0.292-0.092-2.644-0.794-5.32-0.365c1.117,3.07,1.572,5.57,1.659,6.09C18.689,17.798,20.053,15.745,20.434,13.369z M15.336,19.876c-0.127-0.749-0.623-3.361-1.822-6.477c-0.019,0.006-0.038,0.013-0.056,0.019c-4.818,1.679-6.547,5.02-6.701,5.334 c1.448,1.129,3.268,1.803,5.243,1.803C13.183,20.555,14.311,20.313,15.336,19.876z M5.654,17.724 c0.193-0.331,2.538-4.213,6.943-5.637c0.111-0.036,0.224-0.07,0.337-0.102c-0.214-0.485-0.448-0.971-0.692-1.45 c-4.266,1.277-8.405,1.223-8.778,1.216c-0.003,0.087-0.004,0.174-0.004,0.261C3.458,14.207,4.29,16.21,5.654,17.724z M3.639,10.264 c0.382,0.005,3.901,0.02,7.897-1.041c-1.415-2.516-2.942-4.631-3.167-4.94C5.979,5.41,4.193,7.613,3.639,10.264z M9.998,3.709 c0.236,0.316,1.787,2.429,3.187,5c3.037-1.138,4.323-2.867,4.477-3.085C16.154,4.286,14.17,3.471,12
,3.471 C11.311,3.471,10.641,3.554,9.998,3.709z M18.612,6.612C18.432,6.855,17,8.69,13.842,9.979c0.199,0.407,0.389,0.821,0.567,1.237 c0.063,0.148,0.124,0.295,0.184,0.441c2.842-0.357,5.666,0.215,5.948,0.275C20.522,9.916,19.801,8.065,18.612,6.612z"></path>
</ins><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"> 'dropbox' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12,6.134L6.069,9.797L2,6.54l5.883-3.843L12,6.134z M2,13.054l5.883,3.843L12,13.459L6.069,9.797L2,13.054z M12,13.459 l4.116,3.439L22,13.054l-4.069-3.257L12,13.459z M22,6.54l-5.884-3.843L12,6.134l5.931,3.663L22,6.54z M12.011,14.2l-4.129,3.426 l-1.767-1.153v1.291l5.896,3.539l5.897-3.539v-1.291l-1.769,1.153L12.011,14.2z"></path>
</ins><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"> 'etsy' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M9.16033,4.038c0-.27174.02717-.43478.48913-.43478h6.22283c1.087,0,1.68478.92391,2.11957,2.663l.35326,1.38587h1.05978C19.59511,3.712,19.75815,2,19.75815,2s-2.663.29891-4.23913.29891h-7.962L3.29076,2.163v1.1413L4.731,3.57609c1.00543.19022,1.25.40761,1.33152,1.33152,0,0,.08152,2.71739.08152,7.20109s-.08152,7.17391-.08152,7.17391c0,.81522-.32609,1.11413-1.33152,1.30435l-1.44022.27174V22l4.2663-.13587h7.11957c1.60326,0,5.32609.13587,5.32609.13587.08152-.97826.625-5.40761.70652-5.89674H19.7038L18.644,18.52174c-.84239,1.90217-2.06522,2.038-3.42391,2.038H11.1712c-1.3587,0-2.01087-.54348-2.01087-1.712V12.65217s3.0163,0,3.99457.08152c.76087.05435,1.22283.27174,1.46739,1.33152l.32609,1.413h1.16848l-.08152-3.55978.163-3.587H15.02989l-.38043,1.57609c-.24457,1.03261-.40761,1.22283-1.46739,1.33152-1.38587.13587-4.02174.1087-4.02174.1087Z"></path>
</ins><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"> 'facebook' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M20.007,3H3.993C3.445,3,3,3.445,3,3.993v16.013C3,20.555,3.445,21,3.993,21h8.621v-6.971h-2.346v-2.717h2.346V9.31 c0-2.325,1.42-3.591,3.494-3.591c0.993,0,1.847,0.074,2.096,0.107v2.43l-1.438,0.001c-1.128,0-1.346,0.536-1.346,1.323v1.734h2.69 l-0.35,2.717h-2.34V21h4.587C20.555,21,21,20.555,21,20.007V3.993C21,3.445,20.555,3,20.007,3z"></path>
</ins><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"> 'feed' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M2,8.667V12c5.515,0,10,4.485,10,10h3.333C15.333,14.637,9.363,8.667,2,8.667z M2,2v3.333 c9.19,0,16.667,7.477,16.667,16.667H22C22,10.955,13.045,2,2,2z M4.5,17C3.118,17,2,18.12,2,19.5S3.118,22,4.5,22S7,20.88,7,19.5 S5.882,17,4.5,17z"></path>
</ins><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"> 'flickr' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M6.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5S9.25,7,6.5,7z M17.5,7c-2.75,0-5,2.25-5,5s2.25,5,5,5s5-2.25,5-5 S20.25,7,17.5,7z"></path>
</ins><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"> 'foursquare' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M17.573,2c0,0-9.197,0-10.668,0S5,3.107,5,3.805s0,16.948,0,16.948c0,0.785,0.422,1.077,0.66,1.172 c0.238,0.097,0.892,0.177,1.285-0.275c0,0,5.035-5.843,5.122-5.93c0.132-0.132,0.132-0.132,0.262-0.132h3.26 c1.368,0,1.588-0.977,1.732-1.552c0.078-0.318,0.692-3.428,1.225-6.122l0.675-3.368C19.56,2.893,19.14,2,17.573,2z M16.495,7.22 c-0.053,0.252-0.372,0.518-0.665,0.518c-0.293,0-4.157,0-4.157,0c-0.467,0-0.802,0.318-0.802,0.787v0.508 c0,0.467,0.337,0.798,0.805,0.798c0,0,3.197,0,3.528,0s0.655,0.362,0.583,0.715c-0.072,0.353-0.407,2.102-0.448,2.295 c-0.04,0.193-0.262,0.523-0.655,0.523c-0.33,0-2.88,0-2.88,0c-0.523,0-0.683,0.068-1.033,0.503 c-0.35,0.437-3.505,4.223-3.505,4.223c-0.032,0.035-0.063,0.027-0.063-0.015V4.852c0-0.298,0.26-0.648,0.648-0.648 c0,0,8.228,0,8.562,0c0.315,0,0.61,0.297,0.528,0.683L16.495,7.22z"></path>
</ins><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"> 'goodreads' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0
.2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M17.3,17.5c-0.2,0.8-0.5,1.4-1,1.9c-0.4,0.5-1,0.9-1.7,1.2C13.9,20.9,13.1,21,12,21c-0.6,0-1.3-0.1-1.9-0.2 c-0.6-0.1-1.1-0.4-1.6-0.7c-0.5-0.3-0.9-0.7-1.2-1.2c-0.3-0.5-0.5-1.1-0.5-1.7h1.5c0.1,0.5,0.2,0.9,0.5,1.2 c0.2,0.3,0.5,0.6,0.9,0.8c0.3,0.2,0.7,0.3,1.1,0.4c0.4,0.1,0.8,0.1,1.2,0.1c1.4,0,2.5-0.4,3.1-1.2c0.6-0.8,1-2,1-3.5v-1.7h0 c-0.4,0.8-0.9,1.4-1.6,1.9c-0.7,0.5-1.5,0.7-2.4,0.7c-1,0-1.9-0.2-2.6-0.5C8.7,15,8.1,14.5,7.7,14c-0.5-0.6-0.8-1.3-1-2.1 c-0.2-0.8-0.3-1.6-0.3-2.5c0-0.9,0.1-1.7,0.4-2.5c0.3-0.8,0.6-1.5,1.1-2c0.5-0.6,1.1-1,1.8-1.4C10.3,3.2,11.1,3,12,3 c0.5,0,0.9,0.1,1.3,0.2c0.4,0.1,0.8,0.3,1.1,0.5c0.3,0.2,0.6,0.5,0.9,0.8c0.3,0.3,0.5,0.6,0.6,1h0V3.4h1.5V15 C17.6,15.9,17.5,16.7,17.3,17.5z M13.8,14.1c0.5-0.3,0.9-0.7,1.3-1.1c0.3-0.5,0.6-1,0.8-1.6c0.2-0.6,0.3-1.2,0.3-1.9 c0-0.6-0.1-1.2-0.2-1.9c-0.1-0.6-0.4-1.2-0.7-1.7c-0.3-0.5-0.7-0.9-1.3-1.2c-0.5-0.3-1.1-0.5-1.9-0.5s-1.4,0.
2-1.9,0.5 c-0.5,0.3-1,0.7-1.3,1.2C8.5,6.4,8.3,7,8.1,7.6C8,8.2,7.9,8.9,7.9,9.5c0,0.6,0.1,1.3,0.2,1.9C8.3,12,8.6,12.5,8.9,13 c0.3,0.5,0.8,0.8,1.3,1.1c0.5,0.3,1.1,0.4,1.9,0.4C12.7,14.5,13.3,14.4,13.8,14.1z"></path>
</ins><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"> 'google-plus' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M8,11h6.61c0.06,0.35,0.11,0.7,0.11,1.16c0,4-2.68,6.84-6.72,6.84c-3.87,0-7-3.13-7-7s3.13-7,7-7 c1.89,0,3.47,0.69,4.69,1.83l-1.9,1.83C10.27,8.16,9.36,7.58,8,7.58c-2.39,0-4.34,1.98-4.34,4.42S5.61,16.42,8,16.42 c2.77,0,3.81-1.99,3.97-3.02H8V11L8,11z M23,11h-2V9h-2v2h-2v2h2v2h2v-2h2"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M8,11h6.61c0.06,0.35,0.11,0.7,0.11,1.16c0,4-2.68,6.84-6.72,6.84c-3.87,0-7-3.13-7-7s3.13-7,7-7 c1.89,0,3.47,0.69,4.69,1.83l-1.9,1.83C10.27,8.16,9.36,7.58,8,7.58c-2.39,0-4.34,1.98-4.34,4.42S5.61,16.42,8,16.42 c2.77,0,3.81-1.99,3.97-3.02H8V11L8,11z M23,11h-2V9h-2v2h-2v2h2v2h2v-2h2"></path>
</ins><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"> 'google' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12.02,10.18v3.72v0.01h5.51c-0.26,1.57-1.67,4.22-5.5,4.22c-3.31,0-6.01-2.75-6.01-6.12s2.7-6.12,6.01-6.12 c1.87,0,3.13,0.8,3.85,1.48l2.84-2.76C16.99,2.99,14.73,2,12.03,2c-5.52,0-10,4.48-10,10s4.48,10,10,10c5.77,0,9.6-4.06,9.6-9.77 c0-0.83-0.11-1.42-0.25-2.05H12.02z"></path>
</ins><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"> 'github' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833
- c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12,2C6.477,2,2,6.477,2,12c0,4.419,2.865,8.166,6.839,9.489c0.5,0.09,0.682-0.218,0.682-0.484 c0-0.236-0.009-0.866-0.014-1.699c-2.782,0.602-3.369-1.34-3.369-1.34c-0.455-1.157-1.11-1.465-1.11-1.465 c-0.909-0.62,0.069-0.608,0.069-0.608c1.004,0.071,1.532,1.03,1.532,1.03c0.891,1.529,2.341,1.089,2.91,0.833 c0.091-0.647,0.349-1.086,0.635-1.337c-2.22-0.251-4.555-1.111-4.555-4.943c0-1.091,0.39-1.984,1.03-2.682 C6.546,8.54,6.202,7.524,6.746,6.148c0,0,0.84-0.269,2.75,1.025C10.295,6.95,11.15,6.84,12,6.836 c0.85,0.004,1.705,0.114,2.504,0.336c1.909-1.294,2.748-1.025,2.748-1.025c0.546,1.376,0.202,2.394,0.1,2.646 c0.64,0.699,1.026,1.591,1.026,2.682c0,3.841-2.337,4.687-4.565,4.935c0.359,0.307,0.679,0.917,0.679,1.852 c0,1.335-0.012,2.415-0.012,2.741c0,0.269,0.18,0.579,0.688,0.481C19.138,20.161,22,16.416,22,12C22,6.477,17.523,2,12,2z"></path>
</ins><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"> 'instagram' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6
.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.4
84,1.08-1.08S17.401,6.116,16.804,6.116z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.
105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.48
4,1.08-1.08S17.401,6.116,16.804,6.116z"></path>
</ins><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">+ 'lastfm' => '
+<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+ <path d="M10.5002,0 C4.7006,0 0,4.70109753 0,10.4998496 C0,16.2989526 4.7006,21 10.5002,21 C16.299,21 21,16.2989526 21,10.4998496 C21,4.70109753 16.299,0 10.5002,0 Z M14.69735,14.7204413 C13.3164,14.7151781 12.4346,14.0870017 11.83445,12.6859357 L11.6816001,12.3451305 L10.35405,9.31011397 C9.92709997,8.26875064 8.85260001,7.57120012 7.68010001,7.57120012 C6.06945001,7.57120012 4.75925001,8.88509738 4.75925001,10.5009524 C4.75925001,12.1164565 6.06945001,13.4303036 7.68010001,13.4303036 C8.77200001,13.4303036 9.76514999,12.827541 10.2719501,11.8567047 C10.2893,11.8235214 10.3239,11.8019673 10.36305,11.8038219 C10.4007,11.8053759 10.43535,11.8287847 10.4504,11.8631709 L10.98655,13.1045863 C11.0016,13.1389726 10.9956,13.17782 10.97225,13.2068931 C10.1605001,14.1995341 8.96020001,14.7683115 7.68010001,14.7683115 C5.33305,14.7683115 3.42340001,12.8535563 3.42340001,10.5009524 C3.42340001,8.14679459 5.33300001,6.23203946 7.68010001,6.23203946 C9.45720002,6.23203946 10.8909,7.1907
4535 11.6138,8.86359341 C11.6205501,8.88018505 12.3412,10.5707777 12.97445,12.0190621 C13.34865,12.8739575 13.64615,13.3959676 14.6288,13.4291508 C15.5663001,13.4612814 16.25375,12.9121534 16.25375,12.1484869 C16.25375,11.4691321 15.8320501,11.3003585 14.8803,10.98216 C13.2365,10.4397989 12.34495,9.88605929 12.34495,8.51817658 C12.34495,7.1809207 13.26665,6.31615054 14.692,6.31615054 C15.62875,6.31615054 16.3155,6.7286858 16.79215,7.5768142 C16.80495,7.60062396 16.8079001,7.62814302 16.8004001,7.65420843 C16.7929,7.68027384 16.7748,7.70212868 16.7507001,7.713808 L15.86145,8.16900031 C15.8178001,8.19200805 15.7643,8.17807308 15.73565,8.13847371 C15.43295,7.71345711 15.0956,7.52513451 14.6423,7.52513451 C14.05125,7.52513451 13.6220001,7.92899802 13.6220001,8.48649708 C13.6220001,9.17382194 14.1529001,9.34144259 15.0339,9.61923972 C15.14915,9.65578139 15.26955,9.69397731 15.39385,9.73432853 C16.7763,10.1865133 17.57675,10.7311301 17.57675,12.1836251 C17.57685,13.629654 16.3389,14.72044
13 14.69735,14.7204413 Z"></path>
+</svg>',
+
</ins><span class="cx" style="display: block; padding: 0 10px"> 'linkedin' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M19.7,3H4.3C3.582,3,3,3.582,3,4.3v15.4C3,20.418,3.582,21,4.3,21h15.4c0.718,0,1.3-0.582,1.3-1.3V4.3 C21,3.582,20.418,3,19.7,3z M8.339,18.338H5.667v-8.59h2.672V18.338z M7.004,8.574c-0.857,0-1.549-0.694-1.549-1.548 c0-0.855,0.691-1.548,1.549-1.548c0.854,0,1.547,0.694,1.547,1.548C8.551,7.881,7.858,8.574,7.004,8.574z M18.339,18.338h-2.669 v-4.177c0-0.996-0.017-2.278-1.387-2.278c-1.389,0-1.601,1.086-1.601,2.206v4.249h-2.667v-8.59h2.559v1.174h0.037 c0.356-0.675,1.227-1.387,2.526-1.387c2.703,0,3.203,1.779,3.203,4.092V18.338z"></path>
</ins><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"> 'mail' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M20,4H4C2.895,4,2,4.895,2,6v12c0,1.105,0.895,2,2,2h16c1.105,0,2-0.895,2-2V6C22,4.895,21.105,4,20,4z M20,8.236l-8,4.882 L4,8.236V6h16V8.236z"></path>
</ins><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"> 'meetup' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-
.57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.
42659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433
.0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M19.24775,14.722a3.57032,3.57032,0,0,1-2.94457,3.52073,3.61886,3.61886,0,0,1-.64652.05634c-.07314-.0008-.10187.02846-.12507.09547A2.38881,2.38881,0,0,1,13.49453,20.094a2.33092,2.33092,0,0,1-1.827-.50716.13635.13635,0,0,0-.19878-.00408,3.191,3.191,0,0,1-2.104.60248,3.26309,3.26309,0,0,1-3.00324-2.71993,2.19076,2.19076,0,0,1-.03512-.30865c-.00156-.08579-.03413-.1189-.11608-.13493a2.86421,2.86421,0,0,1-1.23189-.56111,2.945,2.945,0,0,1-1.166-2.05749,2.97484,2.97484,0,0,1,.87524-2.50774.112.112,0,0,0,.02091-.16107,2.7213,2.7213,0,0,1-.36648-1.48A2.81256,2.81256,0,0,1,6.57673,7.58838a.35764.35764,0,0,0,.28869-.22819,4.2208,4.2208,0,0,1,6.02892-1.90111.25161.25161,0,0,0,.22023.0243,3.65608,3.65608,0,0,1,3.76031.90678A3.57244,3.57244,0,0,1,17.95918,8.626a2.97339,2.97339,0,0,1,.01829.57356.10637.10637,0,0,0,.0853.12792,1.97669,1.97669,0,0,1,1.27939,1.33733,2.00266,2.00266,0,0,1-.
57112,2.12652c-.05284.05166-.04168.08328-.01173.13489A3.51189,3.51189,0,0,1,19.24775,14.722Zm-6.35959-.27836a1.6984,1.6984,0,0,0,1.14556,1.61113,3.82039,3.82039,0,0,0,1.036.17935,1.46888,1.46888,0,0,0,.73509-.12255.44082.44082,0,0,0,.26057-.44274.45312.45312,0,0,0-.29211-.43375.97191.97191,0,0,0-.20678-.063c-.21326-.03806-.42754-.0701-.63973-.11215a.54787.54787,0,0,1-.50172-.60926,2.75864,2.75864,0,0,1,.1773-.901c.1763-.535.414-1.045.64183-1.55913A12.686,12.686,0,0,0,15.85,10.47863a1.58461,1.58461,0,0,0,.04861-.87208,1.04531,1.04531,0,0,0-.85432-.83981,1.60658,1.60658,0,0,0-1.23654.16594.27593.27593,0,0,1-.36286-.03413c-.085-.0747-.16594-.15379-.24918-.23055a.98682.98682,0,0,0-1.33577-.04933,6.1468,6.1468,0,0,1-.4989.41615.47762.47762,0,0,1-.51535.03566c-.17448-.09307-.35512-.175-.53531-.25665a1.74949,1.74949,0,0,0-.56476-.2016,1.69943,1.69943,0,0,0-1.61654.91787,8.05815,8.05815,0,0,0-.32952.80126c-.45471,1.2557-.82507,2.53825-1.20838,3.81639a1.24151,1.24151,0,0,0,.51532,1.44389,1.4
2659,1.42659,0,0,0,1.22008.17166,1.09728,1.09728,0,0,0,.66994-.69764c.44145-1.04111.839-2.09989,1.25981-3.14926.11581-.28876.22792-.57874.35078-.86438a.44548.44548,0,0,1,.69189-.19539.50521.50521,0,0,1,.15044.43836,1.75625,1.75625,0,0,1-.14731.50453c-.27379.69219-.55265,1.38236-.82766,2.074a2.0836,2.0836,0,0,0-.14038.42876.50719.50719,0,0,0,.27082.57722.87236.87236,0,0,0,.66145.02739.99137.99137,0,0,0,.53406-.532q.61571-1.20914,1.228-2.42031.28423-.55863.57585-1.1133a.87189.87189,0,0,1,.29055-.35253.34987.34987,0,0,1,.37634-.01265.30291.30291,0,0,1,.12434.31459.56716.56716,0,0,1-.04655.1915c-.05318.12739-.10286.25669-.16183.38156-.34118.71775-.68754,1.43273-1.02568,2.152A2.00213,2.00213,0,0,0,12.88816,14.44366Zm4.78568,5.28972a.88573.88573,0,0,0-1.77139.00465.8857.8857,0,0,0,1.77139-.00465Zm-14.83838-7.296a.84329.84329,0,1,0,.00827-1.68655.8433.8433,0,0,0-.00827,1.68655Zm10.366-9.43673a.83506.83506,0,1,0-.0091,1.67.83505.83505,0,0,0,.0091-1.67Zm6.85014,5.22a.71651.71651,0,0,0-1.433.
0093.71656.71656,0,0,0,1.433-.0093ZM5.37528,6.17908A.63823.63823,0,1,0,6.015,5.54483.62292.62292,0,0,0,5.37528,6.17908Zm6.68214,14.80843a.54949.54949,0,1,0-.55052.541A.54556.54556,0,0,0,12.05742,20.98752Zm8.53235-8.49689a.54777.54777,0,0,0-.54027.54023.53327.53327,0,0,0,.532.52293.51548.51548,0,0,0,.53272-.5237A.53187.53187,0,0,0,20.58977,12.49063ZM7.82846,2.4715a.44927.44927,0,1,0,.44484.44766A.43821.43821,0,0,0,7.82846,2.4715Zm13.775,7.60492a.41186.41186,0,0,0-.40065.39623.40178.40178,0,0,0,.40168.40168A.38994.38994,0,0,0,22,10.48172.39946.39946,0,0,0,21.60349,10.07642ZM5.79193,17.96207a.40469.40469,0,0,0-.397-.39646.399.399,0,0,0-.396.405.39234.39234,0,0,0,.39939.389A.39857.39857,0,0,0,5.79193,17.96207Z"></path>
</ins><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"> 'medium' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M20.962,7.257l-5.457,8.867l-3.923-6.375l3.126-5.08c0.112-0.182,0.319-0.286,0.527-0.286c0.05,0,0.1,0.008,0.149,0.02 c0.039,0.01,0.078,0.023,0.114,0.041l5.43,2.715l0.006,0.003c0.004,0.002,0.007,0.006,0.011,0.008 C20.971,7.191,20.98,7.227,20.962,7.257z M9.86,8.592v5.783l5.14,2.57L9.86,8.592z M15.772,17.331l4.231,2.115 C20.554,19.721,21,19.529,21,19.016V8.835L15.772,17.331z M8.968,7.178L3.665,4.527C3.569,4.479,3.478,4.456,3.395,4.456 C3.163,4.456,3,4.636,3,4.938v11.45c0,0.306,0.224,0.669,0.498,0.806l4.671,2.335c0.12,0.06,0.234,0.088,0.337,0.088 c0.29,0,0.494-0.225,0.494-0.602V7.231C9,7.208,8.988,7.188,8.968,7.178z"></path>
</ins><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"> 'pinterest' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2"></path>
</ins><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"> 'pocket' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M21.927,4.194C21.667,3.48,20.982,3,20.222,3h-0.01h-1.721H3.839C3.092,3,2.411,3.47,2.145,4.17 C2.066,4.378,2.026,4.594,2.026,4.814v6.035l0.069,1.2c0.29,2.73,1.707,5.115,3.899,6.778c0.039,0.03,0.079,0.059,0.119,0.089 l0.025,0.018c1.175,0.859,2.491,1.441,3.91,1.727c0.655,0.132,1.325,0.2,1.991,0.2c0.615,0,1.232-0.057,1.839-0.17 c0.073-0.014,0.145-0.028,0.219-0.044c0.02-0.004,0.042-0.012,0.064-0.023c1.359-0.297,2.621-0.864,3.753-1.691l0.025-0.018 c0.04-0.029,0.08-0.058,0.119-0.089c2.192-1.664,3.609-4.049,3.898-6.778l0.069-1.2V4.814C22.026,4.605,22,4.398,21.927,4.194z M17.692,10.481l-4.704,4.512c-0.266,0.254-0.608,0.382-0.949,0.382c-0.342,0-0.684-0.128-0.949-0.382l-4.705-4.512 C5.838,9.957,5.82,9.089,6.344,8.542c0.524-0.547,1.392-0.565,1.939-0.04l3.756,3.601l3.755-3.601 c0.547-0.524,1.415-0.506,1.939,0.04C18.256,9.089,18.238,9.956,17.692,10.481z"></path>
</ins><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"> 'reddit' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,
19.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.70
8z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M22,11.816c0-1.256-1.021-2.277-2.277-2.277c-0.593,0-1.122,0.24-1.526,0.614c-1.481-0.965-3.455-1.594-5.647-1.69 l1.171-3.702l3.18,0.748c0.008,1.028,0.846,1.862,1.876,1.862c1.035,0,1.877-0.842,1.877-1.878c0-1.035-0.842-1.877-1.877-1.877 c-0.769,0-1.431,0.466-1.72,1.13l-3.508-0.826c-0.203-0.047-0.399,0.067-0.46,0.261l-1.35,4.268 c-2.316,0.038-4.411,0.67-5.97,1.671C5.368,9.765,4.853,9.539,4.277,9.539C3.021,9.539,2,10.56,2,11.816 c0,0.814,0.433,1.523,1.078,1.925c-0.037,0.221-0.061,0.444-0.061,0.672c0,3.292,4.011,5.97,8.941,5.97s8.941-2.678,8.941-5.97 c0-0.214-0.02-0.424-0.053-0.632C21.533,13.39,22,12.661,22,11.816z M18.776,4.394c0.606,0,1.1,0.493,1.1,1.1s-0.493,1.1-1.1,1.1 s-1.1-0.494-1.1-1.1S18.169,4.394,18.776,4.394z M2.777,11.816c0-0.827,0.672-1.5,1.499-1.5c0.313,0,0.598,0.103,0.838,0.269 c-0.851,0.676-1.477,1.479-1.812,2.36C2.983,12.672,2.777,12.27,2.777,11.816z M11.959,1
9.606c-4.501,0-8.164-2.329-8.164-5.193 S7.457,9.22,11.959,9.22s8.164,2.329,8.164,5.193S16.46,19.606,11.959,19.606z M20.636,13.001c-0.326-0.89-0.948-1.701-1.797-2.384 c0.248-0.186,0.55-0.301,0.883-0.301c0.827,0,1.5,0.673,1.5,1.5C21.223,12.299,20.992,12.727,20.636,13.001z M8.996,14.704 c-0.76,0-1.397-0.616-1.397-1.376c0-0.76,0.637-1.397,1.397-1.397c0.76,0,1.376,0.637,1.376,1.397 C10.372,14.088,9.756,14.704,8.996,14.704z M16.401,13.328c0,0.76-0.616,1.376-1.376,1.376c-0.76,0-1.399-0.616-1.399-1.376 c0-0.76,0.639-1.397,1.399-1.397C15.785,11.931,16.401,12.568,16.401,13.328z M15.229,16.708c0.152,0.152,0.152,0.398,0,0.55 c-0.674,0.674-1.727,1.002-3.219,1.002c-0.004,0-0.007-0.002-0.011-0.002c-0.004,0-0.007,0.002-0.011,0.002 c-1.492,0-2.544-0.328-3.218-1.002c-0.152-0.152-0.152-0.398,0-0.55c0.152-0.152,0.399-0.151,0.55,0 c0.521,0.521,1.394,0.775,2.669,0.775c0.004,0,0.007,0.002,0.011,0.002c0.004,0,0.007-0.002,0.011-0.002 c1.275,0,2.148-0.253,2.669-0.775C14.831,16.556,15.078,16.556,15.229,16.708
z"></path>
</ins><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"> 'skype' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.0
11,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.
645,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M10.113,2.699c0.033-0.006,0.067-0.013,0.1-0.02c0.033,0.017,0.066,0.033,0.098,0.051L10.113,2.699z M2.72,10.223 c-0.006,0.034-0.011,0.069-0.017,0.103c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223z M21.275,13.771 c0.007-0.035,0.011-0.071,0.018-0.106c-0.018-0.031-0.033-0.064-0.052-0.095L21.275,13.771z M13.563,21.199 c0.032,0.019,0.065,0.035,0.096,0.053c0.036-0.006,0.071-0.011,0.105-0.017L13.563,21.199z M22,16.386 c0,1.494-0.581,2.898-1.637,3.953c-1.056,1.057-2.459,1.637-3.953,1.637c-0.967,0-1.914-0.251-2.75-0.725 c0.036-0.006,0.071-0.011,0.105-0.017l-0.202-0.035c0.032,0.019,0.065,0.035,0.096,0.053c-0.543,0.096-1.099,0.147-1.654,0.147 c-1.275,0-2.512-0.25-3.676-0.743c-1.125-0.474-2.135-1.156-3.002-2.023c-0.867-0.867-1.548-1.877-2.023-3.002 c-0.493-1.164-0.743-2.401-0.743-3.676c0-0.546,0.049-1.093,0.142-1.628c0.018,0.032,0.033,0.064,0.051,0.095L2.72,10.223 c-0.006,0.034-0.01
1,0.069-0.017,0.103C2.244,9.5,2,8.566,2,7.615c0-1.493,0.582-2.898,1.637-3.953 c1.056-1.056,2.46-1.638,3.953-1.638c0.915,0,1.818,0.228,2.622,0.655c-0.033,0.007-0.067,0.013-0.1,0.02l0.199,0.031 c-0.032-0.018-0.066-0.034-0.098-0.051c0.002,0,0.003-0.001,0.004-0.001c0.586-0.112,1.187-0.169,1.788-0.169 c1.275,0,2.512,0.249,3.676,0.742c1.124,0.476,2.135,1.156,3.002,2.024c0.868,0.867,1.548,1.877,2.024,3.002 c0.493,1.164,0.743,2.401,0.743,3.676c0,0.575-0.054,1.15-0.157,1.712c-0.018-0.031-0.033-0.064-0.052-0.095l0.034,0.201 c0.007-0.035,0.011-0.071,0.018-0.106C21.754,14.494,22,15.432,22,16.386z M16.817,14.138c0-1.331-0.613-2.743-3.033-3.282 l-2.209-0.49c-0.84-0.192-1.807-0.444-1.807-1.237c0-0.794,0.679-1.348,1.903-1.348c2.468,0,2.243,1.696,3.468,1.696 c0.645,0,1.209-0.379,1.209-1.031c0-1.521-2.435-2.663-4.5-2.663c-2.242,0-4.63,0.952-4.63,3.488c0,1.221,0.436,2.521,2.839,3.123 l2.984,0.745c0.903,0.223,1.129,0.731,1.129,1.189c0,0.762-0.758,1.507-2.129,1.507c-2.679,0-2.307-2.062-3.743-2.062 c-0.6
45,0-1.113,0.444-1.113,1.078c0,1.236,1.501,2.886,4.856,2.886C15.236,17.737,16.817,16.199,16.817,14.138z"></path>
</ins><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"> 'slideshare' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.22
5,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M11.738,10.232a2.142,2.142,0,0,1-.721,1.619,2.556,2.556,0,0,1-3.464,0,2.183,2.183,0,0,1,0-3.243,2.572,2.572,0,0,1,3.464,0A2.136,2.136,0,0,1,11.738,10.232Zm5.7,0a2.15,2.15,0,0,1-.715,1.619,2.563,2.563,0,0,1-3.469,0,2.183,2.183,0,0,1,0-3.243,2.58,2.58,0,0,1,3.469,0A2.144,2.144,0,0,1,17.439,10.232Zm2.555,2.045V4.7a2.128,2.128,0,0,0-.363-1.4,1.614,1.614,0,0,0-1.261-.415H5.742a1.656,1.656,0,0,0-1.278.386A2.246,2.246,0,0,0,4.129,4.7v7.643a8.212,8.212,0,0,0,1,.454q.516.193.92.318a6.847,6.847,0,0,0,.92.21q.516.085.806.125a6.615,6.615,0,0,0,.795.045l.665.006q.16,0,.642-.023t.506-.023a1.438,1.438,0,0,1,1.079.307,1.134,1.134,0,0,0,.114.1,7.215,7.215,0,0,0,.693.579q.079-1.033,1.34-.988.057,0,.415.017l.488.023q.13.006.517.011t.6-.011l.619-.051a5.419,5.419,0,0,0,.693-.1l.7-.153a5.353,5.353,0,0,0,.761-.221q.345-.131.766-.307a8.727,8.727,0,0,0,.818-.392Zm1.851-.057a10.4,10.4,0,0,1-4.225
,2.862,6.5,6.5,0,0,1-.261,5.281,3.524,3.524,0,0,1-2.078,1.681,2.452,2.452,0,0,1-2.067-.17,1.915,1.915,0,0,1-.931-1.863l-.011-3.7V16.3l-.279-.068q-.188-.045-.267-.057l-.011,3.839a1.9,1.9,0,0,1-.943,1.863,2.481,2.481,0,0,1-2.078.17,3.519,3.519,0,0,1-2.067-1.7,6.546,6.546,0,0,1-.25-5.258A10.4,10.4,0,0,1,2.152,12.22a.56.56,0,0,1-.045-.715q.238-.3.681.011l.125.079a.767.767,0,0,1,.125.091V3.8a1.987,1.987,0,0,1,.534-1.4,1.7,1.7,0,0,1,1.295-.579H19.141a1.7,1.7,0,0,1,1.295.579,1.985,1.985,0,0,1,.534,1.4v7.882l.238-.17q.443-.307.681-.011a.56.56,0,0,1-.045.715Z"></path>
</ins><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"> 'snapchat' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.43
2,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12.065,2a5.526,5.526,0,0,1,3.132.892A5.854,5.854,0,0,1,17.326,5.4a5.821,5.821,0,0,1,.351,2.33q0,.612-.117,2.487a.809.809,0,0,0,.365.091,1.93,1.93,0,0,0,.664-.176,1.93,1.93,0,0,1,.664-.176,1.3,1.3,0,0,1,.729.234.7.7,0,0,1,.351.6.839.839,0,0,1-.41.7,2.732,2.732,0,0,1-.9.41,3.192,3.192,0,0,0-.9.378.728.728,0,0,0-.41.618,1.575,1.575,0,0,0,.156.56,6.9,6.9,0,0,0,1.334,1.953,5.6,5.6,0,0,0,1.881,1.315,5.875,5.875,0,0,0,1.042.3.42.42,0,0,1,.365.456q0,.911-2.852,1.341a1.379,1.379,0,0,0-.143.507,1.8,1.8,0,0,1-.182.605.451.451,0,0,1-.429.241,5.878,5.878,0,0,1-.807-.085,5.917,5.917,0,0,0-.833-.085,4.217,4.217,0,0,0-.807.065,2.42,2.42,0,0,0-.82.293,6.682,6.682,0,0,0-.755.5q-.351.267-.755.527a3.886,3.886,0,0,1-.989.436A4.471,4.471,0,0,1,11.831,22a4.307,4.307,0,0,1-1.256-.176,3.784,3.784,0,0,1-.976-.436q-.4-.26-.749-.527a6.682,6.682,0,0,0-.755-.5,2.422,2.422,0,0,0-.807-.293,4.432,4.432
,0,0,0-.82-.065,5.089,5.089,0,0,0-.853.1,5,5,0,0,1-.762.1.474.474,0,0,1-.456-.241,1.819,1.819,0,0,1-.182-.618,1.411,1.411,0,0,0-.143-.521q-2.852-.429-2.852-1.341a.42.42,0,0,1,.365-.456,5.793,5.793,0,0,0,1.042-.3,5.524,5.524,0,0,0,1.881-1.315,6.789,6.789,0,0,0,1.334-1.953A1.575,1.575,0,0,0,6,12.9a.728.728,0,0,0-.41-.618,3.323,3.323,0,0,0-.9-.384,2.912,2.912,0,0,1-.9-.41.814.814,0,0,1-.41-.684.71.71,0,0,1,.338-.593,1.208,1.208,0,0,1,.716-.241,1.976,1.976,0,0,1,.625.169,2.008,2.008,0,0,0,.69.169.919.919,0,0,0,.416-.091q-.117-1.849-.117-2.474A5.861,5.861,0,0,1,6.385,5.4,5.516,5.516,0,0,1,8.625,2.819,7.075,7.075,0,0,1,12.062,2Z"></path>
</ins><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"> 'soundcloud' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0
.1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-
0.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M8.9,16.1L9,14L8.9,9.5c0-0.1,0-0.1-0.1-0.1c0,0-0.1-0.1-0.1-0.1c-0.1,0-0.1,0-0.1,0.1c0,0-0.1,0.1-0.1,0.1L8.3,14l0.1,2.1 c0,0.1,0,0.1,0.1,0.1c0,0,0.1,0.1,0.1,0.1C8.8,16.3,8.9,16.3,8.9,16.1z M11.4,15.9l0.1-1.8L11.4,9c0-0.1,0-0.2-0.1-0.2 c0,0-0.1,0-0.1,0s-0.1,0-0.1,0c-0.1,0-0.1,0.1-0.1,0.2l0,0.1l-0.1,5c0,0,0,0.7,0.1,2v0c0,0.1,0,0.1,0.1,0.1c0.1,0.1,0.1,0.1,0.2,0.1 c0.1,0,0.1,0,0.2-0.1c0.1,0,0.1-0.1,0.1-0.2L11.4,15.9z M2.4,12.9L2.5,14l-0.2,1.1c0,0.1,0,0.1-0.1,0.1c0,0-0.1,0-0.1-0.1L2.1,14 l0.1-1.1C2.2,12.9,2.3,12.9,2.4,12.9C2.3,12.9,2.4,12.9,2.4,12.9z M3.1,12.2L3.3,14l-0.2,1.8c0,0.1,0,0.1-0.1,0.1 c-0.1,0-0.1,0-0.1-0.1L2.8,14L3,12.2C3,12.2,3,12.2,3.1,12.2C3.1,12.2,3.1,12.2,3.1,12.2z M3.9,11.9L4.1,14l-0.2,2.1 c0,0.1,0,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.1L3.5,14l0.2-2.1c0-0.1,0-0.1,0.1-0.1C3.9,11.8,3.9,11.8,3.9,11.9z M4.7,11.9L4.9,14 l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c-0.1,0-0.1,0-0.1-0.
1L4.3,14l0.2-2.2c0-0.1,0-0.1,0.1-0.1C4.7,11.7,4.7,11.8,4.7,11.9z M5.6,12 l0.2,2l-0.2,2.1c0,0.1-0.1,0.1-0.1,0.1c0,0-0.1,0-0.1,0c0,0,0-0.1,0-0.1L5.1,14l0.2-2c0,0,0-0.1,0-0.1s0.1,0,0.1,0 C5.5,11.9,5.5,11.9,5.6,12L5.6,12z M6.4,10.7L6.6,14l-0.2,2.1c0,0,0,0.1,0,0.1c0,0-0.1,0-0.1,0c-0.1,0-0.1-0.1-0.2-0.2L5.9,14 l0.2-3.3c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0C6.4,10.7,6.4,10.7,6.4,10.7z M7.2,10l0.2,4.1l-0.2,2.1c0,0,0,0.1,0,0.1 c0,0-0.1,0-0.1,0c-0.1,0-0.2-0.1-0.2-0.2l-0.1-2.1L6.8,10c0-0.1,0.1-0.2,0.2-0.2c0,0,0.1,0,0.1,0S7.2,9.9,7.2,10z M8,9.6L8.2,14 L8,16.1c0,0.1-0.1,0.2-0.2,0.2c-0.1,0-0.2-0.1-0.2-0.2L7.5,14l0.1-4.4c0-0.1,0-0.1,0.1-0.1c0,0,0.1-0.1,0.1-0.1c0.1,0,0.1,0,0.1,0.1 C8,9.6,8,9.6,8,9.6z M11.4,16.1L11.4,16.1L11.4,16.1z M9.7,9.6L9.8,14l-0.1,2.1c0,0.1,0,0.1-0.1,0.2s-0.1,0.1-0.2,0.1 c-0.1,0-0.1,0-0.1-0.1s-0.1-0.1-0.1-0.2L9.2,14l0.1-4.4c0-0.1,0-0.1,0.1-0.2s0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S9.7,9.5,9.7,9.6 L9.7,9.6z M10.6,9.8l0.1,4.3l-0.1,2c0,0.1,0,0.1-0.1,0.2c0,0-0.1,0.1-0.2,0.1c-0.1,0-0
.1,0-0.2-0.1c0,0-0.1-0.1-0.1-0.2L10,14 l0.1-4.3c0-0.1,0-0.1,0.1-0.2c0,0,0.1-0.1,0.2-0.1c0.1,0,0.1,0,0.2,0.1S10.6,9.7,10.6,9.8z M12.4,14l-0.1,2c0,0.1,0,0.1-0.1,0.2 c-0.1,0.1-0.1,0.1-0.2,0.1c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2l-0.1-1l-0.1-1l0.1-5.5v0c0-0.1,0-0.2,0.1-0.2 c0.1,0,0.1-0.1,0.2-0.1c0,0,0.1,0,0.1,0c0.1,0,0.1,0.1,0.1,0.2L12.4,14z M22.1,13.9c0,0.7-0.2,1.3-0.7,1.7c-0.5,0.5-1.1,0.7-1.7,0.7 h-6.8c-0.1,0-0.1,0-0.2-0.1c-0.1-0.1-0.1-0.1-0.1-0.2V8.2c0-0.1,0.1-0.2,0.2-0.3c0.5-0.2,1-0.3,1.6-0.3c1.1,0,2.1,0.4,2.9,1.1 c0.8,0.8,1.3,1.7,1.4,2.8c0.3-0.1,0.6-0.2,1-0.2c0.7,0,1.3,0.2,1.7,0.7C21.8,12.6,22.1,13.2,22.1,13.9L22.1,13.9z"></path>
</ins><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"> 'spotify' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12,2C6.477,2,2,6.477,2,12c0,5.523,4.477,10,10,10c5.523,0,10-4.477,10-10C22,6.477,17.523,2,12,2 M16.586,16.424 c-0.18,0.295-0.563,0.387-0.857,0.207c-2.348-1.435-5.304-1.76-8.785-0.964c-0.335,0.077-0.67-0.133-0.746-0.469 c-0.077-0.335,0.132-0.67,0.469-0.746c3.809-0.871,7.077-0.496,9.713,1.115C16.673,15.746,16.766,16.13,16.586,16.424 M17.81,13.7 c-0.226,0.367-0.706,0.482-1.072,0.257c-2.687-1.652-6.785-2.131-9.965-1.166C6.36,12.917,5.925,12.684,5.8,12.273 C5.675,11.86,5.908,11.425,6.32,11.3c3.632-1.102,8.147-0.568,11.234,1.328C17.92,12.854,18.035,13.335,17.81,13.7 M17.915,10.865 c-3.223-1.914-8.54-2.09-11.618-1.156C5.804,9.859,5.281,9.58,5.131,9.086C4.982,8.591,5.26,8.069,5.755,7.919 c3.532-1.072,9.404-0.865,13.115,1.338c0.445,0.264,0.59,0.838,0.327,1.282C18.933,10.983,18.359,11.129,17.915,10.865"></path>
</ins><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"> 'stumbleupon' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12,4.294c-2.469,0-4.471,2.002-4.471,4.471v6.353c0,0.585-0.474,1.059-1.059,1.059c-0.585,0-1.059-0.474-1.059-1.059 v-2.824H2v2.941c0,2.469,2.002,4.471,4.471,4.471c2.469,0,4.471-2.002,4.471-4.471V8.765c0-0.585,0.474-1.059,1.059-1.059 s1.059,0.474,1.059,1.059v1.294l1.412,0.647l2-0.647V8.765C16.471,6.296,14.469,4.294,12,4.294z M13.059,12.353v2.882 c0,2.469,2.002,4.471,4.471,4.471S22,17.704,22,15.235v-2.824h-3.412v2.824c0,0.585-0.474,1.059-1.059,1.059 c-0.585,0-1.059-0.474-1.059-1.059v-2.882l-2,0.647L13.059,12.353z"></path>
</ins><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"> 'tumblr' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M16.749,17.396c-0.357,0.17-1.041,0.319-1.551,0.332c-1.539,0.041-1.837-1.081-1.85-1.896V9.847h3.861V6.937h-3.847V2.039 c0,0-2.77,0-2.817,0c-0.046,0-0.127,0.041-0.138,0.144c-0.165,1.499-0.867,4.13-3.783,5.181v2.484h1.945v6.282 c0,2.151,1.587,5.206,5.775,5.135c1.413-0.024,2.982-0.616,3.329-1.126L16.749,17.396z"></path>
</ins><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"> 'twitch' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M16.499,8.089h-1.636v4.91h1.636V8.089z M12,8.089h-1.637v4.91H12V8.089z M4.228,3.178L3,6.451v13.092h4.499V22h2.456 l2.454-2.456h3.681L21,14.636V3.178H4.228z M19.364,13.816l-2.864,2.865H12l-2.453,2.453V16.68H5.863V4.814h13.501V13.816z"></path>
</ins><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"> 'twitter' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z"></path>
</ins><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"> 'vimeo' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M22.396,7.164c-0.093,2.026-1.507,4.799-4.245,8.32C15.322,19.161,12.928,21,10.97,21c-1.214,0-2.24-1.119-3.079-3.359 c-0.56-2.053-1.119-4.106-1.68-6.159C5.588,9.243,4.921,8.122,4.206,8.122c-0.156,0-0.701,0.328-1.634,0.98L1.594,7.841 c1.027-0.902,2.04-1.805,3.037-2.708C6.001,3.95,7.03,3.327,7.715,3.264c1.619-0.156,2.616,0.951,2.99,3.321 c0.404,2.557,0.685,4.147,0.841,4.769c0.467,2.121,0.981,3.181,1.542,3.181c0.435,0,1.09-0.688,1.963-2.065 c0.871-1.376,1.338-2.422,1.401-3.142c0.125-1.187-0.343-1.782-1.401-1.782c-0.498,0-1.012,0.115-1.541,0.341 c1.023-3.35,2.977-4.977,5.862-4.884C21.511,3.066,22.52,4.453,22.396,7.164z"></path>
</ins><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"> 'vk' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.
2,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M22,7.1c0.2,0.4-0.4,1.5-1.6,3.1c-0.2,0.2-0.4,0.5-0.7,0.9c-0.5,0.7-0.9,1.1-0.9,1.4c-0.1,0.3-0.1,0.6,0.1,0.8 c0.1,0.1,0.4,0.4,0.8,0.9h0l0,0c1,0.9,1.6,1.7,2,2.3c0,0,0,0.1,0.1,0.1c0,0.1,0,0.1,0.1,0.3c0,0.1,0,0.2,0,0.4 c0,0.1-0.1,0.2-0.3,0.3c-0.1,0.1-0.4,0.1-0.6,0.1l-2.7,0c-0.2,0-0.4,0-0.6-0.1c-0.2-0.1-0.4-0.1-0.5-0.2l-0.2-0.1 c-0.2-0.1-0.5-0.4-0.7-0.7s-0.5-0.6-0.7-0.8c-0.2-0.2-0.4-0.4-0.6-0.6C14.8,15,14.6,15,14.4,15c0,0,0,0-0.1,0c0,0-0.1,0.1-0.2,0.2 c-0.1,0.1-0.2,0.2-0.2,0.3c-0.1,0.1-0.1,0.3-0.2,0.5c-0.1,0.2-0.1,0.5-0.1,0.8c0,0.1,0,0.2,0,0.3c0,0.1-0.1,0.2-0.1,0.2l0,0.1 c-0.1,0.1-0.3,0.2-0.6,0.2h-1.2c-0.5,0-1,0-1.5-0.2c-0.5-0.1-1-0.3-1.4-0.6s-0.7-0.5-1.1-0.7s-0.6-0.4-0.7-0.6l-0.3-0.3 c-0.1-0.1-0.2-0.2-0.3-0.3s-0.4-0.5-0.7-0.9s-0.7-1-1.1-1.6c-0.4-0.6-0.8-1.3-1.3-2.2C2.9,9.4,2.5,8.5,2.1,7.5C2,7.4,2,7.3,2,7.2 c0-0.1,0-0.1,0-0.2l0-0.1c0.1-0.1,0.3-0.2,0.6-0.2l2.9,0c0.1,0,0.2,0,0.2
,0.1S5.9,6.9,5.9,7L6,7c0.1,0.1,0.2,0.2,0.3,0.3 C6.4,7.7,6.5,8,6.7,8.4C6.9,8.8,7,9,7.1,9.2l0.2,0.3c0.2,0.4,0.4,0.8,0.6,1.1c0.2,0.3,0.4,0.5,0.5,0.7s0.3,0.3,0.4,0.4 c0.1,0.1,0.3,0.1,0.4,0.1c0.1,0,0.2,0,0.3-0.1c0,0,0,0,0.1-0.1c0,0,0.1-0.1,0.1-0.2c0.1-0.1,0.1-0.3,0.1-0.5c0-0.2,0.1-0.5,0.1-0.8 c0-0.4,0-0.8,0-1.3c0-0.3,0-0.5-0.1-0.8c0-0.2-0.1-0.4-0.1-0.5L9.6,7.6C9.4,7.3,9.1,7.2,8.7,7.1C8.6,7.1,8.6,7,8.7,6.9 C8.9,6.7,9,6.6,9.1,6.5c0.4-0.2,1.2-0.3,2.5-0.3c0.6,0,1,0.1,1.4,0.1c0.1,0,0.3,0.1,0.3,0.1c0.1,0.1,0.2,0.1,0.2,0.3 c0,0.1,0.1,0.2,0.1,0.3s0,0.3,0,0.5c0,0.2,0,0.4,0,0.6c0,0.2,0,0.4,0,0.7c0,0.3,0,0.6,0,0.9c0,0.1,0,0.2,0,0.4c0,0.2,0,0.4,0,0.5 c0,0.1,0,0.3,0,0.4s0.1,0.3,0.1,0.4c0.1,0.1,0.1,0.2,0.2,0.3c0.1,0,0.1,0,0.2,0c0.1,0,0.2,0,0.3-0.1c0.1-0.1,0.2-0.2,0.4-0.4 s0.3-0.4,0.5-0.7c0.2-0.3,0.5-0.7,0.7-1.1c0.4-0.7,0.8-1.5,1.1-2.3c0-0.1,0.1-0.1,0.1-0.2c0-0.1,0.1-0.1,0.1-0.1l0,0l0.1,0 c0,0,0,0,0.1,0s0.2,0,0.2,0l3,0c0.3,0,0.5,0,0.7,0S21.9,7,21.9,7L22,7.1z"></path>
</ins><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"> 'wordpress' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19
.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.
889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z"></path>
</ins><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"> 'yelp' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0
,1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M12.271,16.718v1.417q-.011,3.257-.067,3.4a.707.707,0,0,1-.569.446,4.637,4.637,0,0,1-2.024-.424A4.609,4.609,0,0,1,7.8,20.565a.844.844,0,0,1-.19-.4.692.692,0,0,1,.044-.29,3.181,3.181,0,0,1,.379-.524q.335-.412,2.019-2.409.011,0,.669-.781a.757.757,0,0,1,.44-.274.965.965,0,0,1,.552.039.945.945,0,0,1,.418.324.732.732,0,0,1,.139.468Zm-1.662-2.8a.783.783,0,0,1-.58.781l-1.339.435q-3.067.981-3.257.981a.711.711,0,0,1-.6-.4,2.636,2.636,0,0,1-.19-.836,9.134,9.134,0,0,1,.011-1.857,3.559,3.559,0,0,1,.335-1.389.659.659,0,0,1,.625-.357,22.629,22.629,0,0,1,2.253.859q.781.324,1.283.524l.937.379a.771.771,0,0,1,.4.34A.982.982,0,0,1,10.609,13.917Zm9.213,3.313a4.467,4.467,0,0,1-1.021,1.8,4.559,4.559,0,0,1-1.512,1.417.671.671,0,0,1-.7-.078q-.156-.112-2.052-3.2l-.524-.859a.761.761,0,0,1-.128-.513.957.957,0,0,1,.217-.513.774.774,0,0,1,.926-.29q.011.011,1.327.446,2.264.736,2.7.887a2.082,2.082,0,0,
1,.524.229.673.673,0,0,1,.245.68Zm-7.5-7.049q.056,1.137-.6,1.361-.647.19-1.272-.792L6.237,4.08a.7.7,0,0,1,.212-.691,5.788,5.788,0,0,1,2.314-1,5.928,5.928,0,0,1,2.5-.352.681.681,0,0,1,.547.5q.034.2.245,3.407T12.327,10.181Zm7.384,1.2a.679.679,0,0,1-.29.658q-.167.112-3.67.959-.747.167-1.015.257l.011-.022a.769.769,0,0,1-.513-.044.914.914,0,0,1-.413-.357.786.786,0,0,1,0-.971q.011-.011.836-1.137,1.394-1.908,1.673-2.275a2.423,2.423,0,0,1,.379-.435A.7.7,0,0,1,17.435,8a4.482,4.482,0,0,1,1.372,1.489,4.81,4.81,0,0,1,.9,1.868v.034Z"></path>
</ins><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"> 'youtube' => '
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"/>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <path d="M21.8,8.001c0,0-0.195-1.378-0.795-1.985c-0.76-0.797-1.613-0.801-2.004-0.847c-2.799-0.202-6.997-0.202-6.997-0.202 h-0.009c0,0-4.198,0-6.997,0.202C4.608,5.216,3.756,5.22,2.995,6.016C2.395,6.623,2.2,8.001,2.2,8.001S2,9.62,2,11.238v1.517 c0,1.618,0.2,3.237,0.2,3.237s0.195,1.378,0.795,1.985c0.761,0.797,1.76,0.771,2.205,0.855c1.6,0.153,6.8,0.201,6.8,0.201 s4.203-0.006,7.001-0.209c0.391-0.047,1.243-0.051,2.004-0.847c0.6-0.607,0.795-1.985,0.795-1.985s0.2-1.618,0.2-3.237v-1.517 C22,9.62,21.8,8.001,21.8,8.001z M9.935,14.594l-0.001-5.62l5.404,2.82L9.935,14.594z"></path>
</ins><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"> );
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -55,8 +55,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> printf( '<span class="post-author-badge" aria-hidden="true">%s</span>', twentynineteen_get_icon_svg( 'check', 24 ) );
</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">- /* translators: %s: comment author link */
</del><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: comment author link */
</ins><span class="cx" style="display: block; padding: 0 10px"> __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
</span><span class="cx" style="display: block; padding: 0 10px"> sprintf( '<span class="fn">%s</span>', $comment_author )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -69,9 +69,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="comment-metadata">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( get_comment_link( $comment, $args ) ); ?>">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php /* translators: 1: comment date, 2: comment time */ ?>
- <time datetime="<?php comment_time( 'c' ); ?>" title="<?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>">
- <?php printf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ /* translators: 1: comment date, 2: comment time */
+ $comment_timestamp = sprintf( __( '%1$s at %2$s', 'twentynineteen' ), get_comment_date( '', $comment ), get_comment_time() );
+ ?>
+ <time datetime="<?php comment_time( 'c' ); ?>" title="<?php echo $comment_timestamp; ?>">
+ <?php echo $comment_timestamp; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </time>
</span><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/comments.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,21 +21,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$discussion = twentynineteen_get_discussion_data();
</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 id="comments" class="<?php echo comments_open() ? 'comments-area' : 'comments-area comments-closed'; ?>">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="<?php echo twentynineteen_get_discussion_data()->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="<?php echo $discussion->responses > 0 ? 'comments-title-wrap' : 'comments-title-wrap no-responses'; ?>">
</ins><span class="cx" style="display: block; padding: 0 10px"> <h2 class="comments-title">
</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">- esc_html_e( 'Join the Conversation', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ _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">- esc_html_e( 'Leave a comment', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ _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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $comments_number = get_comments_number();
- if ( '1' === $comments_number ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( '1' == $discussion->responses ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s: post title */
</span><span class="cx" style="display: block; padding: 0 10px"> printf( _x( 'One reply on “%s”', 'comments title', 'twentynineteen' ), get_the_title() );
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -44,11 +44,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> _nx(
</span><span class="cx" style="display: block; padding: 0 10px"> '%1$s reply on “%2$s”',
</span><span class="cx" style="display: block; padding: 0 10px"> '%1$s replies on “%2$s”',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $comments_number,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $discussion->responses,
</ins><span class="cx" style="display: block; padding: 0 10px"> 'comments title',
</span><span class="cx" style="display: block; padding: 0 10px"> 'twentynineteen'
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- number_format_i18n( $comments_number ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ number_format_i18n( $discussion->responses ),
</ins><span class="cx" style="display: block; padding: 0 10px"> get_the_title()
</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">@@ -102,9 +102,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="comment-form-flex">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <span class="screen-reader-text"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_comment_form( 'asc' ); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h2 class="comments-title" aria-hidden="true"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></h2>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -113,7 +113,7 @@
</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 class="cx" style="display: block; padding: 0 10px"> <p class="no-comments">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php esc_html_e( 'Comments are closed.', 'twentynineteen' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Comments are closed.', 'twentynineteen' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenfontsNonBreakingSpaceOverridewoff"></a>
<div class="binary"><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/fonts/NonBreakingSpaceOverride.woff</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx" style="display: block; padding: 0 10px">Index: branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff 2018-11-12 17:01:09 UTC (rev 43891)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff 2018-11-12 23:19:13 UTC (rev 43892)
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span><a id="svnexecutable"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:executable</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="svnmimetype"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:mime-type</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+application/octet-stream
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="branches50srcwpcontentthemestwentynineteenfontsNonBreakingSpaceOverridewoff2"></a>
<div class="binary"><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/fonts/NonBreakingSpaceOverride.woff2</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx" style="display: block; padding: 0 10px">Index: branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff2
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff2 2018-11-12 17:01:09 UTC (rev 43891)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff2 2018-11-12 23:19:13 UTC (rev 43892)
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: branches/5.0/src/wp-content/themes/twentynineteen/fonts/NonBreakingSpaceOverride.woff2
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span><a id="svnexecutable"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:executable</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="svnmimetype"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:mime-type</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+application/octet-stream
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/footer.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,7 +25,7 @@
</span><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
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s: WordPress. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- printf( esc_html__( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,6 +33,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> the_privacy_policy_link( '', '<span role="separator" aria-hidden="true"></span>' );
</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">+ <?php if ( has_nav_menu( 'footer' ) ) : ?>
+ <nav class="footer-navigation" aria-label="<?php esc_attr_e( 'Footer Menu', 'twentynineteen' ); ?>">
+ <?php
+ wp_nav_menu(
+ array(
+ 'theme_location' => 'footer',
+ 'menu_class' => 'footer-menu',
+ 'depth' => 1,
+ )
+ );
+ ?>
+ </nav><!-- .footer-navigation -->
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .site-info -->
</span><span class="cx" style="display: block; padding: 0 10px"> </footer><!-- #colophon -->
</span><span class="cx" style="display: block; padding: 0 10px">
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/functions.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,6 +9,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @since 1.0.0
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Twenty Nineteen only works in WordPress 4.7 or later.
+ */
+if ( version_compare( $GLOBALS['wp_version'], '4.7', '<' ) ) {
+ require get_template_directory() . '/inc/back-compat.php';
+ return;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( ! function_exists( 'twentynineteen_setup' ) ) :
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Sets up theme defaults and registers support for various WordPress features.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,7 +56,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // This theme uses wp_nav_menu() in two locations.
</span><span class="cx" style="display: block; padding: 0 10px"> register_nav_menus(
</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">- 'menu-1' => esc_html__( 'Primary', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'menu-1' => __( 'Primary', 'twentynineteen' ),
+ 'footer' => __( 'Footer Menu', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'social' => __( 'Social Links Menu', 'twentynineteen' ),
</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">@@ -86,24 +95,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Add theme support for selective refresh for widgets.
</span><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'customize-selective-refresh-widgets' );
</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 support for Block Styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add support for Block Styles.
</ins><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'wp-block-styles' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Add support for full and wide align images.
</span><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'align-wide' );
</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 support for editor styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add support for editor styles.
</ins><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'editor-styles' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Enqueue editor styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Enqueue editor styles.
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Editor color palette
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Editor color palette.
</ins><span class="cx" style="display: block; padding: 0 10px"> add_theme_support(
</span><span class="cx" style="display: block; padding: 0 10px"> 'editor-color-palette',
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'name' => esc_html__( 'Primary Color', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'name' => __( 'Primary Color', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'slug' => 'primary',
</span><span class="cx" style="display: block; padding: 0 10px"> 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -110,7 +119,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">- // Add support for responsive embedded content
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add support for responsive embedded content.
</ins><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'responsive-embeds' );
</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">@@ -144,7 +153,7 @@
</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="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * @global int $content_width
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @global int $content_width Content width.
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_content_width() {
</span><span class="cx" style="display: block; padding: 0 10px"> // This variable is intended to be overruled from themes.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -165,18 +174,12 @@
</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><span class="cx" style="display: block; padding: 0 10px"> if ( has_nav_menu( 'menu-1' ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-navigation.js' ), array(), '1.0', true );
- $l10n_skip_link_focus_fix['expand'] = __( 'Expand child menu', 'twentynineteen' );
- $l10n_skip_link_focus_fix['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
- wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $l10n_skip_link_focus_fix );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script( 'twentynineteen-priority-menu', get_theme_file_uri( '/js/priority-menu.js' ), array(), '1.0', true );
+ wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-keyboard-navigation.js' ), array(), '1.0', true );
</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_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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) {
- wp_add_inline_style( 'twentynineteen-style', twentynineteen_header_featured_image_css() );
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'comment-reply' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,7 +187,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_enqueue_scripts', 'twentynineteen_scripts' );
</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">- * Enqueue supplemental block editor styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Enqueue supplemental block editor styles.
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_editor_customizer_styles() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -192,7 +195,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> // Include color patterns
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
</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">@@ -203,12 +206,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_colors_css_wrap() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Only include custom colors in customizer or frontend
- if ( ( ! is_customize_preview() && is_admin() ) || is_admin() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Only include custom colors in customizer or frontend.
+ if ( ( ! is_customize_preview() && 'default' === get_theme_mod( 'colorscheme', 'default' ) ) || is_admin() ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> return;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $primary_color = 199;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -220,7 +223,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $primary_color . '"' : ''; ?>>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php echo twentynineteen_custom_colors_css(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </style>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );
</span><span class="cx" style="display: block; padding: 0 10px">
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/header.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,7 +21,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <body <?php body_class(); ?>>
</span><span class="cx" style="display: block; padding: 0 10px"> <div id="page" class="site">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a class="skip-link screen-reader-text" href="#content"><?php esc_html_e( 'Skip to content', 'twentynineteen' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <a class="skip-link screen-reader-text" href="#content"><?php _e( 'Skip to content', 'twentynineteen' ); ?></a>
</ins><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><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,9 +31,10 @@
</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><span class="cx" style="display: block; padding: 0 10px"> <div class="site-featured-image">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php twentynineteen_post_thumbnail(); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php the_post(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php $discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
</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-header has-discussion' : 'entry-header'; ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->responses ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
</span><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></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenimagephp"></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/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 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/image.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -66,8 +66,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $metadata = wp_get_attachment_metadata();
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $metadata ) {
</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="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' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<span class="full-size-link"><span class="screen-reader-text">%1$s</span><a href="%2$s">%3$s × %4$s</a></span>',
+ _x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> esc_url( wp_get_attachment_url() ),
</span><span class="cx" style="display: block; padding: 0 10px"> absint( $metadata['width'] ),
</span><span class="cx" style="display: block; padding: 0 10px"> absint( $metadata['height'] )
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenincbackcompatphp"></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/back-compat.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/back-compat.php (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/back-compat.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,76 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Twenty Nineteen back compat functionality
+ *
+ * Prevents Twenty Nineteen from running on WordPress versions prior to 4.7,
+ * since this theme is not meant to be backward compatible beyond that and
+ * relies on many newer functions and markup changes introduced in 4.7.
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since Twenty Nineteen 1.0.0
+ */
+
+/**
+ * Prevent switching to Twenty Nineteen on old versions of WordPress.
+ *
+ * Switches to the default theme.
+ *
+ * @since Twenty Nineteen 1.0.0
+ */
+function twentynineteen_switch_theme() {
+ switch_theme( WP_DEFAULT_THEME );
+ unset( $_GET['activated'] );
+ add_action( 'admin_notices', 'twentynineteen_upgrade_notice' );
+}
+add_action( 'after_switch_theme', 'twentynineteen_switch_theme' );
+
+/**
+ * Adds a message for unsuccessful theme switch.
+ *
+ * Prints an update nag after an unsuccessful attempt to switch to
+ * Twenty Nineteen on WordPress versions prior to 4.7.
+ *
+ * @since Twenty Nineteen 1.0.0
+ *
+ * @global string $wp_version WordPress version.
+ */
+function twentynineteen_upgrade_notice() {
+ $message = sprintf( __( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ), $GLOBALS['wp_version'] );
+ printf( '<div class="error"><p>%s</p></div>', $message );
+}
+
+/**
+ * Prevents the Customizer from being loaded on WordPress versions prior to 4.7.
+ *
+ * @since Twenty Nineteen 1.0.0
+ *
+ * @global string $wp_version WordPress version.
+ */
+function twentynineteen_customize() {
+ wp_die(
+ sprintf(
+ __( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ),
+ $GLOBALS['wp_version']
+ ),
+ '',
+ array(
+ 'back_link' => true,
+ )
+ );
+}
+add_action( 'load-customize.php', 'twentynineteen_customize' );
+
+/**
+ * Prevents the Theme Preview from being loaded on WordPress versions prior to 4.7.
+ *
+ * @since Twenty Nineteen 1.0.0
+ *
+ * @global string $wp_version WordPress version.
+ */
+function twentynineteen_preview() {
+ if ( isset( $_GET['preview'] ) ) {
+ wp_die( sprintf( __( 'Twenty Nineteen requires at least WordPress version 4.7. You are running version %s. Please upgrade and try again.', 'twentynineteen' ), $GLOBALS['wp_version'] ) );
+ }
+}
+add_action( 'template_redirect', 'twentynineteen_preview' );
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninccolorpatternsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,15 +26,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @param int $saturation Color saturation level.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
- $saturation = $saturation . '%';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
+ $saturation = $saturation . '%';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
- $lightness = $lightness . '%';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
+ $lightness = $lightness . '%';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
- $lightness_hover = $lightness_hover . '%';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
+ $lightness_hover = $lightness_hover . '%';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
+ $lightness_selection = $lightness_selection . '%';
+
</ins><span class="cx" style="display: block; padding: 0 10px"> $theme_css = '
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Set background for:
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -54,14 +57,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .image-filters-enabled .entry .post-thumbnail:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .sticky-post,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .button, button, input[type="button"], input[type="reset"], input[type="submit"],
+ .entry .entry-content > .has-primary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].has-primary-background-color,
+ .entry .entry-content > *[class^="wp-block-"] .has-primary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
+ .entry .entry-content .wp-block-file .wp-block-file__button {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -87,16 +90,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-footer a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .more-link:hover,
</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">- .comment-navigation .nav-previous a:hover,
- .comment-navigation .nav-next a:hover,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment .comment-metadata > a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .comment-edit-link:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> #colophon .site-info a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+ .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+ .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+ .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -104,9 +106,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Set left border color for:
</span><span class="cx" style="display: block; padding: 0 10px"> * wp block quote
</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 blockquote,
- .entry-content .wp-block-quote:not(.is-large),
- .entry-content .wp-block-quote:not(.is-style-large) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ blockquote,
+ .entry .entry-content blockquote,
+ .entry .entry-content .wp-block-quote:not(.is-large),
+ .entry .entry-content .wp-block-quote:not(.is-style-large) {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -145,6 +148,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio .author-description .author-link:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .fn a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-link:hover,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-navigation .nav-previous a:hover,
+ .comment-navigation .nav-next a:hover,
</ins><span class="cx" style="display: block; padding: 0 10px"> #cancel-comment-reply-link:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget a:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -154,9 +159,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > a:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > a:hover:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > a:focus:after,
</span><del style="background-color: #fdd; 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 {
- background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .sub-menu > li > .menu-item-link-return:hover,
+ .main-navigation .sub-menu > li > .menu-item-link-return:focus,
+ .main-navigation .sub-menu > li > a:not(.submenu-expand):hover,
+ .main-navigation .sub-menu > li > a:not(.submenu-expand):focus {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
+ }
+
+ /* Text selection colors */
+ ::selection {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
+ }
+ ::-moz-selection {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_selection . ' ); /* base: #005177; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $editor_css = '
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninctemplatefunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -71,25 +71,25 @@
</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' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = __( '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' ) . '<span class="page-description">' . single_term_title( '', false ) . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = __( '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' ) . '<span class="page-description">' . get_the_author_meta( 'display_name' ) . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = __( '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' ) . '<span class="page-description">' . get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) ) . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = __( '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' ) . '<span class="page-description">' . get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) ) . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = __( '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' ) . '<span class="page-description">' . get_the_date() . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = __( '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' ) . '<span class="page-description">' . post_type_archive_title( '', false ) . '</span>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = __( '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><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s: Taxonomy singular name */
</span><span class="cx" style="display: block; padding: 0 10px"> $title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $title = esc_html__( 'Archives:', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $title = __( 'Archives:', 'twentynineteen' );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> return $title;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -113,6 +113,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Add custom sizes attribute to responsive image functionality for post thumbnails.
+ *
+ * @origin Twenty Nineteen 1.0
+ *
+ * @param array $attr Attributes for the image markup.
+ * @return string Value for use in post thumbnail 'sizes' attribute.
+ */
+function twentynineteen_post_thumbnail_sizes_attr( $attr ) {
+
+ if ( is_admin() ) {
+ return $attr;
+ }
+
+ if ( ! is_singular() ) {
+ $attr['sizes'] = '(max-width: 34.9rem) calc(100vw - 2rem), (max-width: 53rem) calc(8 * (100vw / 12)), (min-width: 53rem) calc(6 * (100vw / 12)), 100vw';
+ }
+
+ return $attr;
+}
+add_filter( 'wp_get_attachment_image_attributes', 'twentynineteen_post_thumbnail_sizes_attr', 10, 1 );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Returns the size for avatars used in the theme.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_get_avatar_size() {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -140,41 +162,75 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_get_discussion_data() {
</span><span class="cx" style="display: block; padding: 0 10px"> static $discussion, $post_id;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> $current_post_id = get_the_ID();
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $current_post_id === $post_id ) { /* If we have discussion information for post ID, return cached object */
- return $discussion;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $current_post_id === $post_id ) {
+ return $discussion; /* If we have discussion information for post ID, return cached object */
+ } else {
+ $post_id = $current_post_id;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $authors = array();
- $commenters = array();
- $user_id = -1; // is_user_logged_in() ? get_current_user_id() : -1;
- $comments = get_comments(
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ $comments = get_comments(
</ins><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="cx" style="display: block; padding: 0 10px"> 'orderby' => 'comment_date_gmt',
</span><span class="cx" style="display: block; padding: 0 10px"> 'order' => get_option( 'comment_order', 'asc' ), /* Respect comment order from Settings » Discussion. */
</span><span class="cx" style="display: block; padding: 0 10px"> 'status' => 'approve',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'number' => 20, /* Only retrieve the last 20 comments, as the end goal is just 6 unique authors */
</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">+
+ $authors = array();
</ins><span class="cx" style="display: block; padding: 0 10px"> foreach ( $comments as $comment ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $comment_user_id = (int) $comment->user_id;
- if ( $comment_user_id !== $user_id ) {
- $authors[] = ( $comment_user_id > 0 ) ? $comment_user_id : $comment->comment_author_email;
- $commenters[] = $comment->comment_author_email;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $authors[] = ( (int) $comment->user_id > 0 ) ? (int) $comment->user_id : $comment->comment_author_email;
</ins><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"> $authors = array_unique( $authors );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $responses = count( $commenters );
- $commenters = array_unique( $commenters );
- $post_id = $current_post_id;
</del><span class="cx" style="display: block; padding: 0 10px"> $discussion = (object) array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'authors' => array_slice( $authors, 0, 6 ), /* Unique authors commenting on post (a subset of), excluding current user. */
- 'commenters' => count( $commenters ), /* Number of commenters involved in discussion, excluding current user. */
- 'responses' => $responses, /* Number of responses, excluding responses from current user. */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'authors' => array_slice( $authors, 0, 6 ), /* Six unique authors commenting on the post. */
+ 'responses' => get_comments_number( $current_post_id ), /* Number of responses. */
</ins><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"> return $discussion;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Add an extra menu to our nav for our priority+ navigation to use
+ *
+ * @param object $nav_menu Nav menu.
+ * @param object $args Nav menu args.
+ * @return string More link for hidden menu items.
+ */
+function twentynineteen_add_ellipses_to_nav( $nav_menu, $args ) {
+
+ if ( 'menu-1' === $args->theme_location ) :
+
+ $nav_menu .= '<div class="main-menu-more" >';
+ $nav_menu .= '<ul class="main-menu" tabindex="0">';
+ $nav_menu .= '<li class="menu-item menu-item-has-children">';
+ $nav_menu .= '<a href="#" class="screen-reader-text" aria-label="More" aria-haspopup="true" aria-expanded="false">' . esc_html( 'More', 'twentynineteen' ) . '</a>';
+ $nav_menu .= '<span class="submenu-expand main-menu-more-toggle" tabindex="-1">';
+ $nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
+ $nav_menu .= '</span>';
+ $nav_menu .= '<ul class="sub-menu hidden-links is-hidden">';
+ $nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
+ $nav_menu .= '<a class="menu-item-link-return" id="menu-item-link-return-1877" href="#menu-item-link-1877" onclick="event.preventDefault();" tabindex="-1">';
+ $nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
+ $nav_menu .= esc_html__( 'Back', 'twentynineteen' );
+ $nav_menu .= '</a>';
+ $nav_menu .= '</li>';
+ $nav_menu .= '</ul>';
+ $nav_menu .= '</li>';
+ $nav_menu .= '</ul>';
+ $nav_menu .= '</div>';
+
+ endif;
+
+ return $nav_menu;
+}
+add_filter( 'wp_nav_menu', 'twentynineteen_add_ellipses_to_nav', 10, 2 );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * WCAG 2.0 Attributes for Dropdown Menus
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Adjustments to menu attributes tot support WCAG 2.0 recommendations
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -216,13 +272,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Inject the keyboard_arrow_left SVG inside the parent nav menu item, and let the item link to the parent item.
</span><span class="cx" style="display: block; padding: 0 10px"> // @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.
</span><span class="cx" style="display: block; padding: 0 10px"> $link = sprintf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '<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();' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<span class="menu-item-link-return" tabindex="-1">%s',
</ins><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_get_icon_svg( 'chevron_left', 24 )
</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">+ // replace opening <a> with <span>
</ins><span class="cx" style="display: block; padding: 0 10px"> $output = preg_replace(
</span><span class="cx" style="display: block; padding: 0 10px"> '/<a\s.*?>/',
</span><span class="cx" style="display: block; padding: 0 10px"> $link,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -229,27 +283,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $output,
</span><span class="cx" style="display: block; padding: 0 10px"> 1 // Limit.
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ // replace closing </a> with </span>
+ $output = preg_replace(
+ '#</a>#i',
+ '</span>',
+ $output,
+ 1 // Limit.
+ );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> } elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // 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 );
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Add SVG icon to parent items.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( 0 === $depth ) {
- $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
- } else {
- $icon = twentynineteen_get_icon_svg( 'chevron_right', 24 );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 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">- // @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();' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $output .= sprintf(
+ '<span class="submenu-expand" tabindex="-1">%s</span>',
</ins><span class="cx" style="display: block; padding: 0 10px"> $icon
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- $output .= $link;
- $output .= "<span class='desktop-submenu-expand'>$icon</span>";
</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"> return $output;
</span></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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -43,7 +43,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> '<span class="byline">%1$s<span class="screen-reader-text">%2$s</span><span class="author vcard"><a class="url fn n" href="%3$s">%4$s</a></span></span>',
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: 1: SVG icon. 2: post author, only visible to screen readers. 3: author link. */
</span><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_get_icon_svg( 'person', 16 ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- esc_html__( 'Posted by', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ __( 'Posted by', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
</span><span class="cx" style="display: block; padding: 0 10px"> esc_html( get_the_author() )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -83,25 +83,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_posted_on();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: used between list items, there is a space after the comma. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $categories_list = get_the_category_list( esc_html__( ', ', 'twentynineteen' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $categories_list = get_the_category_list( __( ', ', 'twentynineteen' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( $categories_list ) {
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of categories. */
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><span class="cx" style="display: block; padding: 0 10px"> '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s</span>%3$s</span>',
</span><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_get_icon_svg( 'archive', 16 ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- esc_html__( 'Posted in', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ __( 'Posted in', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> $categories_list
</span><span class="cx" style="display: block; padding: 0 10px"> ); // WPCS: XSS OK.
</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"> /* translators: used between list items, there is a space after the comma. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $tags_list = get_the_tag_list( '', esc_html__( ', ', 'twentynineteen' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $tags_list = get_the_tag_list( '', __( ', ', 'twentynineteen' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( $tags_list ) {
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of tags. */
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><span class="cx" style="display: block; padding: 0 10px"> '<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
</span><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_get_icon_svg( 'tag', 16 ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- esc_html__( 'Tags:', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ __( 'Tags:', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> $tags_list
</span><span class="cx" style="display: block; padding: 0 10px"> ); // WPCS: XSS OK.
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -168,16 +168,6 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-if ( ! function_exists( 'twentynineteen_header_featured_image_css' ) ) :
- /**
- * Returns the CSS for the header featured image background.
- */
- function twentynineteen_header_featured_image_css() {
- $img_url = get_the_post_thumbnail_url( get_the_ID(), 'post-thumbnail' );
- return sprintf( 'body.singular .site-header.featured-image .site-branding-container:before { background-image: url(%s); }', esc_url( $img_url ) );
- }
-endif;
-
</del><span class="cx" style="display: block; padding: 0 10px"> if ( ! function_exists( 'twentynineteen_comment_avatar' ) ) :
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Returns the HTML markup to generate a user avatar.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -197,15 +187,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Displays a list of avatars involved in a discussion for a given post.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_discussion_avatars_list( $comment_authors ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( ! empty( $comment_authors ) ) {
- $out = array( '<ol class="discussion-avatar-list">' );
- foreach ( $comment_authors as $id_or_email ) {
- $out[] = sprintf( '<li>%s</li>', twentynineteen_get_user_avatar_markup( $id_or_email ) );
- }
- $out[] = '</ol><!-- .discussion-avatar-list -->';
- echo implode( "\n", $out );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( empty( $comment_authors ) ) {
+ return;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return null;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ echo '<ol class="discussion-avatar-list">', "\n";
+ foreach ( $comment_authors as $id_or_email ) {
+ printf(
+ "<li>%s</li>\n",
+ twentynineteen_get_user_avatar_markup( $id_or_email )
+ );
+ }
+ echo '</ol><!-- .discussion-avatar-list -->', "\n";
</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">
</span></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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/index.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,25 +20,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <section id="primary" class="content-area">
</span><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">-<?php
- if ( have_posts() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ if ( have_posts() ) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Load posts loop.
- while ( have_posts() ) {
- the_post();
- get_template_part( 'template-parts/content/content' );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Load posts loop.
+ while ( have_posts() ) {
+ the_post();
+ get_template_part( 'template-parts/content/content' );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Previous/next page navigation.
- twentynineteen_the_posts_navigation();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Previous/next page navigation.
+ twentynineteen_the_posts_navigation();
</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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ } else {
</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 no content, include the "No posts found" template.
- get_template_part( 'template-parts/content/content', 'none' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // If no content, include the "No posts found" template.
+ get_template_part( 'template-parts/content/content', 'none' );
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }
+ ?>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> </main><!-- .site-main -->
</span><span class="cx" style="display: block; padding: 0 10px"> </section><!-- .content-area -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjscustomizepreviewjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,15 +11,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Default color.
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize( 'colorscheme', function( value ) {
</span><span class="cx" style="display: block; padding: 0 10px"> value.bind( function( to ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> // Update custom color CSS.
</span><span class="cx" style="display: block; padding: 0 10px"> var style = $( '#custom-theme-colors' ),
</span><span class="cx" style="display: block; padding: 0 10px"> hue = style.data( 'hue' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- css = style.html();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ css = style.html(),
+ color;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if( to === 'custom' ){
+ //If a "custom" color option is selected, use the currently set colorscheme_primary_hue
+ color = wp.customize.get().colorscheme_primary_hue;
+ } else {
+ //If the "default" option is selected, get the default primary_hue
+ color = 199;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- css = css.split( hue + ',' ).join( to + ',' );
- style.html( css ).data( 'hue', to );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ css = css.split( hue + ',' ).join( color + ',' );
+ style.html( css ).data( 'hue', color );
</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="branches50srcwpcontentthemestwentynineteenjsprioritymenujs"></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/priority-menu.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/priority-menu.js 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,128 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+(function() {
+ /**
+ * Prepends an element to a container.
+ *
+ * @param {Element} container
+ * @param {Element} element
+ */
+ function prependElement(container, element) {
+ if (container.firstChild.nextSibling) {
+ return container.insertBefore(element, container.firstChild.nextSibling);
+ } else {
+ return container.appendChild(element);
+ }
+ }
+
+ /**
+ * Shows an element by adding a hidden className.
+ *
+ * @param {Element} element
+ */
+ function showElement(element) {
+ // classList.remove is not supported in IE11
+ element.className = element.className.replace('is-hidden', '');
+ }
+
+ /**
+ * Hides an element by removing the hidden className.
+ *
+ * @param {Element} element
+ */
+ function hideElement(element) {
+ // classList.add is not supported in IE11
+ if (!element.classList.contains('is-hidden')) {
+ element.className += ' is-hidden';
+ }
+ }
+
+ /**
+ * Toggles the element visibility.
+ *
+ * @param {Element} element
+ */
+ function toggleElementVisibility(element) {
+ if (element.classList.contains('is-hidden')) {
+ showElement(element);
+ } else {
+ hideElement(element);
+ }
+ }
+
+ var navContainer = document.querySelector('.main-navigation');
+ // Adds the necessary UI to operate the menu.
+ var toggleButton = document.querySelector('.main-navigation .main-menu-more-toggle');
+ var visibleList = document.querySelector('.main-navigation .main-menu[id]');
+ var hiddenList = document.querySelector('.main-navigation .hidden-links');
+ var breaks = [];
+
+ /**
+ * Returns the currently available space in the menu container.
+ *
+ * @returns {number} Available space
+ */
+ function getAvailableSpace() {
+ return toggleButton.classList.contains('hidden') ? navContainer.offsetWidth : navContainer.offsetWidth - toggleButton.offsetWidth - 50;
+ }
+
+ /**
+ * Returns whether the current menu is overflowing or not.
+ *
+ * @returns {boolean} Is overflowing
+ */
+ function isOverflowingNavivation() {
+ return visibleList.offsetWidth > getAvailableSpace();
+ }
+
+ /**
+ * Refreshes the list item from the menu depending on the menu size
+ */
+ function updateNavigationMenu() {
+
+ if (isOverflowingNavivation()) {
+ // Record the width of the list
+ breaks.push(visibleList.offsetWidth);
+ // Move item to the hidden list
+ prependElement(hiddenList, visibleList.lastChild);
+ // Show the toggle button
+ showElement(toggleButton);
+ } else {
+ // There is space for another item in the nav
+ if (getAvailableSpace() > breaks[breaks.length - 1]) {
+ // Move the item to the visible list
+ visibleList.appendChild(hiddenList.firstChild.nextSibling);
+ breaks.pop();
+ }
+
+ // Hide the dropdown btn if hidden list is empty
+ if (breaks.length < 2) {
+ hideElement(toggleButton);
+ hideElement(hiddenList);
+ }
+ }
+
+ // Recur if the visible list is still overflowing the nav
+ if (isOverflowingNavivation()) {
+ updateNavigationMenu();
+ }
+ }
+
+ // Event listeners
+ // Run our sub-menu function as soon as the document is `ready`
+ document.addEventListener( 'DOMContentLoaded', function() {
+ updateNavigationMenu();
+ });
+
+ window.addEventListener('load', function() {
+ updateNavigationMenu();
+ });
+
+ window.addEventListener('resize', function() {
+ updateNavigationMenu();
+ });
+
+ toggleButton.addEventListener('click', function() {
+ toggleElementVisibility(hiddenList);
+ });
+
+ updateNavigationMenu();
+})();
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjstouchkeyboardnavigationjs"></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-keyboard-navigation.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,277 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Touch & Keyboard navigation.
+ *
+ * Contains handlers for touch devices and keyboard navigation.
+ */
+
+(function() {
+
+ // 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);
+ }
+ };
+ }
+
+ // Add Class
+ function addClass(el, cls) {
+ if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
+ el.className += ' ' + cls;
+ }
+ }
+
+ // Delete Class
+ function deleteClass(el, cls) {
+ el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
+ }
+
+ // Has Class?
+ function hasClass(el, cls) {
+
+ if ( el.className.match( '(?:^|\\s)' + cls + '(?!\\S)' ) ) {
+ return true;
+ }
+ }
+
+ // Toggle Aria Expanded state for screenreaders
+ function toggleAriaExpandedState( ariaItem ) {
+ 'use strict';
+
+ var ariaState = ariaItem.getAttribute('aria-expanded');
+
+ if ( ariaState === 'true' ) {
+ ariaState = 'false';
+ } else {
+ ariaState = 'true';
+ }
+
+ ariaItem.setAttribute('aria-expanded', ariaState);
+ }
+
+ // Open sub-menu
+ function openSubMenu( currentSubMenu ) {
+ 'use strict';
+
+ // Update classes
+ // classList.add is not supported in IE11
+ currentSubMenu.parentElement.className += ' off-canvas';
+ currentSubMenu.parentElement.lastElementChild.className += ' expanded-true';
+
+ // Update aria-expanded state
+ toggleAriaExpandedState( currentSubMenu.previousSibling );
+ }
+
+ // Close sub-menu
+ function closeSubMenu( currentSubMenu ) {
+ 'use strict';
+
+ var menuItem = getCurrentParent( currentSubMenu, '.menu-item' ); // this.parentNode
+ var menuItemAria = menuItem.querySelector('a[aria-expanded]');
+ var subMenu = currentSubMenu.closest('.sub-menu');
+
+ // If this is in a sub-sub-menu, go back to parent sub-menu
+ if ( getCurrentParent( currentSubMenu, 'ul' ).classList.contains( 'sub-menu' ) ) {
+
+ // Update classes
+ // classList.remove is not supported in IE11
+ menuItem.className = menuItem.className.replace( 'off-canvas', '' );
+ subMenu.className = subMenu.className.replace( 'expanded-true', '' );
+
+ // Update aria-expanded and :focus states
+ toggleAriaExpandedState( menuItemAria );
+
+ // Or else close all sub-menus
+ } else {
+
+ // Update classes
+ // classList.remove is not supported in IE11
+ menuItem.className = menuItem.className.replace( 'off-canvas', '' );
+ menuItem.lastElementChild.className = menuItem.lastElementChild.className.replace( 'expanded-true', '' );
+
+ // Update aria-expanded and :focus states
+ toggleAriaExpandedState( menuItemAria );
+ }
+ }
+
+ // Find first ancestor of an element by selector
+ function getCurrentParent( child, selector, stopSelector ) {
+
+ var currentParent = null;
+
+ while ( child ) {
+
+ if ( child.matches(selector) ) {
+
+ currentParent = child;
+ break;
+
+ } else if ( stopSelector && child.matches(stopSelector) ) {
+
+ break;
+ }
+
+ child = child.parentElement;
+ }
+
+ return currentParent;
+ }
+
+ // Remove all off-canvas states
+ function removeAllFocusStates() {
+ 'use strict';
+
+ var getFocusedElements = document.querySelectorAll(':hover, :focus, :focus-within');
+ var i;
+
+ for ( i = 0; i < getFocusedElements.length; i++) {
+ getFocusedElements[i].blur();
+ }
+ }
+
+ // Matches polyfill for IE11
+ if (!Element.prototype.matches) {
+ Element.prototype.matches = Element.prototype.msMatchesSelector;
+ }
+
+ // Toggle `focus` class to allow sub-menu access on touch screens.
+ function toggleSubmenuDisplay() {
+
+ document.addEventListener('touchstart', function(event) {
+
+ if ( event.target.matches('a') ) {
+
+ var url = event.target.getAttribute( 'href' ) ? event.target.getAttribute( 'href' ) : '';
+
+ // If there’s a link, go to it on touchend
+ if ( '#' !== url && '' !== url ) {
+ window.location = url;
+
+ // Open submenu if url is #
+ } else if ( '#' === url && event.target.nextSibling.matches('.submenu-expand') ) {
+
+ openSubMenu( event.target );
+
+ // Prevent default touch events
+ } else {
+
+ event.preventDefault();
+ }
+ }
+
+ // Check if .submenu-expand is touched
+ if ( event.target.matches('.submenu-expand') ) {
+ openSubMenu(event.target);
+
+ // Check if child of .submenu-expand is touched
+ } else if ( null != getCurrentParent( event.target, '.submenu-expand' ) && getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ) {
+ openSubMenu( getCurrentParent( event.target, '.submenu-expand' ) );
+
+ // Check if .menu-item-link-return is touched
+ } else if ( event.target.matches('.menu-item-link-return') ) {
+ closeSubMenu( event.target );
+
+ // Check if child of .menu-item-link-return is touched
+ } else if ( null != getCurrentParent( event.target, '.menu-item-link-return' ) && getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
+ closeSubMenu( event.target );
+ }
+
+ // Prevent default mouse/focus events
+ removeAllFocusStates();
+
+ }, false);
+
+ document.addEventListener('touchend', function(event) {
+
+ var mainNav = getCurrentParent( event.target, '.main-navigation' );
+
+ if ( null != mainNav && hasClass( mainNav, '.main-navigation' ) ) {
+ // Prevent default mouse events
+ event.preventDefault();
+ }
+
+ // Prevent default mouse events
+ event.preventDefault();
+
+ // Prevent default mouse/focus events
+ removeAllFocusStates();
+
+ }, false);
+
+ document.addEventListener('focus', function(event) {
+
+ if ( event.target.matches('.main-navigation > div > ul > li > a') ) {
+
+ // Remove Focuse elements in sibling div
+ var currentDiv = getCurrentParent( event.target, 'div' );
+ var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
+ var focusedElement = currentDivSibling.querySelector( '.is-focused' );
+ var focusedClass = 'is-focused';
+ var prevLi = event.target.parentNode.previousElementSibling;
+ var nextLi = event.target.parentNode.nextElementSibling;
+
+ if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
+ deleteClass( focusedElement, focusedClass );
+ }
+
+ // Add .is-focused class to top-level ul
+ if ( event.target.parentNode.querySelector( '.main-navigation ul ul') ) {
+ addClass( event.target.parentNode, focusedClass );
+ }
+
+ // Check for previous li
+ if ( prevLi && hasClass( prevLi, focusedClass ) ) {
+ deleteClass( prevLi, focusedClass );
+ }
+
+ // Check for next li
+ if ( nextLi && hasClass( nextLi, focusedClass ) ) {
+ deleteClass( nextLi, focusedClass );
+ }
+ }
+ }, true);
+ }
+
+ // Run our sub-menu function as soon as the document is `ready`
+ document.addEventListener( 'DOMContentLoaded', function() {
+ toggleSubmenuDisplay();
+ });
+ // Annnnnd also every time the window resizes
+ var isResizing = false;
+ window.addEventListener( 'resize',
+ debounce( function() {
+ if ( isResizing ) {
+ return;
+ }
+
+ isResizing = true;
+ setTimeout( function() {
+ toggleSubmenuDisplay();
+ isResizing = false;
+ }, 150 );
+ } )
+ );
+
+})();
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjstouchnavigationjs"></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/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 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/touch-navigation.js 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,163 +0,0 @@
</span><del style="background-color: #fdd; 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 );
- }));
-
-})();
</del></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenpackagelockjson"></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/package-lock.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/package-lock.json 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/package-lock.json 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1182,9 +1182,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "fast-glob": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "2.2.2",
- "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.2.tgz",
- "integrity": "sha512-TR6zxCKftDQnUAPvkrCWdBgDq/gbqx8A3ApnBrR5rMvpp6+KMJI0Igw7fkWPgeVK0uhRXTXdvO3O+YP0CaUX2g==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "2.2.3",
+ "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-2.2.3.tgz",
+ "integrity": "sha512-NiX+JXjnx43RzvVFwRWfPKo4U+1BrK5pJPsHQdKMlLoFHrrGktXglQhHliSihWAq+m1z6fHk3uwGHrtRbS9vLA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "@mrmlnc/readdir-enhanced": "^2.2.1",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2656,9 +2656,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"> "merge2": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "1.2.2",
- "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.2.tgz",
- "integrity": "sha512-bgM8twH86rWni21thii6WCMQMRMmwqqdW3sGWi9IipnVAszdLXRjwDwAnyrVXo6DuP3AjRMMttZKUB48QWIFGg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.2.3",
+ "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.2.3.tgz",
+ "integrity": "sha512-gdUU1Fwj5ep4kplwcmftruWofEFt6lfpkkr3h860CXbAB9c3hGb55EOL2ali0Td5oebvW0E1+3Sr+Ur7XfKpRA==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "micromatch": {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3160,7 +3160,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "p-is-promise": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.1.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "resolved": "https://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "resolved": "http://registry.npmjs.org/p-is-promise/-/p-is-promise-1.1.0.tgz",
</ins><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3295,9 +3295,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"> "postcss-cli": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "6.0.0",
- "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.0.tgz",
- "integrity": "sha512-7DuxMn1Wj6dJKbjKpZXOdAc5nl5NfPXiJbg0m/+tdObPvgk1xv4+lZgNKD3jL/kCrDRPf1jgFlmq1cHh8lBR2w==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "6.0.1",
+ "resolved": "https://registry.npmjs.org/postcss-cli/-/postcss-cli-6.0.1.tgz",
+ "integrity": "sha512-M9GiEMzXVMlI4ln8e+mdeHT+qvoHVZdlN06hj5/EhrRZWDr+J1sniPeGJ4nghknl+du3Oj2UoqqhgpKKhiZ9+w==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "chalk": "^2.1.0",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3308,7 +3308,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "globby": "^8.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss": "^7.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-load-config": "^2.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "postcss-reporter": "^5.0.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "postcss-reporter": "^6.0.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "pretty-hrtime": "^1.0.3",
</span><span class="cx" style="display: block; padding: 0 10px"> "read-cache": "^1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "yargs": "^12.0.1"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3449,6 +3449,15 @@
</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">+ "postcss-focus-within": {
+ "version": "3.0.0",
+ "resolved": "https://registry.npmjs.org/postcss-focus-within/-/postcss-focus-within-3.0.0.tgz",
+ "integrity": "sha512-W0APui8jQeBKbCGZudW37EeMCjDeVxKgiYfIIEo8Bdh5SpB9sxds/Iq8SEuzS0Q4YFOlG7EPFulbbxujpkrV2w==",
+ "dev": true,
+ "requires": {
+ "postcss": "^7.0.2"
+ }
+ },
</ins><span class="cx" style="display: block; padding: 0 10px"> "postcss-load-config": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-2.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3460,28 +3469,15 @@
</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"> "postcss-reporter": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "5.0.0",
- "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-5.0.0.tgz",
- "integrity": "sha512-rBkDbaHAu5uywbCR2XE8a25tats3xSOsGNx6mppK6Q9kSFGKc/FyAzfci+fWM2l+K402p1D0pNcfDGxeje5IKg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "6.0.0",
+ "resolved": "https://registry.npmjs.org/postcss-reporter/-/postcss-reporter-6.0.0.tgz",
+ "integrity": "sha512-5xQXm1UPWuFObjbtyQzWvQaupru8yFcFi4HUlm6OPo1o2bUszYASuqRJ7bVArb3svGCdbYtqdMBKrqR1Aoy+tw==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><span class="cx" style="display: block; padding: 0 10px"> "chalk": "^2.0.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "lodash": "^4.17.4",
</span><span class="cx" style="display: block; padding: 0 10px"> "log-symbols": "^2.0.0",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "postcss": "^6.0.8"
- },
- "dependencies": {
- "postcss": {
- "version": "6.0.23",
- "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
- "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
- "dev": true,
- "requires": {
- "chalk": "^2.4.1",
- "source-map": "^0.6.1",
- "supports-color": "^5.4.0"
- }
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "postcss": "^7.0.2"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "postcss-value-parser": {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenpackagejson"></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/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/package.json 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/package.json 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,9 +11,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "autoprefixer": "^9.1.5",
</span><span class="cx" style="display: block; padding: 0 10px"> "chokidar-cli": "^1.2.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "node-sass": "^4.9.3",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "postcss-cli": "^6.0.0",
- "rtlcss": "^2.4.0",
- "npm-run-all": "^4.1.3"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "npm-run-all": "^4.1.3",
+ "postcss-cli": "^6.0.1",
+ "postcss-focus-within": "^3.0.0",
+ "rtlcss": "^2.4.0"
</ins><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> "rtlcssConfig": {
</span><span class="cx" style="display: block; padding: 0 10px"> "options": {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenpostcssconfigjs"></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/postcss.config.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/postcss.config.js 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/postcss.config.js 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,13 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+var postcssFocusWithin = require('postcss-focus-within');
+
</ins><span class="cx" style="display: block; padding: 0 10px"> module.exports = {
</span><span class="cx" style="display: block; padding: 0 10px"> plugins: {
</span><span class="cx" style="display: block; padding: 0 10px"> autoprefixer: {}
</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">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+};
+
+module.exports = {
+ plugins: [
+ postcssFocusWithin(/* pluginOptions */)
+ ]
+};
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenreadmetxt"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/readme.txt</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/readme.txt 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/readme.txt 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,15 +2,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> [](https://travis-ci.org/WordPress/twentynineteen)
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-**Contributors:** the WordPress team
-**Requires at least:** WordPress 4.9.6
-**Tested up to:** WordPress 4.9.8
-**Version:** 1.0
-**License:** GPLv2 or later
-**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+**Contributors:** the WordPress team
+**Requires at least:** WordPress 4.9.6
+**Tested up to:** WordPress 4.9.8
+**Version:** 1.0
+**License:** GPLv2 or later
+**License URI:** http://www.gnu.org/licenses/gpl-2.0.html
</ins><span class="cx" style="display: block; padding: 0 10px"> **Tags:** one-column, flexible-header, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> ## Description
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Nineteen is a Gutenberg-ready theme for WordPress.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,7 +22,6 @@
</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><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -60,6 +58,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Changelog
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ### X.X
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> * Released: XX-XX-XXXX
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> Initial release
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassblocks_blocksscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,25 +1,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* !Block styles */
</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 > *,
-.entry-summary > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *,
+.entry .entry-summary > * {
+ margin: 32px 0;
+ max-width: 100%;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include postContentMaxWidth();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px $size__spacing-unit;
-
</del><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: 32px calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 32px 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*
- // Set top margins for headings
- & + h1:before,
- & + h2:before,
- & + h3,
- & + h4,
- & + h5,
- & + h6 {
- margin-top: calc(4 * #{ $size__spacing-unit});
- }
-*/
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -30,32 +20,44 @@
</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"> &.alignwide {
</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-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clear: both;
</ins><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(2 * (100vw / 12));
- margin-right: calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
+ max-width: 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">
</span><span class="cx" style="display: block; padding: 0 10px"> &.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: calc(2 * #{$size__spacing-unit});
- margin-right: 0;
- margin-bottom: calc(2 * #{$size__spacing-unit});
- margin-left: 0;
- max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
+ left: -#{$size__spacing-unit };
+ width: calc( 100% + (2 * #{$size__spacing-unit}));
+ max-width: calc( 100% + (2 * #{$size__spacing-unit}));
+ clear: both;
+
+ @include media(tablet) {
+ margin-top: calc(2 * #{$size__spacing-unit});
+ margin-bottom: calc(2 * #{$size__spacing-unit});
+ left: calc( -12.5% - 75px );
+ width: calc( 125% + 150px );
+ max-width: calc( 125% + 150px );
+ }
</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"> &.alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(5 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
+ /*rtl:ignore*/
+ margin-right: $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(4 * (100vw / 12));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(2 * #{$size__spacing-unit});
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -65,36 +67,64 @@
</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"> &.alignright {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(5 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: $size__spacing-unit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: $size__spacing-unit;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(4 * (100vw / 12));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(2 * #{$size__spacing-unit});
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: calc(2 * (100vw / 12));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> &.aligncenter {
</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-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include media(desktop) {
- 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%);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include postContentMaxWidth();
+
+ @include media(tablet) {
+ margin-left: 0;
+ margin-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 class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Unset nested content selector styles
+ * - Prevents layout styles from cascading too deeply
+ * - helps with plugin compatibility
+ */
+.entry .entry-content,
+.entry .entry-summary {
</ins><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,
+ .entry-summary,
+ .entry {
+ margin: inherit;
+ max-width: inherit;
+ padding: inherit;
+
+ @include media(tablet) {
+ margin: inherit;
+ max-width: inherit;
+ padding: inherit;
+ }
+ }
+}
+
+.entry .entry-content {
+
+ //! Paragraphs
+ p.has-background {
+ padding: 20px 30px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> //! Audio
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-audio {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -107,7 +137,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &.alignleft audio,
</span><span class="cx" style="display: block; padding: 0 10px"> &.alignright audio {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: (0.5 * $mobile_width);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: (0.33 * $mobile_width);
</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"> max-width: (0.5 * $tablet_width);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -151,14 +181,12 @@
</span><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"> &:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-button-hover;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:hover, &:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__background-button-hover;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }
-
- &:focus {
</del><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -196,19 +224,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: calc(#{$font__size_base} * #{$font__size-ratio});
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: ( .75 * $size__spacing-unit );
</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(.menu-item-has-children) {
- padding-bottom: ( .75 * $size__spacing-unit );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.menu-item-has-children,
+ &:last-child {
+ padding-bottom: 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"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ul {
- padding-left: $size__spacing-unit;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ //! Latest categories
+ .wp-block-categories {
+
+ ul {
+ padding-top: ( .75 * $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">+
+ li ul {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ @include nestedSubMenuPadding();
</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"> //! Latest posts grid view
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -264,7 +305,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-main;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: calc(2 * #{$size__spacing-unit});
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(4 * #{ $size__spacing-unit});
+ margin-bottom: calc(4.33 * #{ $size__spacing-unit});
</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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -287,13 +329,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> cite {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: $font__size-xs;
</del><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__text-light;
+
+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
</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"> &.alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> &.alignright {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -305,9 +354,15 @@
</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"> &.is-style-solid-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__link;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: 0;
+ padding-right: 0;
</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) {
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+
</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">@@ -323,9 +378,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-body;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ cite {
+ color: inherit;
+ }
+
</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">+ max-width: calc(100% - (2 * #{$size__spacing-unit}));
</ins><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-body;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: 0;
+ margin-left: $size__spacing-unit;
+
+ @include media(tablet) {
+ margin-left: 0;
+ margin-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"> .has-primary-background-color {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -332,18 +398,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.alignleft,
- &.alignright {
- padding: $size__spacing-unit $size__spacing-unit 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- blockquote {
- padding: 0 0 calc( 1.5 * #{$size__spacing-unit} );
- margin-left: 0;
- margin-top: 0;
- }
-
</del><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">- padding: calc( 2 * #{$size__spacing-unit} ) calc( 2 * #{$size__spacing-unit} ) $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
+ padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -366,13 +425,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> cite {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: $font__size-xs;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
</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-large,
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-large {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: $size__spacing-unit 0 ($size__spacing-unit) ($size__spacing-unit * 2);
</del><span class="cx" style="display: block; padding: 0 10px"> margin: $size__spacing-unit 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-left: none;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -383,14 +446,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> cite,
</span><span class="cx" style="display: block; padding: 0 10px"> footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: $font__size-xs;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * #{$font__size-ratio}));
</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"> @include media(tablet) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: $size__spacing-unit 0;
+ padding: $size__spacing-unit 0;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: $size__spacing-unit calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
-
</del><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"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -412,8 +478,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.alignfull img {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100vw;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: auto;
- margin-right: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+ margin-left: auto;
+ margin-right: auto;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -420,7 +489,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> //! Cover Image
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
+ min-height: 430px;
+ padding: $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) {
+ padding: $size__spacing-unit 10%;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-text,
</span><span class="cx" style="display: block; padding: 0 10px"> h2 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -427,24 +503,16 @@
</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="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.25;
+ padding: 0;
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(100vw - (2 * #{ $size__spacing-unit }));
- max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
-
</del><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(8 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 100%;
</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) {
- width: calc(6 * (100vw / 12 ));
- max-width: calc(6 * (100vw / 12 ));
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.alignleft,
- &.alignright,
</del><span class="cx" style="display: block; padding: 0 10px"> &.aligncenter {
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -458,36 +526,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.aligncenter {
- margin: 32px calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.alignleft,
+ &.alignright {
+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.has-left-content {
- justify-content: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h2,
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image-text,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-text {
- padding: $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text,
+ h2 {
+ @include postContentMaxWidth();
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.has-right-content {
- justify-content: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ padding-left: calc(10% + 58px + (2 * #{$size__spacing-unit}));
+ padding-right: calc(10% + 58px + (2 * #{$size__spacing-unit}));
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h2,
- .wp-block-cover-image-text,
- .wp-block-cover-text {
- padding: $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-image-text,
+ .wp-block-cover-text,
+ h2 {
+ padding: 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"> //! Galleries
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-gallery .blocks-gallery-image:last-child,
- .wp-block-gallery .blocks-gallery-item:last-child {
- margin-bottom: 16px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-gallery {
+ list-style-type: none;
+ padding-left: 0;
+
+ .blocks-gallery-image:last-child,
+ .blocks-gallery-item:last-child {
+ margin-bottom: 16px;
+ }
</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"> //! Captions
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -507,18 +580,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> //! Separator
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator,
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: $color__text-light;
+ border: 0;
+ height: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: (2 * $size__spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: (2 * $size__spacing-unit);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 2.25em;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:not(.is-style-dots) {
- background-color: $color__text-light;
- border: 0;
- height: 2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.is-style-wide {
+ max-width: 100%;
+ @include postContentMaxWidth();
</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">- &:not(.is-style-wide):not(.is-style-dots) {
- max-width: 2.25em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.is-style-dots {
+ max-width: 100%;
+ @include postContentMaxWidth();
+ background-color: inherit;
+ border: inherit;
+ height: inherit;
+ text-align: center;
+
+ &:before {
+ color: $color__text-light;
+ font-size: $font__size-lg;
+ letter-spacing: $font__size-sm;
+ padding-left: $font__size-sm;
+ }
</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"> /* Remove duplicate rule-line when a separator
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -530,18 +618,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">-
- &.is-style-dots {
- @include postContentMaxWidth();
- text-align: center;
-
- &:before {
- color: $color__text-light;
- font-size: $font__size-lg;
- letter-spacing: $font__size-sm;
- padding-left: $font__size-sm;
- }
- }
</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"> //! Twitter Embed
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -552,7 +628,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> //! Table
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-table {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- td, th {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ th,
+ td {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -569,8 +646,10 @@
</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"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: ($size__spacing-unit * .75) $size__spacing-unit;
</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">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-base;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -578,18 +657,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"> &:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-button-hover;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:hover, &:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__background-button-hover;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }
-
- &:focus {
</del><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ * + .wp-block-file__button {
+ margin-left: ($size__spacing-unit * .75);
+ }
</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"> //! Code
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -606,22 +687,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> //! Columns
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-column > * {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ .wp-block-column > * {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:first-child {
- margin-top: 0;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:first-child {
+ margin-top: 0;
+ }
</ins><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 {
- margin-bottom: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:last-child {
+ margin-bottom: 0;
+ }
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &[class*='has-'] > * {
- margin-right: $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &[class*='has-'] > * {
+ margin-right: $size__spacing-unit;
</ins><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 {
- margin-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:last-child {
+ margin-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="branches50srcwpcontentthemestwentynineteensasselements_elementsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,10 +3,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"> ::-moz-selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: $color__background_selection;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: $color__background_selection;
</ins><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"> ::selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: $color__background_selection;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: $color__background_selection;
</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">@@ -16,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"> body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: $color__background-body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-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"> a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -41,12 +42,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1, h2, h3, h4, h5, h6 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: $size__spacing-unit 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">-h1:not(.site-title), h2 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1:not(.site-title),
+h2 {
</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">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasselements_tablesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,8 +1,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> table {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 $size__spacing-unit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-collapse: collapse;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- td, th {
- border-color: $color__text-light;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ td,
+ th {
+ padding: 0.5em;
+ border: 1px solid $color__text-light;
+ word-break: break-all;
</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="branches50srcwpcontentthemestwentynineteensassmedia_captionsscss"></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/_captions.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/_captions.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(1.5 * #{$size__spacing-unit});
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.aligncenter {
+
+ @include media(tablet) {
+ position: relative;
+ left: calc( #{$size__site-tablet-content} / 2 );
+ transform: translateX( -50% );
+ }
+
+ @include media(desktop) {
+ left: calc( #{$size__site-desktop-content} / 2 );
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-caption img[class*="wp-image-"] {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassmedia_galleriesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,7 +7,7 @@
</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">- padding-right: $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-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">@@ -16,7 +16,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Loops to enumerate the classes for gallery columns.
</span><span class="cx" style="display: block; padding: 0 10px"> @for $i from 2 through 9 {
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-#{$i} & {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / #{$i} ) * (100% / 12) - ( #{$size__spacing-unit} * #{($i - 1) / $i} ) );
+
+ &:nth-of-type(#{$i}n+#{$i}) {
+ margin-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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -87,17 +87,140 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 1px 0 rgba( $color__text-light, 0.7 ); // Antialiasing, outer edge.
</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">+/* Fallback for non-latin fonts */
+
+@mixin non-latin-fonts( $wrapper_classname: '.site' ) {
+
+ /* Arabic */
+ html[lang="ar"] #{$wrapper_classname} *,
+ html[lang="ary"] #{$wrapper_classname} *,
+ html[lang="azb"] #{$wrapper_classname} *,
+ html[lang="ckb"] #{$wrapper_classname} *,
+ html[lang="fa-IR"] #{$wrapper_classname} *,
+ html[lang="haz"] #{$wrapper_classname} *,
+ html[lang="ps"] #{$wrapper_classname} * {
+ font-family: Tahoma, Arial, sans-serif !important;
+ }
+
+ /* Cyrillic */
+ html[lang="be"] #{$wrapper_classname} *,
+ html[lang="bg-BG"] #{$wrapper_classname} *,
+ html[lang="kk"] #{$wrapper_classname} *,
+ html[lang="mk-MK"] #{$wrapper_classname} *,
+ html[lang="mn"] #{$wrapper_classname} *,
+ html[lang="ru-RU"] #{$wrapper_classname} *,
+ html[lang="sah"] #{$wrapper_classname} *,
+ html[lang="sr-RS"] #{$wrapper_classname} *,
+ html[lang="tt-RU"] #{$wrapper_classname} *,
+ html[lang="uk"] #{$wrapper_classname} * {
+ font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
+ }
+
+ /* Chinese (Hong Kong) */
+ html[lang="zh-HK"] #{$wrapper_classname} * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+ }
+
+ /* Chinese (Taiwan) */
+ html[lang="zh-TW"] #{$wrapper_classname} * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+ }
+
+ /* Chinese (China) */
+ html[lang="zh-CN"] #{$wrapper_classname} * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+ }
+
+ /* Devanagari */
+ html[lang="bn-BD"] #{$wrapper_classname} *,
+ html[lang="hi-IN"] #{$wrapper_classname} *,
+ html[lang="mr"] #{$wrapper_classname} *,
+ html[lang="ne-NP"] #{$wrapper_classname} * {
+ font-family: Arial, sans-serif !important;
+ }
+
+ /* Greek */
+ html[lang="el"] #{$wrapper_classname} * {
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+ }
+
+ /* Gujarati */
+ html[lang="gu"] #{$wrapper_classname} * {
+ font-family: Arial, sans-serif !important;
+ }
+
+ /* Hebrew */
+ html[lang="he-IL"] #{$wrapper_classname} * {
+ font-family: 'Arial Hebrew', Arial, sans-serif !important;
+ }
+
+ /* Japanese */
+ html[lang="ja"] #{$wrapper_classname} * {
+ font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
+ }
+
+ /* Korean */
+ html[lang="ko-KR"] #{$wrapper_classname} * {
+ font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
+ }
+
+ /* Thai */
+ html[lang="th"] #{$wrapper_classname} * {
+ font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
+ }
+
+ /* Vietnamese */
+ html[lang="vi"] #{$wrapper_classname} * {
+ font-family: 'Libre Franklin', sans-serif !important;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Calculates maximum width for post content */
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin postContentMaxWidth() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
</del><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">- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $size__site-tablet-content;
</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"> @include media(desktop) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $size__site-desktop-content;
</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">+/* Nested sub-menu padding: 10 levels deep */
+@mixin nestedSubMenuPadding() {
+
+ ul li > a:before {
+ font-family: $font__body;
+ font-weight: normal;
+ }
+ ul > li > a:before {
+ content: "\2013\00a0";
+ }
+ ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0";
+ }
+ ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+ }
+ ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @import "utilities";
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassmixins_utilitiesscss"></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/_utilities.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/_utilities.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_utilities.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,10 +1,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @mixin media( $res ) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @if mobile == $res {
+ @media only screen and (min-width: $mobile_width) {
+ @content;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @if tablet == $res {
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: $tablet_width) {
</span><span class="cx" style="display: block; padding: 0 10px"> @content;
</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"> @if desktop == $res {
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: $desktop_width) {
</span><span class="cx" style="display: block; padding: 0 10px"> @content;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassmodules_alignmentsscss"></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/modules/_alignments.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/modules/_alignments.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,13 +1,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><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">+
+ @include media(tablet) {
+ /*rtl:ignore*/
+ margin-right: calc(2 * #{$size__spacing-unit});
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: $size__spacing-unit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+ /*rtl:ignore*/
+ margin-left: calc(2 * #{$size__spacing-unit});
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .aligncenter {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassnavigation_menufooternavigationscss"></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-footer-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-footer-navigation.scss (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-footer-navigation.scss 2018-11-12 23:19:13 UTC (rev 43892)
</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">+/** === Footer menu === */
+
+.footer-navigation {
+
+ display: inline;
+
+ & > div {
+ display: inline;
+ }
+
+ .footer-menu {
+
+ display: inline;
+ padding-left: 0;
+
+ li {
+ display: inline;
+ margin-right: 1rem;
+ }
+ }
+
+}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><span class="cx" style="display: block; padding: 0 10px">Property changes on: branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-footer-navigation.scss
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svnexecutable"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:executable</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+*
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="branches50srcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-11-12 23:19:13 UTC (rev 43892)
</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"> .main-menu {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline;
</del><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"> margin: 0;
</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">@@ -23,11 +23,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
</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(tablet) {
- position: relative;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> > a {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -47,7 +44,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &.menu-item-has-children {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: inherit;
</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) {
+ position: relative;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> > a {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: #{0.125 * $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">@@ -61,33 +63,54 @@
</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">- .mobile-submenu-expand svg,
- .desktop-submenu-expand svg {
- position: relative;
- top: 0.2rem;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .submenu-expand {
+ display: inline-block;
+ margin-right: #{0.5 * $size__spacing-unit};
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .mobile-submenu-expand,
- .desktop-submenu-expand {
- margin-right: #{0.5 * $size__spacing-unit};
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Priority+ Menu */
+ &.main-menu-more-toggle {
+
+ position: relative;
+ height: 24px;
+ line-height: $font__line-height-heading;
+ width: 24px;
+ padding: 0;
+ margin-left: #{0.5 * $size__spacing-unit};
+
+ svg {
+ height: 24px;
+ width: 24px;
+ top: #{-0.125 * $size__spacing-unit};
+ vertical-align: text-bottom;
+ }
+ }
+
+ 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><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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:last-child > a,
+ &:last-child.menu-item-has-children .submenu-expand {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .is-hidden {
+ 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"> .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: $color__link;
</del><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"> color: $color__background-body;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: left;
</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><span class="cx" style="display: block; padding: 0 10px"> left: -999px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -94,22 +117,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 99999;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: max-content;
- max-width: calc(3 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
</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"> > li {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- clear: both;
</del><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</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">- word-break: break-word;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.menu-item-has-children {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .mobile-submenu-expand,
- .desktop-submenu-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .submenu-expand {
+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc( 24px + #{$size__spacing-unit} );
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -124,12 +147,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">- .mobile-submenu-expand,
- .desktop-submenu-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .submenu-expand {
</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><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .menu-item-has-children > a {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -139,11 +162,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">- > a:not(.mobile-submenu-expand) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ > a,
+ > .menu-item-link-return {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-body;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</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"> padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: nowrap;
</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"> &:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -156,6 +182,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"> &.mobile-parent-nav-menu-item {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-sm;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -170,39 +197,121 @@
</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">+ * Sub-menu styles
+ *
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .main-menu .menu-item-has-children:focus-within > .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><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">- width: calc( 100vw - #{$size__spacing-unit * 2});
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /* Non-mobile position */
+ @include media(tablet) {
+ display: block;
+ margin-top: 0;
+ opacity: 1;
+ position: absolute;
+ left: 0;
+ right: auto;
+ top: auto;
+ bottom: auto;
+ height: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
+ transform: none;
+ }
+
+ &.hidden-links {
+ left: 0;
+ width: 100%;
+ display: table;
+ position: absolute;
+
+ @include media(tablet) {
+ right: 0;
+ left: auto;
+ display: block;
+ width: max-content;
+ }
+ }
+
+ .submenu-expand {
+ display: none;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .sub-menu {
</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">+ display: block;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
+ left: 0;
+ opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px">
</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"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-left: 0;
- position: absolute;
- left: 100%;
- width: max-content;
- top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ float: none;
+ max-width: 100%;
</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">+
+ /* Nested sub-menu padding: 10 levels deep */
+ .sub-menu li > a:before {
+ font-family: $font__body;
+ font-weight: normal;
+ }
+ .sub-menu > li > a:before {
+ content: "\2013\00a0";
+ }
+ .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
</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-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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+ .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+ .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+
+ display: block;
+ left: 0;
+ margin-top: 0;
+ opacity: 1;
+ width: auto;
+ min-width: 100%;
+
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</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">- display: table;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: block;
+ float: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -211,67 +320,152 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> bottom: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: max-content;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
</ins><span class="cx" style="display: block; padding: 0 10px"> transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- animation: fade_in 0.1s forwards;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.hidden-links {
+ left: 0;
+ width: 100%;
+ display: table;
+ position: absolute;
</ins><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-top: inherit;
- padding-left: 0;
- position: absolute;
- left: 100%;
- top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: 0;
+ left: auto;
+ display: table;
+ width: max-content;
</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">- }
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .submenu-expand {
+ display: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: table;
- margin-top: 0;
- opacity: 1;
- padding-left: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ left: 0;
+ opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* 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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Non-mobile position */
+ @include media(tablet) {
+ float: none;
+ max-width: 100%;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- > .mobile-parent-nav-menu-item {
- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Nested sub-menu padding: 10 levels deep */
+ .sub-menu li > a:before {
+ font-family: $font__body;
+ font-weight: normal;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .sub-menu > li > a:before {
+ content: "\2013\00a0";
+ }
+ .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
+ .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+ }
</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">- /* Only show one submenu expand button at a time (desktop vs mobile) */
- .desktop-submenu-expand {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Full-screen touch device styles
+ */
+ .main-menu .menu-item-has-children.off-canvas .sub-menu {
</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(tablet) {
- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ animation: fade_in 0.1s forwards;
+
+ .submenu-expand .svg-icon {
+ transform: rotate(270deg);
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .mobile-submenu-expand {
- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .sub-menu {
+ opacity: 0;
+ position: absolute;
+ z-index: 0;
+ transform: translateX(-100%);
+ }
</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(tablet) {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ li:hover,
+ li:focus,
+ li > a:hover,
+ li > a:focus {
+ background-color: transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.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: 100vw;
+ height: 100vh;
+ max-width: 100vw;
+ transform: translateX(+100%);
+ animation: slide_in_right 0.3s forwards;
+
+ > .mobile-parent-nav-menu-item {
+ display: block;
+ }
+
+ /* Prevent menu from being blocked by admin bar */
+ .admin-bar & {
+ top: 46px;
+ height: calc( 100vh - 46px );
+
+ .sub-menu.expanded-true {
+ top: 0;
+ }
+
+ /* WP core breakpoint */
+ @media only screen and ( min-width: 782px ) {
+ top: 32px;
+ height: calc( 100vh - 32px );
+
+ .sub-menu.expanded-true {
+ top: 0;
+ }
+ }
+ }
+ }
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* Menu Animation */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Menu animation */
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @keyframes slide_in_right {
</span><span class="cx" style="display: block; padding: 0 10px"> 100% {
</span></span></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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss 2018-11-12 23:19:13 UTC (rev 43892)
</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"> @import "menu-main-navigation";
</span><span class="cx" style="display: block; padding: 0 10px"> @import "menu-social-navigation";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "menu-footer-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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,12 +4,12 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) $size__site-margins;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</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"> max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,7 +21,7 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><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">@@ -28,8 +28,8 @@
</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"> flex-direction: row;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 $size__site-margins;
+ max-width: $size__site-desktop-content;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -123,6 +123,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">+ a:focus {
+ text-decoration: underline;
+ outline-offset: -1px;
+
+ &.prev,
+ &.next {
+ text-decoration: none;
+
+ .nav-prev-text,
+ .nav-next-text {
+ text-decoration: underline;
+ }
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .nav-next-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .nav-prev-text {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -130,7 +145,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: calc(2 * (100vw / 12) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: $size__site-margins;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .prev,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -155,12 +170,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .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><del style="background-color: #fdd; 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));
- }
</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"> .nav-previous,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,13 +193,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 -0.35em;
</span><span class="cx" style="display: block; padding: 0 10px"> top: -1px;
</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 {
-
- &:hover {
- color: $color__link;
- }
- }
</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"> .nav-next {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssitefooter_sitefooterscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,12 +4,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-area,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-info {
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
</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"> .imprint {
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,11 +2,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Hide overflow for overflowing featured image */
+ overflow: hidden;
+
</ins><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="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add text shadow to text, to increase readability. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-shadow: 0 1px 2px rgba(black, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set white text color when featured image is set. */
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding .site-title,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -54,91 +57,122 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation svg,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-featured-image svg {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
- filter: drop-shadow(0 1px 2px rgba(black, 0.35) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35) );
+ filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 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"> /* Entry header */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-featured-image .entry-header {
- margin-top: calc( 4 * #{$size__spacing-unit});
- margin-bottom: 0;
- margin-left: 0;
- margin-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* First layer: grayscale. */
+ .post-thumbnail img {
+ height: auto;
+ left: 50%;
+ max-width: 1000%;
+ min-height: 100%;
+ min-width: 100vw;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ width: auto;
+ z-index: 1;
</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 (tablet) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @supports ( object-fit: cover ) {
+ height: 100%;
+ left: 0;
+ object-fit: cover;
+ top: 0;
+ transform: none;
+ width: 100%;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: calc(2 * (100vw / 12));
- margin-right: calc(2 * (100vw / 12));
- }
-
- .entry-title {
-
- &:before {
- background: $color__background-body;
</del><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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Entry meta */
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc( 4 * #{$size__spacing-unit});
+ margin-bottom: 0;
+ margin-left: 0;
+ margin-right: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 500;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media (tablet) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- > span {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: $size__site-margins;
+ margin-right: $size__site-margins;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: $size__spacing-unit;
- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-title {
</ins><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 {
- margin-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:before {
+ 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><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">+ /* Entry meta */
</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 link-transition;
- color: currentColor;
</del><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:hover {
- text-decoration: none;
- }
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 500;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .svg-icon {
- position: relative;
- display: inline-block;
- vertical-align: middle;
- margin-right: 0.5em;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ > span {
</ins><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: none;
- }
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: $size__spacing-unit;
+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.has-discussion {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:last-child {
+ margin-right: 0;
+ }
+ }
</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 (tablet) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-meta {
- display: flex;
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include link-transition;
+ color: currentColor;
+
+ &:hover {
+ text-decoration: none;
+ }
</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-title {
- padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .svg-icon {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 0.5em;
</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-meta .comment-count {
- position: absolute;
- right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .discussion-avatar-list {
+ display: 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">+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-meta .discussion-avatar-list {
- display: block;
- position: absolute;
- bottom: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.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"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -170,7 +204,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"> /* Set up image filter layer positioning */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-branding-container:before,
</del><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-featured-image:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-featured-image:after,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -184,7 +217,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"> /* Background & Effects */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Shared background settings between pseudo elements. See .site-branding-container */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Shared background settings between pseudo elements. */
</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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -191,19 +224,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* First layer: grayscale. */
- .site-branding-container:before {
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- z-index: 1;
-
- /* When image filters are active, make it grayscale to colorize it blue. */
- .image-filters-enabled & {
- filter: grayscale(100%);
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Second layer: screen. */
</span><span class="cx" style="display: block; padding: 0 10px"> .image-filters-enabled & .site-featured-image:before {
</span><span class="cx" style="display: block; padding: 0 10px"> background: $color__link;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -212,8 +232,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"> /* Third layer: multiply. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* When image filters are inactive, a black overlay is added. */
- .site-featured-image:after {
</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 {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: .7;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -233,7 +253,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fourth layer: overlay. */
</span><span class="cx" style="display: block; padding: 0 10px"> .image-filters-enabled & .site-branding-container:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: rgba(#000, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -252,7 +272,7 @@
</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">- opacity: 0.7;
</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><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* When image filters are active, a blue overlay is added. */
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteheader_siteheaderscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,7 +33,7 @@
</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">- margin: 0 calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 $size__site-margins;
</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,7 +48,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 * 100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% + (1.25 * #{$size__spacing-unit}));
</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">@@ -56,7 +56,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .custom-logo-link {
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 0 0 0 rgba(black, 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 32px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -70,7 +70,7 @@
</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(black, 1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 0 0 2px rgba(0, 0, 0, 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"> @include media(tablet) {
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,8 +5,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: $size__spacing-unit $size__spacing-unit 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"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 $size__site-margins $size__site-margins;
</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"> .page-title {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -42,7 +41,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .hfeed .entry .entry-header {
</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)) calc(#{ $size__spacing-unit } / 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,7 +55,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * #{$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)) calc(#{ $size__spacing-unit } / 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * #{$size__spacing-unit}) $size__site-margins calc(#{ $size__spacing-unit } / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,7 +7,23 @@
</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 {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
+ @include postContentMaxWidth();
</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) {
+ margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
+ }
+
+ & > * {
+ margin-top: calc(2 * #{$size__spacing-unit});
+ margin-bottom: calc(2 * #{$size__spacing-unit});
+
+ @include media(tablet) {
+ margin-top: calc(3 * #{$size__spacing-unit});
+ margin-bottom: calc(3 * #{$size__spacing-unit});
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Add extra margin when the comments section is located immediately after the
</span><span class="cx" style="display: block; padding: 0 10px"> * post itself (this happens on pages).
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,29 +31,12 @@
</span><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">- .comment-list,
- .comment-navigation,
- > .comment-respond,
- .comment-form-flex,
- .no-comments {
- margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
-
- @include media(tablet) {
- margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
- }
- }
-
</del><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">- margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit;
-
</del><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-title {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -123,7 +122,8 @@
</span><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">- .pingback {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .pingback,
+ .trackback {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-body {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -130,6 +130,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-xs;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: $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">
</span><span class="cx" style="display: block; padding: 0 10px"> a:not(.comment-edit-link) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -150,9 +151,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-reply {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(#{$size__spacing-unit} + 100%);
- bottom: 0;
- position: absolute;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #respond + & {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -170,30 +168,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.depth-1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .children {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.depth-1 {
+ margin-left: calc(3.25 * #{$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-body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(2 * #{$size__spacing-unit}) 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(2 * #{$size__spacing-unit}) 0 0;
</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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-meta {
</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">-
- @include media(tablet) {
- display: flex;
- }
</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-author {
</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) {
- flex: 0 0 auto;
- vertical-align: baseline;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .avatar {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: $size__spacing-unit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -212,11 +207,6 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include media(tablet) {
- display: inline-block;
- vertical-align: baseline;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> a {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -252,16 +242,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-metadata {
</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) {
- flex: 1 0 auto;
- margin-left: $size__spacing-unit;
- position: relative;
- vertical-align: baseline;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> > a,
</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">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -271,7 +254,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"> &:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-hover;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__link-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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -312,6 +295,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin: $size__spacing-unit 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(desktop) {
+ padding-right: $size__spacing-unit;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> > *: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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -320,6 +307,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">+ blockquote {
+ margin-left: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteprimary_postsandpagesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -38,7 +38,7 @@
</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">- margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * #{ $size__spacing-unit}) $size__site-margins $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">@@ -100,12 +100,12 @@
</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: $size__spacing-unit calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit});
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: $size__spacing-unit $size__site-margins calc(3 * #{$size__spacing-unit});
+ max-width: $size__site-tablet-content;
</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"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $size__site-desktop-content;
</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">@@ -114,7 +114,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: $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: $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 $size__site-margins;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -130,7 +130,6 @@
</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">-
</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"> .image-filters-enabled & {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -141,9 +140,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-thumbnail-inner {
</span><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">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><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: rgba(#000, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: rgba(0, 0, 0, 0.35);
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,7 +159,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">- &:before, &:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:before,
+ &: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">@@ -171,10 +171,22 @@
</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><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,
+ .entry-summary {
+ max-width: calc(100% - (2 * #{ $size__spacing-unit }));
+ margin: 0 $size__spacing-unit;
+
+ @include media(tablet) {
+ max-width: 80%;
+ margin: 0 10%;
+ padding: 0 60px;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -208,29 +220,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Overwrite iframe embeds that have inline styles.
</span><span class="cx" style="display: block; padding: 0 10px"> > iframe[style] {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px $size__spacing-unit !important;
- max-width: calc(100vw - (2 * #{ $size__spacing-unit })) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 32px 0 !important;
+ max-width: 100% !important;
</ins><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: 32px calc(2 * (100vw / 12)) !important;
- max-width: calc(8 * (100vw / 12)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $size__site-tablet-content !important;
</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"> @include media(desktop) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $size__site-desktop-content !important;
</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">+ // Page links
+ .page-links a {
+ margin: calc(0.5 * #{$size__spacing-unit});
+ text-decoration: none;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Classic editor audio embeds.
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-audio-shortcode {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - (2 * #{ $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">- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $size__site-tablet-content;
</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"> @include media(desktop) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $size__site-desktop-content;
</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">@@ -239,16 +256,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Author description */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio {
</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 $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include postContentMaxWidth();
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
</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">- @include media(tablet) {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(desktop) {
+ margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
</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"> .author-title {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssitesecondary_widgetsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,8 +16,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"> .widget_archive,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_categories,
+.widget_meta,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_nav_menu,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_meta,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_pages,
+.widget_recent_comments,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_entries,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,24 +32,25 @@
</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-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: calc(#{$font__size_base} * #{$font__size-ratio});
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: #{0.5 * $size__spacing-unit};
+ margin-bottom: #{0.5 * $size__spacing-unit};
+ }
</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(.menu-item-has-children) {
- padding-bottom: ( .75 * $size__spacing-unit );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include nestedSubMenuPadding();
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ul {
- padding-left: $size__spacing-unit;
- }
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_tag_cloud {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.sub-menu {
- padding-top: ( .75 * $size__spacing-unit );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .tagcloud {
+ font-family: $font__heading;
+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_search {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .search-submit {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,4 +57,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
+
+.widget_calendar .calendar_wrap {
+ text-align: center;
+ font-family: $font__heading;
+
+ table td,
+ table th {
+ border: none;
+ }
+
+ a {
+ text-decoration: underline;
+ }
</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="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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,7 +3,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-dfn, cite, em, i {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+dfn,
+cite,
+em,
+i {
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,7 +26,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: 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">-code, kbd, tt, var {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+code,
+kbd,
+tt,
+var {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-sm;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__code;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,7 +39,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: help;
</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">-mark, ins {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+mark,
+ins {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #fff9c0;
</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></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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +1,35 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-link,
+.comment-metadata,
+.comment-reply-link,
+.comments-title,
+.comment-author .fn,
+.discussion-meta-info,
+.entry-meta,
+.entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.no-comments,
+.not-found .page-title,
+.error-404 .page-title,
+.post-navigation .post-title,
+.page-links,
</ins><span class="cx" style="display: block; padding: 0 10px"> .page-description,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h2.author-title,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links,
+.sticky-post,
+.site-title,
+.site-info,
+#cancel-comment-reply-link,
+img:after,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: $font__heading;
+}
+
+.main-navigation,
+.page-description,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-description .author-link,
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,8 +39,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-author .fn,
</span><span class="cx" style="display: block; padding: 0 10px"> .no-comments,
</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">-h1, h2, h3, h4, h5, h6 {
- font-family: $font__heading;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: -0.02em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,21 +52,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-info,
-.page-description,
-.post-navigation .post-title,
-.comment-metadata,
-.discussion-meta-info,
-.entry-meta,
-.entry-footer,
-.comment-reply-link,
-#cancel-comment-reply-link,
-img:after,
-.page-links,
-.sticky-post {
- font-family: $font__heading;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .page-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__body;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasstypography_typographyscss"></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/_typography.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/_typography.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_typography.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -30,3 +30,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @import "headings";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @import "copy";
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+@include non-latin-fonts();
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassvariablessite_fontsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,4 +20,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $font__line-height-body: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> $font__line-height-pre: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> $font__line-height-heading: 1.2;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$font__line-height-double: 2 * $font__line-height-heading;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$font__line-height-double: 2 * $font__line-height-heading;
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassvariablessite_structurescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_structure.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_structure.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/variables-site/_structure.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,10 +3,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $size__spacing-unit: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> $size__site-main: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> $size__site-sidebar: 25%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$size__site-margins: calc(10% + 60px);
+$size__site-tablet-content: calc(8 * (100vw / 12) - 28px);
+$size__site-desktop-content: calc(6 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Responsive widths.
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$mobile_width: 380px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$mobile_width: 600px;
</ins><span class="cx" style="display: block; padding: 0 10px"> $tablet_width: 768px;
</span><span class="cx" style="display: block; padding: 0 10px"> $desktop_width: 1168px;
</span><span class="cx" style="display: block; padding: 0 10px"> $wide_width: 1379px;
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/search.php 2018-11-12 23:19:13 UTC (rev 43892)
</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">
</span><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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php esc_html_e( 'Search results for:', 'twentynineteen' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'Search results for:', 'twentynineteen' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </h1>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="page-description"><?php echo get_search_query(); ?></div>
</span><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .page-header -->
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/single.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -55,7 +55,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><span class="cx" style="display: block; padding: 0 10px"> </section><!-- #primary -->
</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/post', 'navigation' ); ?>
-
</del><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="branches50srcwpcontentthemestwentynineteenstyleeditorcustomizercss"></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-customizer.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-customizer.css 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.css 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,95 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*!
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-Twenty Nineteen Customizer Styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Includes === */
+/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
+ * since its edges can look jagged due to lack of antialiasing. In this case, we are several
+ * layers of box-shadow to add the border visually, which will render the border smoother. */
+/* Fallback for non-latin fonts */
+/* Calculates maximum width for post content */
+/* Nested sub-menu padding: 10 levels deep */
+/** === Non-Latin font fallbacks === */
+/* Arabic */
+html[lang="ar"] .wp-block *,
+html[lang="ary"] .wp-block *,
+html[lang="azb"] .wp-block *,
+html[lang="ckb"] .wp-block *,
+html[lang="fa-IR"] .wp-block *,
+html[lang="haz"] .wp-block *,
+html[lang="ps"] .wp-block * {
+ font-family: Tahoma, Arial, sans-serif !important;
+}
+
+/* Cyrillic */
+html[lang="be"] .wp-block *,
+html[lang="bg-BG"] .wp-block *,
+html[lang="kk"] .wp-block *,
+html[lang="mk-MK"] .wp-block *,
+html[lang="mn"] .wp-block *,
+html[lang="ru-RU"] .wp-block *,
+html[lang="sah"] .wp-block *,
+html[lang="sr-RS"] .wp-block *,
+html[lang="tt-RU"] .wp-block *,
+html[lang="uk"] .wp-block * {
+ font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
+}
+
+/* Chinese (Hong Kong) */
+html[lang="zh-HK"] .wp-block * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Chinese (Taiwan) */
+html[lang="zh-TW"] .wp-block * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Chinese (China) */
+html[lang="zh-CN"] .wp-block * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Devanagari */
+html[lang="bn-BD"] .wp-block *,
+html[lang="hi-IN"] .wp-block *,
+html[lang="mr"] .wp-block *,
+html[lang="ne-NP"] .wp-block * {
+ font-family: Arial, sans-serif !important;
+}
+
+/* Greek */
+html[lang="el"] .wp-block * {
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+}
+
+/* Gujarati */
+html[lang="gu"] .wp-block * {
+ font-family: Arial, sans-serif !important;
+}
+
+/* Hebrew */
+html[lang="he-IL"] .wp-block * {
+ font-family: 'Arial Hebrew', Arial, sans-serif !important;
+}
+
+/* Japanese */
+html[lang="ja"] .wp-block * {
+ font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
+}
+
+/* Korean */
+html[lang="ko-KR"] .wp-block * {
+ font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
+}
+
+/* Thai */
+html[lang="th"] .wp-block * {
+ font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
+}
+
+/* Vietnamese */
+html[lang="vi"] .wp-block * {
+ font-family: 'Libre Franklin', sans-serif !important;
+}
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorcustomizerscss"></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-customizer.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-customizer.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*!
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-Twenty Nineteen Customizer Styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
-*/
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
+*/
+
+/** === Includes === */
+
+@import "sass/mixins/mixins-master";
+
+/** === Non-Latin font fallbacks === */
+
+@include non-latin-fonts( '.wp-block' );
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorframecss"></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/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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor-frame.css 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,60 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!
-Twenty Nineteen Editor Frame Styles
-
-NOTE: This file customizes items that are out of the normal scope of style-editor.css due to the auto-prefixing functionality associated with add_editor_style(). When that file is able to edit the post title and a container similar to .edit-post-layout, these styles should be migrated into style-editor.css.
-*/
-/** === Includes === */
-/* If we add the border using a regular CSS border, it won't look good on non-retina devices,
- * since its edges can look jagged due to lack of antialiasing. In this case, we are several
- * layers of box-shadow to add the border visually, which will render the border smoother. */
-/** === Title === */
-body.block-editor-page .block-editor .editor-post-title__block:before {
- background: #767676;
- content: "\020";
- display: block;
- height: 2px;
- margin: 1rem 0;
- width: 1em;
-}
-
-body.block-editor-page .block-editor .editor-post-title__block:before {
- width: 2.8125em;
- margin-top: 0;
- margin-bottom: 0;
- margin-left: 1em;
- position: relative;
- top: 0.5em;
-}
-
-body.block-editor-page .block-editor .editor-post-title__block .editor-post-title__input {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
- font-size: 2.8125em;
-}
-
-/** === Default Appender === */
-body.block-editor-page .block-editor .editor-default-block-appender__content {
- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
- font-size: 22px;
-}
-
-/** === Off-Center Content === */
-@media only screen and (min-width: 768px) {
- body.block-editor-page .block-editor .edit-post-layout .editor-writing-flow {
- max-width: 80%;
- margin: 0 10%;
- }
- 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 {
- margin-left: 0;
- margin-right: 0;
- }
- body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block[data-align="full"] {
- width: calc( 125% + 88px + 28px);
- position: relative;
- left: calc( -12.5% - 46px - 14px);
- }
- body.block-editor-page .block-editor .edit-post-layout .editor-block-list__block[data-align="right"] {
- max-width: 125%;
- }
-}
</del></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorframescss"></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/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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor-frame.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,67 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/*!
-Twenty Nineteen Editor Frame Styles
-
-NOTE: This file customizes items that are out of the normal scope of style-editor.css due to the auto-prefixing functionality associated with add_editor_style(). When that file is able to edit the post title and a container similar to .edit-post-layout, these styles should be migrated into style-editor.css.
-*/
-
-/** === Includes === */
-
-@import "sass/variables-site/variables-site";
-@import "sass/variables-site/colors";
-@import "sass/mixins/mixins-master";
-
-/** === Title === */
-
-body.block-editor-page .block-editor .editor-post-title__block {
- @include post-section-dash;
-
- &:before {
- width: $font__size-xxl;
- margin-top: 0;
- margin-bottom: 0;
- margin-left: 1em;
- position: relative;
- top: 0.5em;
- }
-
- .editor-post-title__input {
- font-family: $font__heading;
- font-size: $font__size-xxl;
- }
-}
-
-/** === Default Appender === */
-
-body.block-editor-page .block-editor .editor-default-block-appender__content {
- font-family: $font__body;
- font-size: $font__size_base;
-}
-
-/** === Off-Center Content === */
-
-body.block-editor-page .block-editor .edit-post-layout {
-
- @include media(tablet) {
- .editor-writing-flow {
- max-width: 80%;
- margin: 0 10%;
- }
-
- .editor-post-title__block,
- .editor-default-block-appender,
- .editor-block-list__block {
- margin-left: 0;
- margin-right: 0;
- }
-
- .editor-block-list__block[data-align="full"] {
- width: calc( 125% + 88px + 28px );
- position: relative;
- left: calc( -12.5% - 46px - 14px );
- }
-
- .editor-block-list__block[data-align="right"] {
- max-width: 125%;
- }
- }
-}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,20 +5,53 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Fallback for non-latin fonts */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Calculates maximum width for post content */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Nested sub-menu padding: 10 levels deep */
+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdV
LwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQ
IFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Editor Frame === */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 600px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+body .wp-block[data-align="full"] {
+ width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+ body {
+ padding-top: 0;
+ }
+ body :not(.editor-inner-blocks) > .editor-block-list__layout,
+ body .editor-post-title {
+ padding-left: 0;
+ padding-right: 0;
+ }
+ body .editor-writing-flow {
+ padding-top: 50px;
+ overflow: hidden;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> body .wp-block[data-align="full"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc( 100% + 90px);
- max-width: calc( 100% + 90px);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
+ left: 45px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body {
- overflow-x: hidden;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body :not(.editor-inner-blocks) > .editor-block-list__layout,
+ body .editor-post-title {
+ padding-left: 46px;
+ padding-right: 46px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body .editor-writing-flow {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body .editor-block-list__layout,
+ body .editor-post-title {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 80%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 10%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -67,7 +100,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Base Typography === */
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ line-height: 1.8;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -196,6 +230,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-post-title__block .editor-post-title__input {
</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"> font-size: 2.8125em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Default Appender === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -204,6 +239,11 @@
</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="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Heading === */
+.wp-block-heading strong {
+ font-weight: bolder;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Paragraph === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
</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">@@ -217,40 +257,74 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover .wp-block-cover-text {
</span><span class="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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 2.25em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 1.6875em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: 1rem;
+ padding-right: 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">-.wp-block-cover.has-left-content h2,
-.wp-block-cover.has-left-content .wp-block-cover-text {
- padding: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-cover h2 strong,
+.wp-block-cover .wp-block-cover-text strong {
+ font-weight: bolder;
</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-cover.has-right-content h2,
-.wp-block-cover.has-right-content .wp-block-cover-text {
- padding: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .wp-block-cover h2,
+ .wp-block-cover .wp-block-cover-text {
+ margin-left: auto;
+ margin-right: auto;
+ padding: 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">-.wp-block[data-type="core/cover"][data-align="left"] h2,
-.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
-.wp-block[data-type="core/cover"][data-align="right"] h2,
-.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .wp-block-cover {
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+ .wp-block-cover h2,
+ .wp-block-cover .wp-block-cover-text {
+ font-size: 2.25em;
+ }
+}
+
+.wp-block[data-type="core/cover"][data-align="left"] .editor-block-list__block-edit,
+.wp-block[data-type="core/cover"][data-align="right"] .editor-block-list__block-edit {
+ width: calc(4 * (100vw / 12));
+}
+
+.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover,
+.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
</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">- max-width: 305px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 100%;
</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) {
+ .wp-block[data-type="core/cover"][data-align="wide"] h2,
+ .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
+ .wp-block[data-type="core/cover"][data-align="full"] h2,
+ .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
</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"> .wp-block[data-type="core/cover"][data-align="wide"] h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="full"] h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0;
- width: calc(6 * (100vw / 12));
</del><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">+@media only screen and (min-width: 768px) {
+ .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover {
+ padding-left: calc(10% + 64px);
+ padding-right: calc(10% + 64px);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Gallery === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-image figcaption,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery .blocks-gallery-item figcaption,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -318,25 +392,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Pullquote === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #000;
</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-pullquote blockquote {
+ margin-top: calc(3 * 1rem);
+ margin-bottom: calc(3.33 * 1rem);
+ hyphens: auto;
+ word-break: break-word;
+}
+
+.wp-block-pullquote:not(.is-style-solid-color) .wp-block-pullquote__citation {
+ color: #767676;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(100vw - (2 * 1rem));
- max-width: 80%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc(100% - (2 * 1rem));
+ max-width: calc( 100% - (2 * 1rem));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 80%;
</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">-@media only screen and (min-width: 1168px) {
- .wp-block-pullquote.is-style-solid-color blockquote {
- width: calc(6 * (100vw / 12));
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -345,13 +425,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote blockquote {
- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
- word-break: break-word;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/pullquote"] p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -399,6 +472,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc(4 * (100vw / 12));
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</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">@@ -423,6 +497,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</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) {
+ .wp-block[data-type="core/pullquote"][data-align="full"] .wp-block-pullquote blockquote {
+ max-width: calc(80% - 128px);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === File === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -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">@@ -487,16 +567,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ul.wp-block-archives li,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-categories li,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts li {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
</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: calc(22px * 1.125);
</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: 1.2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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">-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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul.wp-block-archives li.menu-item-has-children, ul.wp-block-archives li:last-child,
+.wp-block-categories li.menu-item-has-children,
+.wp-block-categories li:last-child,
+.wp-block-latest-posts li.menu-item-has-children,
+.wp-block-latest-posts li:last-child {
+ padding-bottom: 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"> ul.wp-block-archives li a,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -511,6 +595,57 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-categories ul {
+ padding-top: 0.75rem;
+}
+
+.wp-block-categories ul ul li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.wp-block-categories ul ul > li > a:before {
+ content: "\2013\00a0";
+}
+
+.wp-block-categories ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.wp-block-categories ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.wp-block-categories ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.wp-block-categories ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.wp-block-categories ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.wp-block-categories ul ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.wp-block-categories li ul {
+ list-style: none;
+ padding-left: 0;
+ margin-bottom: -0.75rem;
+}
+
</ins><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></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,22 +8,58 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @import "sass/variables-site/colors";
</span><span class="cx" style="display: block; padding: 0 10px"> @import "sass/mixins/mixins-master";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVL
wSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
+ url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQ
AAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
+
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Editor Frame === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Non-standard media query necessary to override a Gutenberg breakpoint style.
- @media screen and (min-width: 600px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block[data-align="full"] {
+ width: 100%;
+ }
+
+ @include media(mobile) {
+ padding-top: 0;
+
+ :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
+ .editor-post-title {
+ padding-left: 0;
+ padding-right: 0;
+ }
+
+ .editor-writing-flow {
+ padding-top: 50px;
+ overflow: hidden;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="full"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc( 100% + 90px );
- max-width: calc( 100% + 90px );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
+ left: 45px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- overflow-x: hidden;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .editor-writing-flow {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ :not(.editor-inner-blocks) > .editor-block-list__layout, // Target only the top level layout element, or nested blocks will also be affected.
+ .editor-post-title {
+ padding-left: 46px;
+ padding-right: 46px;
+ }
+
+ .editor-block-list__layout,
+ .editor-post-title {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 80%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 10%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -66,6 +102,7 @@
</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"> }
</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 the top level blocks need specific widths, therefore override for every nested block.
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-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="lines" style="display: block; padding: 0 10px; color: #888">@@ -75,7 +112,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size_base;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: $font__body;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: 'NonBreakingSpaceOverride', $font__body;
+ line-height: $font__line-height-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-main;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -147,15 +185,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.has-primary-background-color {
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-primary-background-color {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> p,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h1,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ h1,
</ins><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="cx" style="display: block; padding: 0 10px"> h4,
</span><span class="cx" style="display: block; padding: 0 10px"> h5,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h6,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> a,
</span><span class="cx" style="display: block; padding: 0 10px"> a:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-body;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -187,6 +225,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-post-title__input {
</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-xxl;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -197,6 +236,13 @@
</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="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Heading === */
+
+.wp-block-heading {
+ strong {
+ font-weight: bolder;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Paragraph === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-paragraph {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -217,24 +263,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-text {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: $font__size-xl;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: $font__size-lg;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.4;
</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">+ padding-left: $size__spacing-unit;
+ padding-right: $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.has-left-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ strong {
+ font-weight: bolder;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h2,
- .wp-block-cover-text {
- padding: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ margin-left: auto;
+ margin-right: auto;
+ padding: 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.has-right-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ padding-left: 10%;
+ padding-right: 10%;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-text {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: $font__size-xl;
</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">@@ -242,10 +294,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="left"],
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="right"] {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h2,
- .wp-block-cover-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .editor-block-list__block-edit {
+ width: calc(4 * (100vw / 12));
+ }
+
+ .wp-block-cover {
</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">- max-width: 305px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -252,16 +307,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="wide"],
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/cover"][data-align="full"] {
</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) {
+
+ h2,
+ .wp-block-cover-text {
+ max-width: calc(8 * (100vw / 12));
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-text {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0;
- width: calc(6 * (100vw / 12));
</del><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><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[data-type="core/cover"][data-align="full"] {
+
+ @include media(tablet) {
+
+ .wp-block-cover {
+ padding-left: calc(10% + 64px);
+ padding-right: calc(10% + 64px);
+ }
+ }
+}
+
</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"> .wp-block-gallery {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -346,20 +419,28 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #000;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ blockquote {
+ margin-top: calc(3 * #{ $size__spacing-unit});
+ margin-bottom: calc(3.33 * #{ $size__spacing-unit});
+ hyphens: auto;
+ word-break: break-word;
+ }
+
+ &:not(.is-style-solid-color) .wp-block-pullquote__citation {
+ color: $color__text-light;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.is-style-solid-color {
</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">- width: calc(100vw - (2 * #{ $size__spacing-unit}));
- max-width: 80%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc(100% - (2 * #{ $size__spacing-unit}));
+ max-width: calc( 100% - (2 * #{ $size__spacing-unit}));
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 80%;
</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) {
- width: calc(6 * (100vw / 12));
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote:not(.has-text-color) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -370,11 +451,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- blockquote {
- hyphens: auto;
- word-break: break-word;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/pullquote"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -411,6 +487,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-type="core/pullquote"][data-align="right"] {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__block-edit {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc(4 * (100vw / 12));
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote:not(.is-style-solid-color) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -430,6 +507,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="full"] {
+
+ @include media(tablet) {
+
+ .wp-block-pullquote blockquote {
+ max-width: calc(80% - 128px);
+ }
+ }
+}
+
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === File === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -501,13 +589,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"> li {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__text-light;
</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: calc(#{$font__size_base} * #{$font__size-ratio});
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-bottom: ( .75 * $size__spacing-unit );
</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(.menu-item-has-children) {
- padding-bottom: ( .75 * $size__spacing-unit );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.menu-item-has-children,
+ &:last-child {
+ padding-bottom: 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"> a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -520,6 +611,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">+.wp-block-categories {
+
+ ul {
+ padding-top: ( .75 * $size__spacing-unit );
+ @include nestedSubMenuPadding();
+ }
+
+ li ul {
+ list-style: none;
+ padding-left: 0;
+ margin-bottom: ( -.75 * $size__spacing-unit );
+ }
+
+}
+
</ins><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 {
</span><span class="cx" style="display: block; padding: 0 10px"> li {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,7 +56,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Fallback for non-latin fonts */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Calculates maximum width for post content */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Nested sub-menu padding: 10 levels deep */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Normalize */
</span><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -134,8 +136,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: underline dotted;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 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">@@ -420,9 +421,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-rendering: optimizeLegibility;
</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-link,
+.comment-metadata,
+.comment-reply-link,
+.comments-title,
+.comment-author .fn,
+.discussion-meta-info,
+.entry-meta,
+.entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.no-comments,
+.not-found .page-title,
+.error-404 .page-title,
+.post-navigation .post-title,
+.page-links,
</ins><span class="cx" style="display: block; padding: 0 10px"> .page-description,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h2.author-title,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links,
+.sticky-post,
+.site-title,
+.site-info,
+#cancel-comment-reply-link,
+img:after,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+
+.main-navigation,
+.page-description,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-description .author-link,
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -432,8 +462,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-author .fn,
</span><span class="cx" style="display: block; padding: 0 10px"> .no-comments,
</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">-h1, h2, h3, h4, h5, h6 {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: -0.02em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -441,21 +475,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-info,
-.page-description,
-.post-navigation .post-title,
-.comment-metadata,
-.discussion-meta-info,
-.entry-meta,
-.entry-footer,
-.comment-reply-link,
-#cancel-comment-reply-link,
-img:after,
-.page-links,
-.sticky-post {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .page-title {
</span><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"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -558,9 +577,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .error-404 .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-title,
</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">- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ hyphens: auto;
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -567,9 +584,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Do not hyphenate entry title on tablet view and bigger. */
</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-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ hyphens: 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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -578,7 +593,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-dfn, cite, em, i {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+dfn,
+cite,
+em,
+i {
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -595,7 +613,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: 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">-code, kbd, tt, var {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+code,
+kbd,
+tt,
+var {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -605,7 +626,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: help;
</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">-mark, ins {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+mark,
+ins {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #fff9c0;
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -626,6 +648,89 @@
</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">+/* Arabic */
+html[lang="ar"] .site *,
+html[lang="ary"] .site *,
+html[lang="azb"] .site *,
+html[lang="ckb"] .site *,
+html[lang="fa-IR"] .site *,
+html[lang="haz"] .site *,
+html[lang="ps"] .site * {
+ font-family: Tahoma, Arial, sans-serif !important;
+}
+
+/* Cyrillic */
+html[lang="be"] .site *,
+html[lang="bg-BG"] .site *,
+html[lang="kk"] .site *,
+html[lang="mk-MK"] .site *,
+html[lang="mn"] .site *,
+html[lang="ru-RU"] .site *,
+html[lang="sah"] .site *,
+html[lang="sr-RS"] .site *,
+html[lang="tt-RU"] .site *,
+html[lang="uk"] .site * {
+ font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
+}
+
+/* Chinese (Hong Kong) */
+html[lang="zh-HK"] .site * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Chinese (Taiwan) */
+html[lang="zh-TW"] .site * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Chinese (China) */
+html[lang="zh-CN"] .site * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Devanagari */
+html[lang="bn-BD"] .site *,
+html[lang="hi-IN"] .site *,
+html[lang="mr"] .site *,
+html[lang="ne-NP"] .site * {
+ font-family: Arial, sans-serif !important;
+}
+
+/* Greek */
+html[lang="el"] .site * {
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+}
+
+/* Gujarati */
+html[lang="gu"] .site * {
+ font-family: Arial, sans-serif !important;
+}
+
+/* Hebrew */
+html[lang="he-IL"] .site * {
+ font-family: 'Arial Hebrew', Arial, sans-serif !important;
+}
+
+/* Japanese */
+html[lang="ja"] .site * {
+ font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
+}
+
+/* Korean */
+html[lang="ko-KR"] .site * {
+ font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
+}
+
+/* Thai */
+html[lang="th"] .site * {
+ font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
+}
+
+/* Vietnamese */
+html[lang="vi"] .site * {
+ font-family: 'Libre Franklin', sans-serif !important;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Elements */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</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">@@ -632,11 +737,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"> ::-moz-selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #bfdcea;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #bfdcea;
</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: #bfdcea;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #bfdcea;
</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">@@ -646,7 +751,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"> body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-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"> a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -667,12 +772,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1, h2, h3, h4, h5, h6 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><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">-h1:not(.site-title):before, h2:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1:not(.site-title):before,
+h2: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">@@ -747,11 +858,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-collapse: collapse;
</ins><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">-table td, table th {
- border-color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table td,
+table th {
+ padding: 0.5em;
+ border: 1px solid #767676;
+ word-break: break-all;
</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"> /* Forms */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -893,10 +1008,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.25rem;
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Sub-menu styles
+ *
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Only show one submenu expand button at a time (desktop vs mobile) */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Full-screen touch device styles
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body.page .main-navigation {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -908,7 +1027,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-navigation .main-menu {
</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: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</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">@@ -916,14 +1035,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
</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 .main-menu > li {
- position: relative;
- }
-}
-
</del><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -941,8 +1055,15 @@
</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 {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: inherit;
</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) {
+ .main-navigation .main-menu > li.menu-item-has-children {
+ position: relative;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li.menu-item-has-children > a {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.125rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -953,28 +1074,48 @@
</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.menu-item-has-children .mobile-submenu-expand svg,
-.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
+ display: inline-block;
+ margin-left: 0.5rem;
+ /* Priority+ Menu */
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
</ins><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">- top: 0.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 24px;
+ line-height: 1.2;
+ width: 24px;
+ padding: 0;
+ 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.menu-item-has-children .mobile-submenu-expand,
-.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
- margin-left: 0.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
+ height: 24px;
+ width: 24px;
+ top: -0.125rem;
+ vertical-align: text-bottom;
</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:last-child > a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
+ position: relative;
+ top: 0.2rem;
+}
+
+.main-navigation .main-menu > li:last-child > a,
+.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .is-hidden {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: right;
</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><span class="cx" style="display: block; padding: 0 10px"> right: -999px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -983,23 +1124,21 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
- max-width: calc(3 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
</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"> .main-navigation .sub-menu > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- clear: both;
</del><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</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">- word-break: break-word;
</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">-.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
-.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc( 24px + 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1010,13 +1149,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: calc( .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">-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
</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><del style="background-color: #fdd; 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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
</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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1026,18 +1163,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a,
+.main-navigation .sub-menu > li > .menu-item-link-return {
</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><span class="cx" style="display: block; padding: 0 10px"> padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: nowrap;
</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:not(.mobile-submenu-expand):hover, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
+.main-navigation .sub-menu > li > .menu-item-link-return:hover,
+.main-navigation .sub-menu > li > .menu-item-link-return: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:not(.mobile-submenu-expand):hover:after, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
+.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
+.main-navigation .sub-menu > li > .menu-item-link-return: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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1053,45 +1196,230 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc( .25 * 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">-.main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><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">- width: calc( 100vw - 2rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu padding: 10 levels deep */
</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">+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+ display: block;
+ right: 0;
+ margin-top: 0;
+ opacity: 1;
+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu padding: 10 levels deep */
</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 {
- padding-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
+ display: block;
+ margin-top: 0;
+ opacity: 1;
</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: 100%;
- width: -webkit-max-content;
- width: -moz-max-content;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: 0;
+ left: auto;
+ top: auto;
+ bottom: auto;
+ height: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
+ transform: none;
+ }
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+ display: block;
+ margin-top: 0;
+ opacity: 1;
+ position: absolute;
+ right: 0;
+ left: auto;
+ top: auto;
+ bottom: auto;
+ height: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
+ transform: none;
+ }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
+ right: 0;
+ width: 100%;
+ display: table;
+ position: absolute;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
+ right: 0;
+ width: 100%;
+ display: table;
+ position: absolute;
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
+ left: 0;
+ right: auto;
+ display: block;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: max-content;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- top: 0;
</del><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:not(.off-canvas):focus-within > .sub-menu.hidden-links {
+ left: 0;
+ right: auto;
+ display: block;
+ width: max-content;
+ }
</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,
-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
+ display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
+ display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ right: 0;
+ opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</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:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ right: 0;
+ opacity: 1;
+ /* Non-mobile position */
+}
+
</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">- .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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
+ float: none;
+ max-width: 100%;
+ }
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ float: none;
+ max-width: 100%;
+ }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
+ content: "\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
+ content: "\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+ display: block;
+ right: 0;
+ margin-top: 0;
+ opacity: 1;
+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu padding: 10 levels deep */
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+ display: block;
+ float: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1100,28 +1428,144 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> bottom: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
</ins><span class="cx" style="display: block; padding: 0 10px"> transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- animation: fade_in 0.1s forwards;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</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:not(.off-canvas):hover > .sub-menu.hidden-links,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
+ right: 0;
+ width: 100%;
+ display: table;
+ position: absolute;
+}
+
</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">- .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;
- padding-right: 0;
- position: absolute;
- right: 100%;
- top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
+ .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
+ left: 0;
+ right: auto;
+ display: table;
+ width: max-content;
</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">-.main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
+ display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ right: 0;
+ opacity: 1;
+ /* Non-mobile position */
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ float: none;
+ max-width: 100%;
+ }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
+ content: "\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
+ animation: fade_in 0.1s forwards;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
+ transform: rotate(-270deg);
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
+ opacity: 0;
+ position: absolute;
+ z-index: 0;
+ transform: translateX(100%);
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
+ background-color: transparent;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1134,37 +1578,39 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 100000;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Make sure appears above mobile admin bar */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 100%;
- height: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100vw;
+ height: 100vh;
+ max-width: 100vw;
</ins><span class="cx" style="display: block; padding: 0 10px"> transform: translateX(-100%);
</span><span class="cx" style="display: block; padding: 0 10px"> animation: slide_in_right 0.3s forwards;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Prevent menu from being blocked by admin bar */
</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 .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
+ display: 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 .desktop-submenu-expand {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+ top: 46px;
+ height: calc( 100vh - 46px);
+ /* WP core breakpoint */
</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 .desktop-submenu-expand {
- display: inline-block;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+ top: 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">-.main-navigation .mobile-submenu-expand {
- display: inline-block;
-}
-
-@media only screen and (min-width: 768px) {
- .main-navigation .mobile-submenu-expand {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 782px) {
+ .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+ top: 32px;
+ height: calc( 100vh - 32px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+ top: 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">-/* Menu Animation */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Menu animation */
</ins><span class="cx" style="display: block; padding: 0 10px"> @keyframes slide_in_right {
</span><span class="cx" style="display: block; padding: 0 10px"> 100% {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateX(0%);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1235,6 +1681,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(45deg);
</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">+/** === Footer menu === */
+.footer-navigation {
+ display: inline;
+}
+
+.footer-navigation > div {
+ display: inline;
+}
+
+.footer-navigation .footer-menu {
+ display: inline;
+ padding-right: 0;
+}
+
+.footer-navigation .footer-menu li {
+ display: inline;
+ margin-left: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Next / Previous
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1245,7 +1710,7 @@
</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"> .post-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px);
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1273,17 +1738,14 @@
</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 {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 calc(10% + 60px);
+ max-width: calc(6 * (100vw / 12) - 28px);
</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"> .post-navigation .nav-links a .meta-nav {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ user-select: 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"> .post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1295,9 +1757,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"> .post-navigation .nav-links a .post-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ hyphens: auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1362,6 +1822,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links a:focus {
+ text-decoration: underline;
+ outline-offset: -1px;
+}
+
+.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
+ text-decoration: none;
+}
+
+.pagination .nav-links a:focus.prev .nav-prev-text,
+.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
+.pagination .nav-links a:focus.next .nav-next-text {
+ text-decoration: underline;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links .nav-next-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links .nav-prev-text {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1369,7 +1844,7 @@
</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"> .pagination .nav-links {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(10% + 60px);
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links .prev > *,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1385,16 +1860,8 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 1rem;
</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">-@media only screen and (min-width: 1168px) {
- .comment-navigation .nav-links {
- margin: 0 calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
- }
-}
-
</del><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1423,11 +1890,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: -1px;
</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">-.comment-navigation .nav-previous a:hover,
-.comment-navigation .nav-next a:hover {
- color: #0073aa;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1437,8 +1899,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .screen-reader-text {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clip: rect(1px, 1px, 1px, 1px);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-clip-path: inset(50%);
- clip-path: inset(50%);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clip-path: inset(50%);
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 1px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1454,8 +1915,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
</span><span class="cx" style="display: block; padding: 0 10px"> clip: auto !important;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-clip-path: none;
- clip-path: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clip-path: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1480,14 +1940,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Alignments */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</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">- margin-left: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 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) {
+ .alignleft {
+ margin-right: calc(2 * 1rem);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</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">- margin-right: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 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) {
+ .alignright {
+ margin-left: calc(2 * 1rem);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .aligncenter {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1569,7 +2041,7 @@
</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"> .site-branding {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 calc(10% + 60px);
</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">@@ -1583,7 +2055,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 * 100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: calc(100% + (1.25 * 1rem));
</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">@@ -1667,6 +2139,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"> .site-header.featured-image {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Hide overflow for overflowing featured image */
+ overflow: hidden;
</ins><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="cx" style="display: block; padding: 0 10px"> /* Add text shadow to text, to increase readability. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1678,12 +2152,11 @@
</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="cx" style="display: block; padding: 0 10px"> /* Background & Effects */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Shared background settings between pseudo elements. See .site-branding-container */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Shared background settings between pseudo elements. */
</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><span class="cx" style="display: block; padding: 0 10px"> /* The intensity of each blend mode is controlled via layer opacity. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* First layer: grayscale. */
</del><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><span class="cx" style="display: block; padding: 0 10px"> /* When image filters are inactive, a black overlay is added. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1756,9 +2229,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation svg,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image svg {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
</ins><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image {
+ /* First layer: grayscale. */
+}
+
+.site-header.featured-image .site-featured-image .post-thumbnail img {
+ height: auto;
+ right: 50%;
+ max-width: 1000%;
+ min-height: 100%;
+ min-width: 100vw;
+ position: absolute;
+ top: 50%;
+ transform: translateX(50%) translateY(-50%);
+ width: auto;
+ z-index: 1;
+ /* When image filters are active, make it grayscale to colorize it blue. */
+}
+
+@supports (object-fit: cover) {
+ .site-header.featured-image .site-featured-image .post-thumbnail img {
+ height: 100%;
+ right: 0;
+ object-fit: cover;
+ top: 0;
+ transform: none;
+ width: 100%;
+ }
+}
+
+.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
+ filter: grayscale(100%);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image .entry-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc( 4 * 1rem);
</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">@@ -1769,8 +2276,8 @@
</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"> .site-header.featured-image .site-featured-image .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: calc(2 * (100vw / 12));
- margin-left: calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(10% + 60px);
+ margin-left: calc(10% + 60px);
</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">@@ -1849,7 +2356,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 9;
</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-container:before,
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-branding-container:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1862,18 +2368,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 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">-.site-header.featured-image .site-branding-container:before {
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- z-index: 1;
- /* When image filters are active, make it grayscale to colorize it blue. */
-}
-
-.image-filters-enabled .site-header.featured-image .site-branding-container:before {
- filter: grayscale(100%);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .image-filters-enabled .site-header.featured-image .site-featured-image:before {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1989,7 +2483,7 @@
</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 .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px) 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">@@ -2061,14 +2555,14 @@
</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 .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1rem calc(2 * (100vw / 12)) calc(3 * 1rem);
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1rem calc(10% + 60px) calc(3 * 1rem);
+ max-width: calc(8 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(6 * (100vw / 12) - 28px);
</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">@@ -2078,7 +2572,7 @@
</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 .post-thumbnail {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1rem calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1rem calc(10% + 60px);
</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">@@ -2156,6 +2650,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">+.entry .entry-content,
+.entry .entry-summary {
+ max-width: calc(100% - (2 * 1rem));
+ margin: 0 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content,
+ .entry .entry-summary {
+ max-width: 80%;
+ margin: 0 10%;
+ padding: 0 60px;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content p {
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2185,23 +2694,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px 1rem !important;
- max-width: calc(100vw - (2 * 1rem)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 32px 0 !important;
+ max-width: 100% !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px calc(2 * (100vw / 12)) !important;
- max-width: calc(8 * (100vw / 12)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(8 * (100vw / 12) - 28px) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(6 * (100vw / 12) - 28px) !important;
</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">+.entry .entry-content .page-links a {
+ margin: calc(0.5 * 1rem);
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-audio-shortcode {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2208,13 +2721,13 @@
</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 .entry-content .wp-audio-shortcode {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(8 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-audio-shortcode {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(6 * (100vw / 12) - 28px);
</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">@@ -2225,17 +2738,28 @@
</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"> .author-bio {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(8 * (100vw / 12) - 28px);
</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">+@media only screen and (min-width: 1168px) {
+ .author-bio {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
+}
+
</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"> .author-bio {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px);
</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">+@media only screen and (min-width: 1168px) {
+ .author-bio {
+ margin: calc(3 * 1rem) calc(10% + 60px);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-bio .author-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2277,45 +2801,51 @@
</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 {
</span><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"> /* Add extra margin when the comments section is located immediately after the
</span><span class="cx" style="display: block; padding: 0 10px"> * post itself (this happens on pages).
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry + .comments-area {
- margin-top: calc(3 * 1rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .comments-area {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
</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">-.comments-area .comment-list,
-.comments-area .comment-navigation,
-.comments-area > .comment-respond,
-.comments-area .comment-form-flex,
-.comments-area .no-comments {
- margin: calc(2 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1168px) {
+ .comments-area {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
</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">- .comments-area .comment-list,
- .comments-area .comment-navigation,
- .comments-area > .comment-respond,
- .comments-area .comment-form-flex,
- .comments-area .no-comments {
- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comments-area {
+ margin: calc(3 * 1rem) calc(10% + 60px);
</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">-.comments-area .comments-title-wrap {
- margin: calc(2 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comments-area > * {
+ margin-top: calc(2 * 1rem);
+ margin-bottom: calc(2 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comments-area > * {
+ margin-top: calc(3 * 1rem);
+ margin-bottom: calc(3 * 1rem);
+ }
+}
+
+.entry + .comments-area {
+ margin-top: calc(3 * 1rem);
+}
+
+@media only screen and (min-width: 768px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comments-title-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2408,15 +2938,18 @@
</span><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">-.comment-list .pingback .comment-body {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body,
+.comment-list .trackback .comment-body {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">-.comment-list .pingback .comment-body a:not(.comment-edit-link) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body a:not(.comment-edit-link),
+.comment-list .trackback .comment-body a:not(.comment-edit-link) {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 19.55556px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.5;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2424,18 +2957,13 @@
</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">-.comment-list .pingback .comment-body .comment-edit-link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body .comment-edit-link,
+.comment-list .trackback .comment-body .comment-edit-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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"> 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">-.comment-reply {
- right: calc(1rem + 100%);
- bottom: 0;
- position: absolute;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #respond + .comment-reply {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2453,13 +2981,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: calc(.5 * (1rem + calc(100vw / 12 )));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment.depth-1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .children {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment.depth-1 {
+ margin-right: calc(3.25 * 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"> .comment .comment-body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(2 * 1rem) 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(2 * 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"> .comment .comment-meta {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2466,19 +2998,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">-@media only screen and (min-width: 768px) {
- .comment .comment-meta {
- display: flex;
- }
-}
-
-@media only screen and (min-width: 768px) {
- .comment .comment-author {
- flex: 0 0 auto;
- vertical-align: baseline;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .avatar {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2500,13 +3019,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 768px) {
- .comment .comment-author .fn {
- display: inline-block;
- vertical-align: baseline;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .fn a {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2540,18 +3052,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transform: scale(0.875);
</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: 768px) {
- .comment .comment-metadata {
- flex: 1 0 auto;
- margin-right: 1rem;
- position: relative;
- vertical-align: baseline;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata > a,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .comment-edit-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2564,7 +3067,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata > a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .comment-edit-link:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #4a4a4a;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #005177;
</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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2603,6 +3106,12 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1168px) {
+ .comment .comment-content {
+ padding-left: 1rem;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-content > *: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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2611,6 +3120,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">+.comment .comment-content blockquote {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-content a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2702,8 +3215,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .archive .page-header,
</span><span class="cx" style="display: block; padding: 0 10px"> .search .page-header,
</span><span class="cx" style="display: block; padding: 0 10px"> .error404 .page-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 calc(2 * (100vw / 12)) calc(3 * 1rem);
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 calc(10% + 60px) calc(10% + 60px);
</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">@@ -2750,7 +3262,7 @@
</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"> .hfeed .entry .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2763,7 +3275,7 @@
</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"> .error-404.not-found .page-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .no-results.not-found .page-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2790,8 +3302,7 @@
</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"> #colophon .widget-area,
</span><span class="cx" style="display: block; padding: 0 10px"> #colophon .site-info {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px);
</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">@@ -2848,8 +3359,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"> .widget_archive ul,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_categories ul,
+.widget_meta ul,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_nav_menu ul,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_meta ul,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_pages ul,
+.widget_recent_comments ul,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_entries ul,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2857,215 +3371,371 @@
</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"> .widget_archive ul li,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_categories ul li,
+.widget_meta ul li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_nav_menu ul li,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_meta ul li,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_pages ul li,
+.widget_recent_comments ul li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_entries ul li,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss ul li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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"> font-size: calc(22px * 1.125);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: 0.5rem;
+ margin-bottom: 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">-.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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul li > a:before,
+.widget_categories ul ul li > a:before,
+.widget_meta ul ul li > a:before,
+.widget_nav_menu ul ul li > a:before,
+.widget_pages ul ul li > a:before,
+.widget_recent_comments ul ul li > a:before,
+.widget_recent_entries ul ul li > a:before,
+.widget_rss ul ul li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_archive ul 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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul > li > a:before,
+.widget_categories ul ul > li > a:before,
+.widget_meta ul ul > li > a:before,
+.widget_nav_menu ul ul > li > a:before,
+.widget_pages ul ul > li > a:before,
+.widget_recent_comments ul ul > li > a:before,
+.widget_recent_entries ul ul > li > a:before,
+.widget_rss ul ul > li > a:before {
+ content: "\2013\00a0";
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_archive ul.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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul ul li > a:before,
+.widget_categories ul ul ul li > a:before,
+.widget_meta ul ul ul li > a:before,
+.widget_nav_menu ul ul ul li > a:before,
+.widget_pages ul ul ul li > a:before,
+.widget_recent_comments ul ul ul li > a:before,
+.widget_recent_entries ul ul ul li > a:before,
+.widget_rss ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0";
</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">+.widget_archive ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_tag_cloud .tagcloud {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: 700;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_search .search-submit {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1rem;
</span><span class="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_calendar .calendar_wrap {
+ text-align: center;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+
+.widget_calendar .calendar_wrap table td,
+.widget_calendar .calendar_wrap table th {
+ border: none;
+}
+
+.widget_calendar .calendar_wrap a {
+ text-decoration: underline;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Blocks */
</span><span class="cx" style="display: block; padding: 0 10px"> /* !Block styles */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *,
-.entry-summary > * {
- max-width: calc(100vw - (2 * 1rem));
- margin: 32px 1rem;
- /*
- // Set top margins for headings
- & + h1:before,
- & + h2:before,
- & + h3,
- & + h4,
- & + h5,
- & + h6 {
- margin-top: calc(4 * 1rem);
- }
-*/
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *,
+.entry .entry-summary > * {
+ margin: 32px 0;
+ max-width: 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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *,
- .entry-summary > * {
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *,
+ .entry .entry-summary > * {
+ max-width: calc(8 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *,
- .entry-summary > * {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *,
+ .entry .entry-summary > * {
+ max-width: calc(6 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *,
- .entry-summary > * {
- margin: 32px calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *,
+ .entry .entry-summary > * {
+ margin: 32px 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > * > *:first-child,
-.entry-summary > * > *:first-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > * > *:first-child,
+.entry .entry-summary > * > *:first-child {
</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">-.entry-content > * > *:last-child,
-.entry-summary > * > *:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > * > *:last-child,
+.entry .entry-summary > * > *:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignwide,
-.entry-summary > *.alignwide {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.alignwide,
+.entry .entry-summary > *.alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clear: both;
</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">- .entry-content > *.alignwide,
- .entry-summary > *.alignwide {
- margin-right: calc(2 * (100vw / 12));
- margin-left: calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.alignwide,
+ .entry .entry-summary > *.alignwide {
+ width: 100%;
+ max-width: 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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignfull,
-.entry-summary > *.alignfull {
- margin-top: calc(2 * 1rem);
- margin-left: 0;
- margin-bottom: calc(2 * 1rem);
- margin-right: 0;
- max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.alignfull,
+.entry .entry-summary > *.alignfull {
+ position: relative;
+ right: -1rem;
+ width: calc( 100% + (2 * 1rem));
+ max-width: calc( 100% + (2 * 1rem));
+ clear: both;
</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 > *.alignleft,
-.entry-summary > *.alignleft {
- float: right;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content > *.alignfull,
+ .entry .entry-summary > *.alignfull {
+ margin-top: calc(2 * 1rem);
+ margin-bottom: calc(2 * 1rem);
+ right: calc( -12.5% - 75px);
+ width: calc( 125% + 150px);
+ max-width: calc( 125% + 150px);
+ }
+}
+
+.entry .entry-content > *.alignleft,
+.entry .entry-summary > *.alignleft {
+ float: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(5 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
+ margin-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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *.alignleft,
- .entry-summary > *.alignleft {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.alignleft,
+ .entry .entry-summary > *.alignleft {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(4 * (100vw / 12));
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: calc(2 * 1rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: calc(2 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</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">- .entry-content > *.alignleft,
- .entry-summary > *.alignleft {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.alignleft,
+ .entry .entry-summary > *.alignleft {
</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="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignright,
-.entry-summary > *.alignright {
- float: left;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.alignright,
+.entry .entry-summary > *.alignright {
+ float: right;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(5 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</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">+ margin-left: 0;
</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><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">- .entry-content > *.alignright,
- .entry-summary > *.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.alignright,
+ .entry .entry-summary > *.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(4 * (100vw / 12));
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: calc(2 * 1rem);
- margin-left: calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
+ margin-left: calc(2 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.aligncenter,
-.entry-summary > *.aligncenter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.aligncenter,
+.entry .entry-summary > *.aligncenter {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</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) {
+ .entry .entry-content > *.aligncenter,
+ .entry .entry-summary > *.aligncenter {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
+}
+
</ins><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">- .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%);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.aligncenter,
+ .entry .entry-summary > *.aligncenter {
+ max-width: calc(6 * (100vw / 12) - 28px);
</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">-.entry-content .wp-block-audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content > *.aligncenter,
+ .entry .entry-summary > *.aligncenter {
+ margin-right: 0;
+ margin-left: 0;
+ }
+}
+
+/*
+ * Unset nested content selector styles
+ * - Prevents layout styles from cascading too deeply
+ * - helps with plugin compatibility
+ */
+.entry .entry-content .entry-content,
+.entry .entry-content .entry-summary,
+.entry .entry-content .entry,
+.entry .entry-summary .entry-content,
+.entry .entry-summary .entry-summary,
+.entry .entry-summary .entry {
+ margin: inherit;
+ max-width: inherit;
+ padding: inherit;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content .entry-content,
+ .entry .entry-content .entry-summary,
+ .entry .entry-content .entry,
+ .entry .entry-summary .entry-content,
+ .entry .entry-summary .entry-summary,
+ .entry .entry-summary .entry {
+ margin: inherit;
+ max-width: inherit;
+ padding: inherit;
+ }
+}
+
+.entry .entry-content p.has-background {
+ padding: 20px 30px;
+}
+
+.entry .entry-content .wp-block-audio {
</ins><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">-.entry-content .wp-block-audio audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-audio audio {
</ins><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">-.entry-content .wp-block-audio.alignleft audio,
-.entry-content .wp-block-audio.alignright audio {
- max-width: 190px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-audio.alignleft audio,
+.entry .entry-content .wp-block-audio.alignright audio {
+ max-width: 198px;
</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">- .entry-content .wp-block-audio.alignleft audio,
- .entry-content .wp-block-audio.alignright audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-audio.alignleft audio,
+ .entry .entry-content .wp-block-audio.alignright audio {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 384px;
</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: 1379px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-audio.alignleft audio,
- .entry-content .wp-block-audio.alignright audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-audio.alignleft audio,
+ .entry .entry-content .wp-block-audio.alignright audio {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 385.44px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-audio.aligncenter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-audio.aligncenter {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 32px calc(2 * (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="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-video video {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-video video {
</ins><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">-.entry-content .wp-block-button .wp-block-button__link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button .wp-block-button__link {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: background 150ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3081,26 +3751,24 @@
</span><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">-.entry-content .wp-block-button .wp-block-button__link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button .wp-block-button__link:hover {
+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-button .wp-block-button__link:hover, .entry-content .wp-block-button .wp-block-button__link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button .wp-block-button__link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
-
-.entry-content .wp-block-button .wp-block-button__link:focus {
</del><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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-button:not(.is-style-squared) .wp-block-button__link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
</ins><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">-.entry-content .wp-block-button.is-style-outline .wp-block-button__link,
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
-.entry-content .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">+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
</ins><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><span class="cx" style="display: block; padding: 0 10px"> border: 2px solid currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3107,76 +3775,123 @@
</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">-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-archives,
-.entry-content .wp-block-categories,
-.entry-content .wp-block-latest-posts {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives,
+.entry .entry-content .wp-block-categories,
+.entry .entry-content .wp-block-latest-posts {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: 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">-.entry-content .wp-block-archives li,
-.entry-content .wp-block-categories li,
-.entry-content .wp-block-latest-posts li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives li,
+.entry .entry-content .wp-block-categories li,
+.entry .entry-content .wp-block-latest-posts li {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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"> font-size: calc(22px * 1.125);
</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: 1.2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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: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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
+.entry .entry-content .wp-block-categories li.menu-item-has-children,
+.entry .entry-content .wp-block-categories li:last-child,
+.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
+.entry .entry-content .wp-block-latest-posts li:last-child {
+ padding-bottom: 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">-.entry-content .wp-block-archives li a,
-.entry-content .wp-block-categories li a,
-.entry-content .wp-block-latest-posts li a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives li a,
+.entry .entry-content .wp-block-categories li a,
+.entry .entry-content .wp-block-latest-posts li a {
</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">-.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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-categories ul {
+ padding-top: 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-latest-posts.is-grid li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-categories li ul {
+ list-style: none;
+ padding-right: 0;
+}
+
+.entry .entry-content .wp-block-categories ul li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.entry .entry-content .wp-block-categories ul > li > a:before {
+ content: "\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-latest-posts.is-grid li {
</ins><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="cx" style="display: block; padding: 0 10px"> margin-bottom: 2rem;
</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-latest-posts.is-grid li a:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: '';
</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-latest-posts.is-grid li:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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-latest-posts.is-grid li:last-child a:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: '';
</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-preformatted {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-preformatted {
</ins><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.8;
</span><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-verse {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-verse {
</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"> 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">-.entry-content .has-drop-cap:not(:focus):first-letter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-drop-cap:not(:focus):first-letter {
</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: 3.375em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3184,19 +3899,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 0 0.25em;
</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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><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-pullquote blockquote {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote blockquote {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: calc(2 * 1rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(4 * 1rem);
+ margin-bottom: calc(4.33 * 1rem);
</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">-.entry-content .wp-block-pullquote p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</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">@@ -3204,29 +3920,35 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-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">-.entry-content .wp-block-pullquote p em {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote p em {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-pullquote p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-pullquote p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote cite {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote cite {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 0.71111em;
</del><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * 1.125));
</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-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote.alignleft blockquote, .entry-content .wp-block-pullquote.alignright blockquote {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3233,11 +3955,20 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote.is-style-solid-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 0;
+ padding-left: 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">-.entry-content .wp-block-pullquote.is-style-solid-color p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-pullquote.is-style-solid-color {
+ padding-right: 10%;
+ padding-left: 10%;
+ }
+}
+
+.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
</ins><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="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3245,152 +3976,161 @@
</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">- .entry-content .wp-block-pullquote.is-style-solid-color p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote.is-style-solid-color a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote.is-style-solid-color blockquote {
- color: #fff;
- margin: 0 auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
+ color: inherit;
</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-pullquote.is-style-solid-color .has-primary-background-color {
- background-color: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
+ max-width: calc(100% - (2 * 1rem));
+ color: #fff;
+ padding-right: 0;
+ margin-right: 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">-.entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
- padding: 1rem 1rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
+ margin-right: 0;
+ margin-left: 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">-.entry-content .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .entry-content .wp-block-pullquote.is-style-solid-color.alignright blockquote {
- padding: 0 0 calc( 1.5 * 1rem);
- margin-right: 0;
- margin-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
+ background-color: #0073aa;
</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">- .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
- padding: calc( 2 * 1rem) calc( 2 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
+ padding-right: calc(10% + 58px + (2 * 1rem));
+ padding-left: calc(10% + 58px + (2 * 1rem));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-quote:not(.is-large), .entry-content .wp-block-quote:not(.is-style-large) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-right: 2px solid #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-quote p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</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">-.entry-content .wp-block-quote cite {
- font-size: 0.71111em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote cite {
+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * 1.125));
</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-quote.is-large, .entry-content .wp-block-quote.is-style-large {
- padding: 1rem 2rem 1rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-right: 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">-.entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
</ins><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.4;
</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">-.entry-content .wp-block-quote.is-large cite,
-.entry-content .wp-block-quote.is-large footer, .entry-content .wp-block-quote.is-style-large cite,
-.entry-content .wp-block-quote.is-style-large footer {
- font-size: 0.71111em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote.is-large cite,
+.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
+.entry .entry-content .wp-block-quote.is-style-large footer {
+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * 1.125));
</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">- .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
- margin: 1rem calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
+ margin: 1rem 0;
+ padding: 1rem 0;
</ins><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-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-image img {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-image img {
</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">-.entry-content .wp-block-image.alignleft, .entry-content .wp-block-image.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-image.alignfull img {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-image.alignfull img {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100vw;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: auto;
- margin-left: auto;
</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">-.entry-content .wp-block-cover-image .wp-block-cover-image-text,
-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-image.alignfull img {
+ margin-right: auto;
+ margin-left: auto;
+ }
+}
+
+.entry .entry-content .wp-block-cover-image,
+.entry .entry-content .wp-block-cover {
+ position: relative;
+ min-height: 430px;
+ padding: 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-cover-image,
+ .entry .entry-content .wp-block-cover {
+ padding: 1rem 10%;
+ }
+}
+
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover .wp-block-cover-text,
+.entry .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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(100vw - (2 * 1rem));
- max-width: calc(100vw - (2 * 1rem));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.25;
+ padding: 0;
+ 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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-cover-image .wp-block-cover-image-text,
- .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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover-image h2,
+ .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(8 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- .entry-content .wp-block-cover-image .wp-block-cover-image-text,
- .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 {
- width: calc(6 * (100vw / 12 ));
- max-width: calc(6 * (100vw / 12 ));
- }
-}
-
-.entry-content .wp-block-cover-image.alignleft h2,
-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-cover-image.aligncenter h2,
+.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
+.entry .entry-content .wp-block-cover.aligncenter h2,
+.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
</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">@@ -3399,50 +4139,65 @@
</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.aligncenter,
-.entry-content .wp-block-cover.aligncenter {
- margin: 32px calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
+.entry .entry-content .wp-block-cover.alignleft,
+.entry .entry-content .wp-block-cover.alignright {
+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.has-left-content,
-.entry-content .wp-block-cover.has-left-content {
- justify-content: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover-image.alignfull h2,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover.alignfull h2 {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
</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-cover-image.has-left-content h2,
-.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 {
- padding: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1168px) {
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover-image.alignfull h2,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover.alignfull h2 {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
</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-cover-image.has-right-content,
-.entry-content .wp-block-cover.has-right-content {
- justify-content: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-cover-image.alignfull,
+ .entry .entry-content .wp-block-cover.alignfull {
+ padding-right: calc(10% + 58px + (2 * 1rem));
+ padding-left: calc(10% + 58px + (2 * 1rem));
+ }
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover-image.alignfull h2,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover.alignfull h2 {
+ padding: 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">-.entry-content .wp-block-cover-image.has-right-content h2,
-.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 {
- padding: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-gallery {
+ list-style-type: none;
+ padding-right: 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">-.entry-content .wp-block-gallery .blocks-gallery-image:last-child,
-.entry-content .wp-block-gallery .blocks-gallery-item:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
+.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 16px;
</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-audio figcaption,
-.entry-content .wp-block-video figcaption,
-.entry-content .wp-block-image figcaption,
-.entry-content .wp-block-gallery .blocks-gallery-image figcaption,
-.entry-content .wp-block-gallery .blocks-gallery-item figcaption {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-audio figcaption,
+.entry .entry-content .wp-block-video figcaption,
+.entry .entry-content .wp-block-image figcaption,
+.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
+.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3451,56 +4206,63 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: 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">-.entry-content .wp-block-separator,
-.entry-content hr {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator,
+.entry .entry-content hr {
+ background-color: #767676;
+ border: 0;
+ height: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 2rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 2.25em;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Remove duplicate rule-line when a separator
</span><span class="cx" style="display: block; padding: 0 10px"> * is followed by an H1, or H2 */
</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-separator:not(.is-style-dots),
-.entry-content hr:not(.is-style-dots) {
- background-color: #767676;
- border: 0;
- height: 2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator.is-style-wide,
+.entry .entry-content hr.is-style-wide {
+ max-width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
-.entry-content hr:not(.is-style-wide):not(.is-style-dots) {
- max-width: 2.25em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-separator.is-style-wide,
+ .entry .entry-content hr.is-style-wide {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
</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-separator + h1:before,
-.entry-content .wp-block-separator + h2:before,
-.entry-content hr + h1:before,
-.entry-content hr + h2:before {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1168px) {
+ .entry .entry-content .wp-block-separator.is-style-wide,
+ .entry .entry-content hr.is-style-wide {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
</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-separator.is-style-dots,
-.entry-content hr.is-style-dots {
- max-width: calc(100vw - (2 * 1rem));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator.is-style-dots,
+.entry .entry-content hr.is-style-dots {
+ max-width: 100%;
+ background-color: inherit;
+ border: inherit;
+ height: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: 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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-separator.is-style-dots,
- .entry-content hr.is-style-dots {
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-separator.is-style-dots,
+ .entry .entry-content hr.is-style-dots {
+ max-width: calc(8 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-separator.is-style-dots,
- .entry-content hr.is-style-dots {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-separator.is-style-dots,
+ .entry .entry-content hr.is-style-dots {
+ max-width: calc(6 * (100vw / 12) - 28px);
</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">-.entry-content .wp-block-separator.is-style-dots:before,
-.entry-content hr.is-style-dots:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator.is-style-dots:before,
+.entry .entry-content hr.is-style-dots:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: 0.88889em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3507,19 +4269,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0.88889em;
</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-embed-twitter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator + h1:before,
+.entry .entry-content .wp-block-separator + h2:before,
+.entry .entry-content hr + h1:before,
+.entry .entry-content hr + h2:before {
+ display: none;
+}
+
+.entry .entry-content .wp-block-embed-twitter {
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</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-table td, .entry-content .wp-block-table th {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-table th,
+.entry .entry-content .wp-block-table td {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #767676;
</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-file {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file {
</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"> }
</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-file .wp-block-file__button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file .wp-block-file__button {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: background 150ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3527,87 +4297,90 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.75rem 1rem;
</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"> }
</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">- .entry-content .wp-block-file .wp-block-file__button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-file .wp-block-file__button {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.875rem 1.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-file .wp-block-file__button:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file .wp-block-file__button:hover {
+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-file .wp-block-file__button:hover, .entry-content .wp-block-file .wp-block-file__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file .wp-block-file__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
-
-.entry-content .wp-block-file .wp-block-file__button:focus {
</del><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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-code {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file * + .wp-block-file__button {
+ margin-right: 0.75rem;
+}
+
+.entry .entry-content .wp-block-code {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-code code {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-code code {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.125em;
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: pre-wrap;
</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">-.entry-content .wp-block-columns .wp-block-column > *:first-child {
- margin-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
+ margin-top: 0;
+ }
+ .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
+ margin-bottom: 0;
+ }
+ .entry .entry-content .wp-block-columns[class*='has-'] > * {
+ margin-left: 1rem;
+ }
+ .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
+ margin-left: 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">-.entry-content .wp-block-columns .wp-block-column > *:last-child {
- margin-bottom: 0;
-}
-
-.entry-content .wp-block-columns[class*='has-'] > * {
- margin-left: 1rem;
-}
-
-.entry-content .wp-block-columns[class*='has-'] > *:last-child {
- margin-left: 0;
-}
-
-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
</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-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">-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 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">-.entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .has-primary-background-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-primary-background-color p,
+.entry .entry-content .has-primary-background-color h1,
+.entry .entry-content .has-primary-background-color h2,
+.entry .entry-content .has-primary-background-color h3,
+.entry .entry-content .has-primary-background-color h4,
+.entry .entry-content .has-primary-background-color h5,
+.entry .entry-content .has-primary-background-color h6,
+.entry .entry-content .has-primary-background-color a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3651,6 +4424,20 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .wp-caption.aligncenter {
+ position: relative;
+ right: calc( calc(8 * (100vw / 12) - 28px) / 2);
+ transform: translateX(50%);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .wp-caption.aligncenter {
+ right: calc( calc(6 * (100vw / 12) - 28px) / 2);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption img[class*="wp-image-"] {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3679,7 +4466,7 @@
</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">- padding-left: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-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">@@ -3687,37 +4474,69 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-2 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 2 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
</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">+.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-3 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 3 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
</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">+.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-4 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 4 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
</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">+.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-5 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 5 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
</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">+.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-6 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 6 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
</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">+.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-7 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 7 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
</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">+.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-8 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 8 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
</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">+.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-9 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 9 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
</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">+.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-item:last-of-type {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,7 +56,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Fallback for non-latin fonts */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Calculates maximum width for post content */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Nested sub-menu padding: 10 levels deep */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Normalize */
</span><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -134,8 +136,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> /* 2 */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-text-decoration: underline dotted;
- text-decoration: underline dotted;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: underline dotted;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 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">@@ -420,9 +421,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-rendering: optimizeLegibility;
</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-link,
+.comment-metadata,
+.comment-reply-link,
+.comments-title,
+.comment-author .fn,
+.discussion-meta-info,
+.entry-meta,
+.entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.no-comments,
+.not-found .page-title,
+.error-404 .page-title,
+.post-navigation .post-title,
+.page-links,
</ins><span class="cx" style="display: block; padding: 0 10px"> .page-description,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h2.author-title,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links,
+.sticky-post,
+.site-title,
+.site-info,
+#cancel-comment-reply-link,
+img:after,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+
+.main-navigation,
+.page-description,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-description .author-link,
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -432,8 +462,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-author .fn,
</span><span class="cx" style="display: block; padding: 0 10px"> .no-comments,
</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">-h1, h2, h3, h4, h5, h6 {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: -0.02em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -441,21 +475,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-info,
-.page-description,
-.post-navigation .post-title,
-.comment-metadata,
-.discussion-meta-info,
-.entry-meta,
-.entry-footer,
-.comment-reply-link,
-#cancel-comment-reply-link,
-img:after,
-.page-links,
-.sticky-post {
- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .page-title {
</span><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"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -558,9 +577,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .error-404 .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-title,
</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">- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ hyphens: auto;
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -567,9 +584,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Do not hyphenate entry title on tablet view and bigger. */
</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-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ hyphens: 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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -578,7 +593,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-dfn, cite, em, i {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+dfn,
+cite,
+em,
+i {
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -595,7 +613,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: 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">-code, kbd, tt, var {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+code,
+kbd,
+tt,
+var {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: Menlo, monaco, Consolas, Lucida Console, monospace;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -605,7 +626,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: help;
</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">-mark, ins {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+mark,
+ins {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #fff9c0;
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -626,6 +648,89 @@
</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">+/* Arabic */
+html[lang="ar"] .site *,
+html[lang="ary"] .site *,
+html[lang="azb"] .site *,
+html[lang="ckb"] .site *,
+html[lang="fa-IR"] .site *,
+html[lang="haz"] .site *,
+html[lang="ps"] .site * {
+ font-family: Tahoma, Arial, sans-serif !important;
+}
+
+/* Cyrillic */
+html[lang="be"] .site *,
+html[lang="bg-BG"] .site *,
+html[lang="kk"] .site *,
+html[lang="mk-MK"] .site *,
+html[lang="mn"] .site *,
+html[lang="ru-RU"] .site *,
+html[lang="sah"] .site *,
+html[lang="sr-RS"] .site *,
+html[lang="tt-RU"] .site *,
+html[lang="uk"] .site * {
+ font-family: 'Helvetica Neue', Helvetica, 'Segoe UI', Arial, sans-serif !important;
+}
+
+/* Chinese (Hong Kong) */
+html[lang="zh-HK"] .site * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang HK', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Chinese (Taiwan) */
+html[lang="zh-TW"] .site * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang TC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Chinese (China) */
+html[lang="zh-CN"] .site * {
+ font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Helvetica Neue', "Microsoft YaHei New", STHeiti Light, sans-serif !important;
+}
+
+/* Devanagari */
+html[lang="bn-BD"] .site *,
+html[lang="hi-IN"] .site *,
+html[lang="mr"] .site *,
+html[lang="ne-NP"] .site * {
+ font-family: Arial, sans-serif !important;
+}
+
+/* Greek */
+html[lang="el"] .site * {
+ font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
+}
+
+/* Gujarati */
+html[lang="gu"] .site * {
+ font-family: Arial, sans-serif !important;
+}
+
+/* Hebrew */
+html[lang="he-IL"] .site * {
+ font-family: 'Arial Hebrew', Arial, sans-serif !important;
+}
+
+/* Japanese */
+html[lang="ja"] .site * {
+ font-family: -apple-system, BlinkMacSystemFont, "Hiragino Sans", Meiryo, "Helvetica Neue", sans-serif !important;
+}
+
+/* Korean */
+html[lang="ko-KR"] .site * {
+ font-family: 'Apple SD Gothic Neo', 'Malgun Gothic', 'Nanum Gothic', Dotum, sans-serif !important;
+}
+
+/* Thai */
+html[lang="th"] .site * {
+ font-family: 'Sukhumvit Set', 'Helvetica Neue', helvetica, arial, sans-serif !important;
+}
+
+/* Vietnamese */
+html[lang="vi"] .site * {
+ font-family: 'Libre Franklin', sans-serif !important;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Elements */
</span><span class="cx" style="display: block; padding: 0 10px"> html {
</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">@@ -632,11 +737,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"> ::-moz-selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #bfdcea;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #bfdcea;
</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: #bfdcea;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #bfdcea;
</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">@@ -646,7 +751,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"> body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-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"> a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -667,12 +772,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1, h2, h3, h4, h5, h6 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><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">-h1:not(.site-title):before, h2:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1:not(.site-title):before,
+h2: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">@@ -747,11 +858,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-collapse: collapse;
</ins><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">-table td, table th {
- border-color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+table td,
+table th {
+ padding: 0.5em;
+ border: 1px solid #767676;
+ word-break: break-all;
</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"> /* Forms */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -893,10 +1008,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.25rem;
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Sub-menu styles
+ *
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Only show one submenu expand button at a time (desktop vs mobile) */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Full-screen touch device styles
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> body.page .main-navigation {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -908,7 +1027,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-navigation .main-menu {
</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: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</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">@@ -916,14 +1035,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
</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 .main-menu > li {
- position: relative;
- }
-}
-
</del><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -941,8 +1055,15 @@
</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 {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: inherit;
</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) {
+ .main-navigation .main-menu > li.menu-item-has-children {
+ position: relative;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li.menu-item-has-children > a {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0.125rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -953,28 +1074,48 @@
</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.menu-item-has-children .mobile-submenu-expand svg,
-.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
+ display: inline-block;
+ margin-right: 0.5rem;
+ /* Priority+ Menu */
+}
+
+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle {
</ins><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">- top: 0.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 24px;
+ line-height: 1.2;
+ width: 24px;
+ padding: 0;
+ 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.menu-item-has-children .mobile-submenu-expand,
-.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
- margin-right: 0.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand.main-menu-more-toggle svg {
+ height: 24px;
+ width: 24px;
+ top: -0.125rem;
+ vertical-align: text-bottom;
</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:last-child > a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand svg {
+ position: relative;
+ top: 0.2rem;
+}
+
+.main-navigation .main-menu > li:last-child > a,
+.main-navigation .main-menu > li:last-child.menu-item-has-children .submenu-expand {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .is-hidden {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: left;
</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><span class="cx" style="display: block; padding: 0 10px"> left: -999px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -983,23 +1124,21 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
- max-width: calc(3 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
</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"> .main-navigation .sub-menu > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- clear: both;
</del><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</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">- word-break: break-word;
</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">-.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
-.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc( 24px + 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1010,13 +1149,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: calc( .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">-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
</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><del style="background-color: #fdd; 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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
</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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1026,18 +1163,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li > a:not(.mobile-submenu-expand) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a,
+.main-navigation .sub-menu > li > .menu-item-link-return {
</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><span class="cx" style="display: block; padding: 0 10px"> padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: nowrap;
</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:not(.mobile-submenu-expand):hover, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:hover, .main-navigation .sub-menu > li > a:focus,
+.main-navigation .sub-menu > li > .menu-item-link-return:hover,
+.main-navigation .sub-menu > li > .menu-item-link-return: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:not(.mobile-submenu-expand):hover:after, .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:hover:after, .main-navigation .sub-menu > li > a:focus:after,
+.main-navigation .sub-menu > li > .menu-item-link-return:hover:after,
+.main-navigation .sub-menu > li > .menu-item-link-return: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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1053,45 +1196,230 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc( .25 * 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">-.main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><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">- width: calc( 100vw - 2rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu padding: 10 levels deep */
</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">+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+ display: block;
+ left: 0;
+ margin-top: 0;
+ opacity: 1;
+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu padding: 10 levels deep */
</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 {
- padding-left: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
+ display: block;
+ margin-top: 0;
+ opacity: 1;
</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: 100%;
- width: -webkit-max-content;
- width: -moz-max-content;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: 0;
+ right: auto;
+ top: auto;
+ bottom: auto;
+ height: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
+ transform: none;
+ }
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+ display: block;
+ margin-top: 0;
+ opacity: 1;
+ position: absolute;
+ left: 0;
+ right: auto;
+ top: auto;
+ bottom: auto;
+ height: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
+ transform: none;
+ }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
+ left: 0;
+ width: 100%;
+ display: table;
+ position: absolute;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu.hidden-links {
+ left: 0;
+ width: 100%;
+ display: table;
+ position: absolute;
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu.hidden-links {
+ right: 0;
+ left: auto;
+ display: block;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: max-content;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- top: 0;
</del><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:not(.off-canvas):focus-within > .sub-menu.hidden-links {
+ right: 0;
+ left: auto;
+ display: block;
+ width: max-content;
+ }
</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,
-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .submenu-expand {
+ display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .submenu-expand {
+ display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ left: 0;
+ opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</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:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ left: 0;
+ opacity: 1;
+ /* Non-mobile position */
+}
+
</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">- .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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu {
+ float: none;
+ max-width: 100%;
+ }
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ float: none;
+ max-width: 100%;
+ }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a:before {
+ content: "\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a:before {
+ content: "\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+ display: block;
+ left: 0;
+ margin-top: 0;
+ opacity: 1;
+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu padding: 10 levels deep */
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu {
+ display: block;
+ float: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1100,28 +1428,144 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> bottom: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: -webkit-max-content;
- width: -moz-max-content;
- width: max-content;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
</ins><span class="cx" style="display: block; padding: 0 10px"> transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- animation: fade_in 0.1s forwards;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</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:not(.off-canvas):hover > .sub-menu.hidden-links,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
+ left: 0;
+ width: 100%;
+ display: table;
+ position: absolute;
+}
+
</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">- .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;
- padding-left: 0;
- position: absolute;
- left: 100%;
- top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu.hidden-links,
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu.hidden-links,
+ .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu.hidden-links {
+ right: 0;
+ left: auto;
+ display: table;
+ width: max-content;
</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">-.main-navigation .main-menu .menu-item-has-children.focus .sub-menu.expanded-true {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .submenu-expand,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .submenu-expand,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .submenu-expand {
+ display: none;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ left: 0;
+ opacity: 1;
+ /* Non-mobile position */
+}
+
+@media only screen and (min-width: 768px) {
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ float: none;
+ max-width: 100%;
+ }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a:before {
+ content: "\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu .sub-menu li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu {
+ animation: fade_in 0.1s forwards;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .submenu-expand .svg-icon {
+ transform: rotate(270deg);
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu .sub-menu {
+ opacity: 0;
+ position: absolute;
+ z-index: 0;
+ transform: translateX(-100%);
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:hover,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li:focus,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:hover,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu li > a:focus {
+ background-color: transparent;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1134,37 +1578,39 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 100000;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Make sure appears above mobile admin bar */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 100%;
- height: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100vw;
+ height: 100vh;
+ max-width: 100vw;
</ins><span class="cx" style="display: block; padding: 0 10px"> transform: translateX(100%);
</span><span class="cx" style="display: block; padding: 0 10px"> animation: slide_in_right 0.3s forwards;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Prevent menu from being blocked by admin bar */
</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 .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
+ display: 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 .desktop-submenu-expand {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+ top: 46px;
+ height: calc( 100vh - 46px);
+ /* WP core breakpoint */
</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 .desktop-submenu-expand {
- display: inline-block;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+ top: 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">-.main-navigation .mobile-submenu-expand {
- display: inline-block;
-}
-
-@media only screen and (min-width: 768px) {
- .main-navigation .mobile-submenu-expand {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 782px) {
+ .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+ top: 32px;
+ height: calc( 100vh - 32px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+ top: 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">-/* Menu Animation */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Menu animation */
</ins><span class="cx" style="display: block; padding: 0 10px"> @keyframes slide_in_right {
</span><span class="cx" style="display: block; padding: 0 10px"> 100% {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: translateX(0%);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1235,6 +1681,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(-45deg);
</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">+/** === Footer menu === */
+.footer-navigation {
+ display: inline;
+}
+
+.footer-navigation > div {
+ display: inline;
+}
+
+.footer-navigation .footer-menu {
+ display: inline;
+ padding-left: 0;
+}
+
+.footer-navigation .footer-menu li {
+ display: inline;
+ margin-right: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Next / Previous
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1245,7 +1710,7 @@
</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"> .post-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px);
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1273,17 +1738,14 @@
</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 {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 calc(10% + 60px);
+ max-width: calc(6 * (100vw / 12) - 28px);
</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"> .post-navigation .nav-links a .meta-nav {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ user-select: 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"> .post-navigation .nav-links a .meta-nav:before, .post-navigation .nav-links a .meta-nav:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1295,9 +1757,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"> .post-navigation .nav-links a .post-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-hyphens: auto;
- -ms-hyphens: auto;
- hyphens: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ hyphens: auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1362,6 +1822,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.pagination .nav-links a:focus {
+ text-decoration: underline;
+ outline-offset: -1px;
+}
+
+.pagination .nav-links a:focus.prev, .pagination .nav-links a:focus.next {
+ text-decoration: none;
+}
+
+.pagination .nav-links a:focus.prev .nav-prev-text,
+.pagination .nav-links a:focus.prev .nav-next-text, .pagination .nav-links a:focus.next .nav-prev-text,
+.pagination .nav-links a:focus.next .nav-next-text {
+ text-decoration: underline;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links .nav-next-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links .nav-prev-text {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1369,7 +1844,7 @@
</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"> .pagination .nav-links {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(10% + 60px);
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .pagination .nav-links .prev > *,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1385,16 +1860,8 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 1rem;
</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">-@media only screen and (min-width: 1168px) {
- .comment-navigation .nav-links {
- margin: 0 calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
- }
-}
-
</del><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1423,11 +1890,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: -1px;
</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">-.comment-navigation .nav-previous a:hover,
-.comment-navigation .nav-next a:hover {
- color: #0073aa;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1437,8 +1899,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .screen-reader-text {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clip: rect(1px, 1px, 1px, 1px);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-clip-path: inset(50%);
- clip-path: inset(50%);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clip-path: inset(50%);
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 1px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: -1px;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1454,8 +1915,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
</span><span class="cx" style="display: block; padding: 0 10px"> clip: auto !important;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-clip-path: none;
- clip-path: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clip-path: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 14px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1481,15 +1941,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .alignleft {
+ /*rtl:ignore*/
+ margin-right: calc(2 * 1rem);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .alignright {
+ /*rtl:ignore*/
+ margin-left: calc(2 * 1rem);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .aligncenter {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1571,7 +2047,7 @@
</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"> .site-branding {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 calc(10% + 60px);
</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">@@ -1585,7 +2061,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 * 100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% + (1.25 * 1rem));
</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">@@ -1669,6 +2145,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"> .site-header.featured-image {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Hide overflow for overflowing featured image */
+ overflow: hidden;
</ins><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="cx" style="display: block; padding: 0 10px"> /* Add text shadow to text, to increase readability. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1680,12 +2158,11 @@
</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="cx" style="display: block; padding: 0 10px"> /* Background & Effects */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Shared background settings between pseudo elements. See .site-branding-container */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Shared background settings between pseudo elements. */
</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><span class="cx" style="display: block; padding: 0 10px"> /* The intensity of each blend mode is controlled via layer opacity. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* First layer: grayscale. */
</del><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><span class="cx" style="display: block; padding: 0 10px"> /* When image filters are inactive, a black overlay is added. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1758,9 +2235,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation svg,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image svg {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.35));
</ins><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image {
+ /* First layer: grayscale. */
+}
+
+.site-header.featured-image .site-featured-image .post-thumbnail img {
+ height: auto;
+ left: 50%;
+ max-width: 1000%;
+ min-height: 100%;
+ min-width: 100vw;
+ position: absolute;
+ top: 50%;
+ transform: translateX(-50%) translateY(-50%);
+ width: auto;
+ z-index: 1;
+ /* When image filters are active, make it grayscale to colorize it blue. */
+}
+
+@supports (object-fit: cover) {
+ .site-header.featured-image .site-featured-image .post-thumbnail img {
+ height: 100%;
+ left: 0;
+ object-fit: cover;
+ top: 0;
+ transform: none;
+ width: 100%;
+ }
+}
+
+.image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
+ filter: grayscale(100%);
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image .entry-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc( 4 * 1rem);
</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">@@ -1771,8 +2282,8 @@
</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"> .site-header.featured-image .site-featured-image .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: calc(2 * (100vw / 12));
- margin-right: calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: calc(10% + 60px);
+ margin-right: calc(10% + 60px);
</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">@@ -1851,7 +2362,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 9;
</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-container:before,
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-branding-container:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1864,18 +2374,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 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">-.site-header.featured-image .site-branding-container:before {
- background-position: center;
- background-repeat: no-repeat;
- background-size: cover;
- z-index: 1;
- /* When image filters are active, make it grayscale to colorize it blue. */
-}
-
-.image-filters-enabled .site-header.featured-image .site-branding-container:before {
- filter: grayscale(100%);
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .image-filters-enabled .site-header.featured-image .site-featured-image:before {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -1991,7 +2489,7 @@
</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 .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px) 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">@@ -2063,14 +2561,14 @@
</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 .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1rem calc(2 * (100vw / 12)) calc(3 * 1rem);
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1rem calc(10% + 60px) calc(3 * 1rem);
+ max-width: calc(8 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-footer {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(6 * (100vw / 12) - 28px);
</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">@@ -2080,7 +2578,7 @@
</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 .post-thumbnail {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1rem calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1rem calc(10% + 60px);
</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">@@ -2158,6 +2656,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">+.entry .entry-content,
+.entry .entry-summary {
+ max-width: calc(100% - (2 * 1rem));
+ margin: 0 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content,
+ .entry .entry-summary {
+ max-width: 80%;
+ margin: 0 10%;
+ padding: 0 60px;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content p {
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2187,23 +2700,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px 1rem !important;
- max-width: calc(100vw - (2 * 1rem)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 32px 0 !important;
+ max-width: 100% !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px calc(2 * (100vw / 12)) !important;
- max-width: calc(8 * (100vw / 12)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(8 * (100vw / 12) - 28px) !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content > iframe[style] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(6 * (100vw / 12) - 28px) !important;
</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">+.entry .entry-content .page-links a {
+ margin: calc(0.5 * 1rem);
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-audio-shortcode {
</span><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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2210,13 +2727,13 @@
</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 .entry-content .wp-audio-shortcode {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(8 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry .entry-content .wp-audio-shortcode {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(6 * (100vw / 12) - 28px);
</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">@@ -2227,17 +2744,28 @@
</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"> .author-bio {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(8 * (100vw / 12) - 28px);
</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">+@media only screen and (min-width: 1168px) {
+ .author-bio {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
+}
+
</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"> .author-bio {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px);
</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">+@media only screen and (min-width: 1168px) {
+ .author-bio {
+ margin: calc(3 * 1rem) calc(10% + 60px);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-bio .author-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2279,45 +2807,51 @@
</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 {
</span><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"> /* Add extra margin when the comments section is located immediately after the
</span><span class="cx" style="display: block; padding: 0 10px"> * post itself (this happens on pages).
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry + .comments-area {
- margin-top: calc(3 * 1rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .comments-area {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
</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">-.comments-area .comment-list,
-.comments-area .comment-navigation,
-.comments-area > .comment-respond,
-.comments-area .comment-form-flex,
-.comments-area .no-comments {
- margin: calc(2 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1168px) {
+ .comments-area {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
</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">- .comments-area .comment-list,
- .comments-area .comment-navigation,
- .comments-area > .comment-respond,
- .comments-area .comment-form-flex,
- .comments-area .no-comments {
- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comments-area {
+ margin: calc(3 * 1rem) calc(10% + 60px);
</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">-.comments-area .comments-title-wrap {
- margin: calc(2 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comments-area > * {
+ margin-top: calc(2 * 1rem);
+ margin-bottom: calc(2 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comments-area > * {
+ margin-top: calc(3 * 1rem);
+ margin-bottom: calc(3 * 1rem);
+ }
+}
+
+.entry + .comments-area {
+ margin-top: calc(3 * 1rem);
+}
+
+@media only screen and (min-width: 768px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comments-title-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> align-items: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: space-between;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2410,15 +2944,18 @@
</span><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">-.comment-list .pingback .comment-body {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body,
+.comment-list .trackback .comment-body {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">-.comment-list .pingback .comment-body a:not(.comment-edit-link) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body a:not(.comment-edit-link),
+.comment-list .trackback .comment-body a:not(.comment-edit-link) {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 19.55556px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.5;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2426,18 +2963,13 @@
</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">-.comment-list .pingback .comment-body .comment-edit-link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body .comment-edit-link,
+.comment-list .trackback .comment-body .comment-edit-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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"> 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">-.comment-reply {
- left: calc(1rem + 100%);
- bottom: 0;
- position: absolute;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> #respond + .comment-reply {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2455,13 +2987,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(.5 * (1rem + calc(100vw / 12 )));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment.depth-1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .children {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment.depth-1 {
+ margin-left: calc(3.25 * 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"> .comment .comment-body {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(2 * 1rem) 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(2 * 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"> .comment .comment-meta {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2468,19 +3004,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">-@media only screen and (min-width: 768px) {
- .comment .comment-meta {
- display: flex;
- }
-}
-
-@media only screen and (min-width: 768px) {
- .comment .comment-author {
- flex: 0 0 auto;
- vertical-align: baseline;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .avatar {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2502,13 +3025,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 768px) {
- .comment .comment-author .fn {
- display: inline-block;
- vertical-align: baseline;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .fn a {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2542,18 +3058,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transform: scale(0.875);
</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: 768px) {
- .comment .comment-metadata {
- flex: 1 0 auto;
- margin-left: 1rem;
- position: relative;
- vertical-align: baseline;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata > a,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .comment-edit-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2566,7 +3073,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata > a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .comment-edit-link:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #4a4a4a;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #005177;
</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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2605,6 +3112,12 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1168px) {
+ .comment .comment-content {
+ padding-right: 1rem;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-content > *: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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2613,6 +3126,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">+.comment .comment-content blockquote {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-content a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2704,8 +3221,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .archive .page-header,
</span><span class="cx" style="display: block; padding: 0 10px"> .search .page-header,
</span><span class="cx" style="display: block; padding: 0 10px"> .error404 .page-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 calc(2 * (100vw / 12)) calc(3 * 1rem);
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 calc(10% + 60px) calc(10% + 60px);
</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">@@ -2752,7 +3268,7 @@
</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"> .hfeed .entry .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2765,7 +3281,7 @@
</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"> .error-404.not-found .page-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .no-results.not-found .page-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12)) calc(1rem / 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px) calc(1rem / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2792,8 +3308,7 @@
</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"> #colophon .widget-area,
</span><span class="cx" style="display: block; padding: 0 10px"> #colophon .site-info {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: calc(3 * 1rem) calc(10% + 60px);
</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">@@ -2850,8 +3365,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"> .widget_archive ul,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_categories ul,
+.widget_meta ul,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_nav_menu ul,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_meta ul,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_pages ul,
+.widget_recent_comments ul,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_entries ul,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2859,215 +3377,377 @@
</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"> .widget_archive ul li,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_categories ul li,
+.widget_meta ul li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_nav_menu ul li,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_meta ul li,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_pages ul li,
+.widget_recent_comments ul li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_recent_entries ul li,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss ul li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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"> font-size: calc(22px * 1.125);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: 0.5rem;
+ margin-bottom: 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">-.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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul li > a:before,
+.widget_categories ul ul li > a:before,
+.widget_meta ul ul li > a:before,
+.widget_nav_menu ul ul li > a:before,
+.widget_pages ul ul li > a:before,
+.widget_recent_comments ul ul li > a:before,
+.widget_recent_entries ul ul li > a:before,
+.widget_rss ul ul li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_archive ul 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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul > li > a:before,
+.widget_categories ul ul > li > a:before,
+.widget_meta ul ul > li > a:before,
+.widget_nav_menu ul ul > li > a:before,
+.widget_pages ul ul > li > a:before,
+.widget_recent_comments ul ul > li > a:before,
+.widget_recent_entries ul ul > li > a:before,
+.widget_rss ul ul > li > a:before {
+ content: "\2013\00a0";
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.widget_archive ul.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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_archive ul ul ul li > a:before,
+.widget_categories ul ul ul li > a:before,
+.widget_meta ul ul ul li > a:before,
+.widget_nav_menu ul ul ul li > a:before,
+.widget_pages ul ul ul li > a:before,
+.widget_recent_comments ul ul ul li > a:before,
+.widget_recent_entries ul ul ul li > a:before,
+.widget_rss ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0";
</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">+.widget_archive ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_archive ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_categories ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_meta ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_nav_menu ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_pages ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_comments ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_recent_entries ul ul ul ul ul ul ul ul ul ul li > a:before,
+.widget_rss ul ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.widget_tag_cloud .tagcloud {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: 700;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget_search .search-submit {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1rem;
</span><span class="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_calendar .calendar_wrap {
+ text-align: center;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+}
+
+.widget_calendar .calendar_wrap table td,
+.widget_calendar .calendar_wrap table th {
+ border: none;
+}
+
+.widget_calendar .calendar_wrap a {
+ text-decoration: underline;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Blocks */
</span><span class="cx" style="display: block; padding: 0 10px"> /* !Block styles */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *,
-.entry-summary > * {
- max-width: calc(100vw - (2 * 1rem));
- margin: 32px 1rem;
- /*
- // Set top margins for headings
- & + h1:before,
- & + h2:before,
- & + h3,
- & + h4,
- & + h5,
- & + h6 {
- margin-top: calc(4 * 1rem);
- }
-*/
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *,
+.entry .entry-summary > * {
+ margin: 32px 0;
+ max-width: 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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *,
- .entry-summary > * {
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *,
+ .entry .entry-summary > * {
+ max-width: calc(8 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *,
- .entry-summary > * {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *,
+ .entry .entry-summary > * {
+ max-width: calc(6 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *,
- .entry-summary > * {
- margin: 32px calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *,
+ .entry .entry-summary > * {
+ margin: 32px 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > * > *:first-child,
-.entry-summary > * > *:first-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > * > *:first-child,
+.entry .entry-summary > * > *:first-child {
</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">-.entry-content > * > *:last-child,
-.entry-summary > * > *:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > * > *:last-child,
+.entry .entry-summary > * > *:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignwide,
-.entry-summary > *.alignwide {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.alignwide,
+.entry .entry-summary > *.alignwide {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ clear: both;
</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">- .entry-content > *.alignwide,
- .entry-summary > *.alignwide {
- margin-left: calc(2 * (100vw / 12));
- margin-right: calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.alignwide,
+ .entry .entry-summary > *.alignwide {
+ width: 100%;
+ max-width: 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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignfull,
-.entry-summary > *.alignfull {
- margin-top: calc(2 * 1rem);
- margin-right: 0;
- margin-bottom: calc(2 * 1rem);
- margin-left: 0;
- max-width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.alignfull,
+.entry .entry-summary > *.alignfull {
+ position: relative;
+ left: -1rem;
+ width: calc( 100% + (2 * 1rem));
+ max-width: calc( 100% + (2 * 1rem));
+ clear: both;
</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 > *.alignleft,
-.entry-summary > *.alignleft {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content > *.alignfull,
+ .entry .entry-summary > *.alignfull {
+ margin-top: calc(2 * 1rem);
+ margin-bottom: calc(2 * 1rem);
+ left: calc( -12.5% - 75px);
+ width: calc( 125% + 150px);
+ max-width: calc( 125% + 150px);
+ }
+}
+
+.entry .entry-content > *.alignleft,
+.entry .entry-summary > *.alignleft {
+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(5 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
+ /*rtl:ignore*/
+ margin-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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *.alignleft,
- .entry-summary > *.alignleft {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.alignleft,
+ .entry .entry-summary > *.alignleft {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(4 * (100vw / 12));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(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">
</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">- .entry-content > *.alignleft,
- .entry-summary > *.alignleft {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.alignleft,
+ .entry .entry-summary > *.alignleft {
</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="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.alignright,
-.entry-summary > *.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.alignright,
+.entry .entry-summary > *.alignright {
+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(5 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 1rem;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > *.alignright,
- .entry-summary > *.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.alignright,
+ .entry .entry-summary > *.alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(4 * (100vw / 12));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(2 * 1rem);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: calc(2 * (100vw / 12));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content > *.aligncenter,
-.entry-summary > *.aligncenter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.aligncenter,
+.entry .entry-summary > *.aligncenter {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</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">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content > *.aligncenter,
+ .entry .entry-summary > *.aligncenter {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
+}
+
</ins><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">- .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%);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > *.aligncenter,
+ .entry .entry-summary > *.aligncenter {
+ max-width: calc(6 * (100vw / 12) - 28px);
</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">-.entry-content .wp-block-audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content > *.aligncenter,
+ .entry .entry-summary > *.aligncenter {
+ margin-left: 0;
+ margin-right: 0;
+ }
+}
+
+/*
+ * Unset nested content selector styles
+ * - Prevents layout styles from cascading too deeply
+ * - helps with plugin compatibility
+ */
+.entry .entry-content .entry-content,
+.entry .entry-content .entry-summary,
+.entry .entry-content .entry,
+.entry .entry-summary .entry-content,
+.entry .entry-summary .entry-summary,
+.entry .entry-summary .entry {
+ margin: inherit;
+ max-width: inherit;
+ padding: inherit;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content .entry-content,
+ .entry .entry-content .entry-summary,
+ .entry .entry-content .entry,
+ .entry .entry-summary .entry-content,
+ .entry .entry-summary .entry-summary,
+ .entry .entry-summary .entry {
+ margin: inherit;
+ max-width: inherit;
+ padding: inherit;
+ }
+}
+
+.entry .entry-content p.has-background {
+ padding: 20px 30px;
+}
+
+.entry .entry-content .wp-block-audio {
</ins><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">-.entry-content .wp-block-audio audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-audio audio {
</ins><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">-.entry-content .wp-block-audio.alignleft audio,
-.entry-content .wp-block-audio.alignright audio {
- max-width: 190px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-audio.alignleft audio,
+.entry .entry-content .wp-block-audio.alignright audio {
+ max-width: 198px;
</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">- .entry-content .wp-block-audio.alignleft audio,
- .entry-content .wp-block-audio.alignright audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-audio.alignleft audio,
+ .entry .entry-content .wp-block-audio.alignright audio {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 384px;
</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: 1379px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-audio.alignleft audio,
- .entry-content .wp-block-audio.alignright audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-audio.alignleft audio,
+ .entry .entry-content .wp-block-audio.alignright audio {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 385.44px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-audio.aligncenter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-audio.aligncenter {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 32px calc(2 * (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="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-video video {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-video video {
</ins><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">-.entry-content .wp-block-button .wp-block-button__link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button .wp-block-button__link {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: background 150ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3083,26 +3763,24 @@
</span><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">-.entry-content .wp-block-button .wp-block-button__link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button .wp-block-button__link:hover {
+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-button .wp-block-button__link:hover, .entry-content .wp-block-button .wp-block-button__link:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button .wp-block-button__link:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
-
-.entry-content .wp-block-button .wp-block-button__link:focus {
</del><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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-button:not(.is-style-squared) .wp-block-button__link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button:not(.is-style-squared) .wp-block-button__link {
</ins><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">-.entry-content .wp-block-button.is-style-outline .wp-block-button__link,
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
-.entry-content .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">+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus,
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active {
</ins><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><span class="cx" style="display: block; padding: 0 10px"> border: 2px solid currentColor;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3109,76 +3787,123 @@
</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">-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-archives,
-.entry-content .wp-block-categories,
-.entry-content .wp-block-latest-posts {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives,
+.entry .entry-content .wp-block-categories,
+.entry .entry-content .wp-block-latest-posts {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: 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">-.entry-content .wp-block-archives li,
-.entry-content .wp-block-categories li,
-.entry-content .wp-block-latest-posts li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives li,
+.entry .entry-content .wp-block-categories li,
+.entry .entry-content .wp-block-latest-posts li {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</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"> font-size: calc(22px * 1.125);
</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: 1.2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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: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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives li.menu-item-has-children, .entry .entry-content .wp-block-archives li:last-child,
+.entry .entry-content .wp-block-categories li.menu-item-has-children,
+.entry .entry-content .wp-block-categories li:last-child,
+.entry .entry-content .wp-block-latest-posts li.menu-item-has-children,
+.entry .entry-content .wp-block-latest-posts li:last-child {
+ padding-bottom: 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">-.entry-content .wp-block-archives li a,
-.entry-content .wp-block-categories li a,
-.entry-content .wp-block-latest-posts li a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives li a,
+.entry .entry-content .wp-block-categories li a,
+.entry .entry-content .wp-block-latest-posts li a {
</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">-.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;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-categories ul {
+ padding-top: 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-latest-posts.is-grid li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-categories li ul {
+ list-style: none;
+ padding-left: 0;
+}
+
+.entry .entry-content .wp-block-categories ul li > a:before {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+}
+
+.entry .entry-content .wp-block-categories ul > li > a:before {
+ content: "\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-categories ul ul ul ul ul ul ul ul ul li > a:before {
+ content: "\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0\2013\00a0";
+}
+
+.entry .entry-content .wp-block-latest-posts.is-grid li {
</ins><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="cx" style="display: block; padding: 0 10px"> margin-bottom: 2rem;
</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-latest-posts.is-grid li a:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-posts.is-grid li a:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: '';
</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-latest-posts.is-grid li:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-posts.is-grid li:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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-latest-posts.is-grid li:last-child a:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-posts.is-grid li:last-child a:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: '';
</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-preformatted {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-preformatted {
</ins><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.8;
</span><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-verse {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-verse {
</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"> 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">-.entry-content .has-drop-cap:not(:focus):first-letter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-drop-cap:not(:focus):first-letter {
</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: 3.375em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3186,19 +3911,20 @@
</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">-.entry-content .wp-block-pullquote {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><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-pullquote blockquote {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote blockquote {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-bottom: calc(2 * 1rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(4 * 1rem);
+ margin-bottom: calc(4.33 * 1rem);
</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">-.entry-content .wp-block-pullquote p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</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">@@ -3206,29 +3932,35 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-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">-.entry-content .wp-block-pullquote p em {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote p em {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-pullquote p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-pullquote p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote cite {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote cite {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 0.71111em;
</del><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * 1.125));
</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-pullquote.alignleft, .entry-content .wp-block-pullquote.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.alignleft, .entry .entry-content .wp-block-pullquote.alignright {
+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote.alignleft blockquote, .entry-content .wp-block-pullquote.alignright blockquote {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.alignleft blockquote, .entry .entry-content .wp-block-pullquote.alignright blockquote {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3235,11 +3967,20 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote.is-style-solid-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: 0;
+ padding-right: 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">-.entry-content .wp-block-pullquote.is-style-solid-color p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-pullquote.is-style-solid-color {
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+}
+
+.entry .entry-content .wp-block-pullquote.is-style-solid-color p {
</ins><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="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3247,152 +3988,161 @@
</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">- .entry-content .wp-block-pullquote.is-style-solid-color p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-pullquote.is-style-solid-color p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote.is-style-solid-color a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-pullquote.is-style-solid-color blockquote {
- color: #fff;
- margin: 0 auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color cite {
+ color: inherit;
</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-pullquote.is-style-solid-color .has-primary-background-color {
- background-color: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
+ max-width: calc(100% - (2 * 1rem));
+ color: #fff;
+ padding-left: 0;
+ margin-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">-.entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
- padding: 1rem 1rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote {
+ margin-left: 0;
+ margin-right: 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">-.entry-content .wp-block-pullquote.is-style-solid-color.alignleft blockquote, .entry-content .wp-block-pullquote.is-style-solid-color.alignright blockquote {
- padding: 0 0 calc( 1.5 * 1rem);
- margin-left: 0;
- margin-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote.is-style-solid-color .has-primary-background-color {
+ background-color: #0073aa;
</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">- .entry-content .wp-block-pullquote.is-style-solid-color.alignleft, .entry-content .wp-block-pullquote.is-style-solid-color.alignright {
- padding: calc( 2 * 1rem) calc( 2 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-pullquote.is-style-solid-color.alignfull {
+ padding-left: calc(10% + 58px + (2 * 1rem));
+ padding-right: calc(10% + 58px + (2 * 1rem));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-quote:not(.is-large), .entry-content .wp-block-quote:not(.is-style-large) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote:not(.is-large), .entry .entry-content .wp-block-quote:not(.is-style-large) {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-left: 2px solid #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-quote p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</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">-.entry-content .wp-block-quote cite {
- font-size: 0.71111em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote cite {
+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * 1.125));
</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-quote.is-large, .entry-content .wp-block-quote.is-style-large {
- padding: 1rem 0 1rem 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-left: 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">-.entry-content .wp-block-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
</ins><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.4;
</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">-.entry-content .wp-block-quote.is-large cite,
-.entry-content .wp-block-quote.is-large footer, .entry-content .wp-block-quote.is-style-large cite,
-.entry-content .wp-block-quote.is-style-large footer {
- font-size: 0.71111em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-quote.is-large cite,
+.entry .entry-content .wp-block-quote.is-large footer, .entry .entry-content .wp-block-quote.is-style-large cite,
+.entry .entry-content .wp-block-quote.is-style-large footer {
+ /*
+ * This requires a rem-based font size calculation instead of our normal em-based one,
+ * because the cite tag sometimes gets wrapped in a p tag. This is equivalent to $font-size_xs.
+ */
+ font-size: calc(1rem / (1.25 * 1.125));
</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">- .entry-content .wp-block-quote.is-large, .entry-content .wp-block-quote.is-style-large {
- margin: 1rem calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-quote.is-large, .entry .entry-content .wp-block-quote.is-style-large {
+ margin: 1rem 0;
+ padding: 1rem 0;
</ins><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-quote.is-large p, .entry-content .wp-block-quote.is-style-large p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-quote.is-large p, .entry .entry-content .wp-block-quote.is-style-large p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-image img {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-image img {
</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">-.entry-content .wp-block-image.alignleft, .entry-content .wp-block-image.alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-image.alignleft, .entry .entry-content .wp-block-image.alignright {
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-image.alignfull img {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-image.alignfull img {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100vw;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: auto;
- margin-right: auto;
</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">-.entry-content .wp-block-cover-image .wp-block-cover-image-text,
-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-image.alignfull img {
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
+
+.entry .entry-content .wp-block-cover-image,
+.entry .entry-content .wp-block-cover {
+ position: relative;
+ min-height: 430px;
+ padding: 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-cover-image,
+ .entry .entry-content .wp-block-cover {
+ padding: 1rem 10%;
+ }
+}
+
+.entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover-image .wp-block-cover-text,
+.entry .entry-content .wp-block-cover-image h2,
+.entry .entry-content .wp-block-cover .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover .wp-block-cover-text,
+.entry .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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(100vw - (2 * 1rem));
- max-width: calc(100vw - (2 * 1rem));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.25;
+ padding: 0;
+ 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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-cover-image .wp-block-cover-image-text,
- .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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-cover-image .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover-image .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover-image h2,
+ .entry .entry-content .wp-block-cover .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover h2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: calc(8 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- .entry-content .wp-block-cover-image .wp-block-cover-image-text,
- .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 {
- width: calc(6 * (100vw / 12 ));
- max-width: calc(6 * (100vw / 12 ));
- }
-}
-
-.entry-content .wp-block-cover-image.alignleft h2,
-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-cover-image.aligncenter h2,
+.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover-image.aligncenter .wp-block-cover-text,
+.entry .entry-content .wp-block-cover.aligncenter h2,
+.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-image-text,
+.entry .entry-content .wp-block-cover.aligncenter .wp-block-cover-text {
</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">@@ -3401,50 +4151,65 @@
</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.aligncenter,
-.entry-content .wp-block-cover.aligncenter {
- margin: 32px calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-cover-image.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
+.entry .entry-content .wp-block-cover.alignleft,
+.entry .entry-content .wp-block-cover.alignright {
+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-cover-image.has-left-content,
-.entry-content .wp-block-cover.has-left-content {
- justify-content: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover-image.alignfull h2,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover.alignfull h2 {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
</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-cover-image.has-left-content h2,
-.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 {
- padding: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1168px) {
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover-image.alignfull h2,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover.alignfull h2 {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
</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-cover-image.has-right-content,
-.entry-content .wp-block-cover.has-right-content {
- justify-content: center;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-cover-image.alignfull,
+ .entry .entry-content .wp-block-cover.alignfull {
+ padding-left: calc(10% + 58px + (2 * 1rem));
+ padding-right: calc(10% + 58px + (2 * 1rem));
+ }
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover-image.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover-image.alignfull h2,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-image-text,
+ .entry .entry-content .wp-block-cover.alignfull .wp-block-cover-text,
+ .entry .entry-content .wp-block-cover.alignfull h2 {
+ padding: 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">-.entry-content .wp-block-cover-image.has-right-content h2,
-.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 {
- padding: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-gallery {
+ list-style-type: none;
+ padding-left: 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">-.entry-content .wp-block-gallery .blocks-gallery-image:last-child,
-.entry-content .wp-block-gallery .blocks-gallery-item:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-gallery .blocks-gallery-image:last-child,
+.entry .entry-content .wp-block-gallery .blocks-gallery-item:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 16px;
</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-audio figcaption,
-.entry-content .wp-block-video figcaption,
-.entry-content .wp-block-image figcaption,
-.entry-content .wp-block-gallery .blocks-gallery-image figcaption,
-.entry-content .wp-block-gallery .blocks-gallery-item figcaption {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-audio figcaption,
+.entry .entry-content .wp-block-video figcaption,
+.entry .entry-content .wp-block-image figcaption,
+.entry .entry-content .wp-block-gallery .blocks-gallery-image figcaption,
+.entry .entry-content .wp-block-gallery .blocks-gallery-item figcaption {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3453,56 +4218,63 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: 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">-.entry-content .wp-block-separator,
-.entry-content hr {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator,
+.entry .entry-content hr {
+ background-color: #767676;
+ border: 0;
+ height: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 2rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 2.25em;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Remove duplicate rule-line when a separator
</span><span class="cx" style="display: block; padding: 0 10px"> * is followed by an H1, or H2 */
</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-separator:not(.is-style-dots),
-.entry-content hr:not(.is-style-dots) {
- background-color: #767676;
- border: 0;
- height: 2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator.is-style-wide,
+.entry .entry-content hr.is-style-wide {
+ max-width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-separator:not(.is-style-wide):not(.is-style-dots),
-.entry-content hr:not(.is-style-wide):not(.is-style-dots) {
- max-width: 2.25em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-separator.is-style-wide,
+ .entry .entry-content hr.is-style-wide {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
</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-separator + h1:before,
-.entry-content .wp-block-separator + h2:before,
-.entry-content hr + h1:before,
-.entry-content hr + h2:before {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 1168px) {
+ .entry .entry-content .wp-block-separator.is-style-wide,
+ .entry .entry-content hr.is-style-wide {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
</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-separator.is-style-dots,
-.entry-content hr.is-style-dots {
- max-width: calc(100vw - (2 * 1rem));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator.is-style-dots,
+.entry .entry-content hr.is-style-dots {
+ max-width: 100%;
+ background-color: inherit;
+ border: inherit;
+ height: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: 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"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-separator.is-style-dots,
- .entry-content hr.is-style-dots {
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-separator.is-style-dots,
+ .entry .entry-content hr.is-style-dots {
+ max-width: calc(8 * (100vw / 12) - 28px);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content .wp-block-separator.is-style-dots,
- .entry-content hr.is-style-dots {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-separator.is-style-dots,
+ .entry .entry-content hr.is-style-dots {
+ max-width: calc(6 * (100vw / 12) - 28px);
</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">-.entry-content .wp-block-separator.is-style-dots:before,
-.entry-content hr.is-style-dots:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator.is-style-dots:before,
+.entry .entry-content hr.is-style-dots:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> letter-spacing: 0.88889em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3509,19 +4281,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0.88889em;
</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-embed-twitter {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-separator + h1:before,
+.entry .entry-content .wp-block-separator + h2:before,
+.entry .entry-content hr + h1:before,
+.entry .entry-content hr + h2:before {
+ display: none;
+}
+
+.entry .entry-content .wp-block-embed-twitter {
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</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-table td, .entry-content .wp-block-table th {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-table th,
+.entry .entry-content .wp-block-table td {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #767676;
</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-file {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file {
</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"> }
</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-file .wp-block-file__button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file .wp-block-file__button {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: background 150ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3529,87 +4309,90 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.75rem 1rem;
</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"> }
</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">- .entry-content .wp-block-file .wp-block-file__button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-file .wp-block-file__button {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.875rem 1.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-file .wp-block-file__button:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file .wp-block-file__button:hover {
+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-file .wp-block-file__button:hover, .entry-content .wp-block-file .wp-block-file__button:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file .wp-block-file__button:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-}
-
-.entry-content .wp-block-file .wp-block-file__button:focus {
</del><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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-code {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-file * + .wp-block-file__button {
+ margin-left: 0.75rem;
+}
+
+.entry .entry-content .wp-block-code {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-code code {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-code code {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.125em;
</span><span class="cx" style="display: block; padding: 0 10px"> white-space: pre-wrap;
</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">-.entry-content .wp-block-columns .wp-block-column > *:first-child {
- margin-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-columns .wp-block-column > *:first-child {
+ margin-top: 0;
+ }
+ .entry .entry-content .wp-block-columns .wp-block-column > *:last-child {
+ margin-bottom: 0;
+ }
+ .entry .entry-content .wp-block-columns[class*='has-'] > * {
+ margin-right: 1rem;
+ }
+ .entry .entry-content .wp-block-columns[class*='has-'] > *:last-child {
+ margin-right: 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">-.entry-content .wp-block-columns .wp-block-column > *:last-child {
- margin-bottom: 0;
-}
-
-.entry-content .wp-block-columns[class*='has-'] > * {
- margin-right: 1rem;
-}
-
-.entry-content .wp-block-columns[class*='has-'] > *:last-child {
- margin-right: 0;
-}
-
-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta {
</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-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">-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-meta .wp-block-latest-comments__comment-date {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
-.entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment,
+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-date,
+.entry .entry-content .wp-block-latest-comments .wp-block-latest-comments__comment-excerpt p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 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">-.entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-latest-comments.has-dates .wp-block-latest-comments__comment-date {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .has-primary-background-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.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 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-primary-background-color p,
+.entry .entry-content .has-primary-background-color h1,
+.entry .entry-content .has-primary-background-color h2,
+.entry .entry-content .has-primary-background-color h3,
+.entry .entry-content .has-primary-background-color h4,
+.entry .entry-content .has-primary-background-color h5,
+.entry .entry-content .has-primary-background-color h6,
+.entry .entry-content .has-primary-background-color a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3653,6 +4436,20 @@
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .wp-caption.aligncenter {
+ position: relative;
+ left: calc( calc(8 * (100vw / 12) - 28px) / 2);
+ transform: translateX(-50%);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .wp-caption.aligncenter {
+ left: calc( calc(6 * (100vw / 12) - 28px) / 2);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption img[class*="wp-image-"] {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3681,7 +4478,7 @@
</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">- padding-right: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-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">@@ -3689,37 +4486,69 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-2 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 2 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 2 ) * (100% / 12) - ( 1rem * 0.5 ));
</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">+.gallery-columns-2 .gallery-item:nth-of-type(2n+2) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-3 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 3 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 3 ) * (100% / 12) - ( 1rem * 0.66667 ));
</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">+.gallery-columns-3 .gallery-item:nth-of-type(3n+3) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-4 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 4 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 4 ) * (100% / 12) - ( 1rem * 0.75 ));
</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">+.gallery-columns-4 .gallery-item:nth-of-type(4n+4) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-5 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 5 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 5 ) * (100% / 12) - ( 1rem * 0.8 ));
</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">+.gallery-columns-5 .gallery-item:nth-of-type(5n+5) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-6 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 6 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 6 ) * (100% / 12) - ( 1rem * 0.83333 ));
</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">+.gallery-columns-6 .gallery-item:nth-of-type(6n+6) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-7 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 7 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 7 ) * (100% / 12) - ( 1rem * 0.85714 ));
</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">+.gallery-columns-7 .gallery-item:nth-of-type(7n+7) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-8 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 8 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 8 ) * (100% / 12) - ( 1rem * 0.875 ));
</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">+.gallery-columns-8 .gallery-item:nth-of-type(8n+8) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-columns-9 .gallery-item {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc( ( 12 / 9 ) * (100% / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc( ( 12 / 9 ) * (100% / 12) - ( 1rem * 0.88889 ));
</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">+.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-item:last-of-type {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-none.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,7 +13,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <section class="no-results not-found">
</span><span class="cx" style="display: block; padding: 0 10px"> <header class="page-header">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h1 class="page-title"><?php esc_html_e( 'Nothing Found', 'twentynineteen' ); ?></h1>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h1 class="page-title"><?php _e( 'Nothing Found', 'twentynineteen' ); ?></h1>
</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"> <div class="page-content">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -36,7 +36,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> elseif ( is_search() ) :
</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">- <p><?php esc_html_e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentynineteen' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p><?php _e( 'Sorry, but nothing matched your search terms. Please try again with some different keywords.', 'twentynineteen' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_search_form();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -43,7 +43,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> else :
</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">- <p><?php esc_html_e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentynineteen' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p><?php _e( 'It seems we can’t find what you’re looking for. Perhaps searching can help.', 'twentynineteen' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_search_form();
</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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-page.php 2018-11-12 23:19:13 UTC (rev 43892)
</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">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_link_pages(
</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">- 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'after' => '</div>',
</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="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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-single.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -37,7 +37,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_link_pages(
</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">- 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'after' => '</div>',
</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="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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -46,7 +46,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_link_pages(
</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">- 'before' => '<div class="page-links">' . esc_html__( 'Pages:', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'before' => '<div class="page-links">' . __( 'Pages:', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'after' => '</div>',
</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="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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -36,6 +36,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'theme_location' => 'menu-1',
</span><span class="cx" style="display: block; padding: 0 10px"> 'menu_class' => 'main-menu',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'items_wrap' => '<ul id="%1$s" class="%2$s" tabindex="0">%3$s</ul>',
</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="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-11-12 17:01:09 UTC (rev 43891)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php 2018-11-12 23:19:13 UTC (rev 43892)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,22 +8,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"> /* Get data from current discussion on post. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$discussion = twentynineteen_get_discussion_data();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$discussion = twentynineteen_get_discussion_data();
+$has_responses = $discussion->responses > 0;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$comments_number = get_comments_number();
-$has_responses = $discussion->responses > 0;
-
</del><span class="cx" style="display: block; padding: 0 10px"> if ( $has_responses ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: %1(X responses)$s from %2(X others)$s */
- $meta_label = sprintf(
- '%1$s from %2$s.',
- sprintf( _n( '%d response', '%d responses', $discussion->responses, 'twentynineteen' ), $discussion->responses ),
- sprintf( _n( '%d other', '%d others', $discussion->commenters, 'twentynineteen' ), $discussion->commenters )
- );
-} elseif ( $comments_number > 0 ) {
- /* Show comment count if not enough discussion information */
-
- $meta_label = sprintf( _n( '%d Comment', '%d Comments', $comments_number, 'twentynineteen' ), $comments_number );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %1(X comments)$s */
+ $meta_label = sprintf( _n( '%d Comment', '%d Comments', $discussion->responses, 'twentynineteen' ), $discussion->responses );
</ins><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> $meta_label = __( 'No comments', 'twentynineteen' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre>
</div>
</div>
</body>
</html>