<!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>[44149] trunk/src/wp-content/themes/twentynineteen: Default Themes: Import Twenty Nineteen from the 5.0 branch.</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/44149">44149</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/44149","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>pento</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2018-12-14 02:32:33 +0000 (Fri, 14 Dec 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'>Default Themes: Import Twenty Nineteen from the 5.0 branch.
Merges [43808,43821,43842,43860,43892,43904,43909,43926-43929,43956,43961-43963] from the 5.0 branch to trunk.
Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, jorbin, netweb, b-07, khleomix, audrasjb, nielslange, mmaumio, richsalvucci, littlebigthing, dimadin, joyously, anevins, peterwilsoncc, dannycooper, iCaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, grapplerulrich, ocean90, joshfeck, frankew, AbdulWahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, nao, mayukojpn, enodekciw, ketuchetan, atanasangelovdev, poena, sharaz, artisticasad, mukesh27, burhandodhy, crunnells, aprakasa, themeroots, imonly_ik, tlxo, youthkee, brentswisher, smyoon315, mrahmadawais, desideveloper, Kau-Boy, mor10, mikeyarce, dingo_bastard, xkon, twoabove.
Fixes <a href="https://core.trac.wordpress.org/ticket/45424">#45424</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentynineteen404php">trunk/src/wp-content/themes/twentynineteen/404.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenarchivephp">trunk/src/wp-content/themes/twentynineteen/archive.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenclassesclasstwentynineteensvgiconsphp">trunk/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenclassesclasstwentynineteenwalkercommentphp">trunk/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteencommentsphp">trunk/src/wp-content/themes/twentynineteen/comments.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenfooterphp">trunk/src/wp-content/themes/twentynineteen/footer.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenfunctionsphp">trunk/src/wp-content/themes/twentynineteen/functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenheaderphp">trunk/src/wp-content/themes/twentynineteen/header.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteeninccustomizerphp">trunk/src/wp-content/themes/twentynineteen/inc/customizer.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteeninciconfunctionsphp">trunk/src/wp-content/themes/twentynineteen/inc/icon-functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteeninctemplatefunctionsphp">trunk/src/wp-content/themes/twentynineteen/inc/template-functions.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteeninctemplatetagsphp">trunk/src/wp-content/themes/twentynineteen/inc/template-tags.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenindexphp">trunk/src/wp-content/themes/twentynineteen/index.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenpackagelockjson">trunk/src/wp-content/themes/twentynineteen/package-lock.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenpackagejson">trunk/src/wp-content/themes/twentynineteen/package.json</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenpagephp">trunk/src/wp-content/themes/twentynineteen/page.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenpostcssconfigjs">trunk/src/wp-content/themes/twentynineteen/postcss.config.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenprintcss">trunk/src/wp-content/themes/twentynineteen/print.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenprintscss">trunk/src/wp-content/themes/twentynineteen/print.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenreadmetxt">trunk/src/wp-content/themes/twentynineteen/readme.txt</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassblocks_blocksscss">trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasselements_elementsscss">trunk/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasselements_tablesscss">trunk/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassforms_buttonsscss">trunk/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassforms_fieldsscss">trunk/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassmedia_captionsscss">trunk/src/wp-content/themes/twentynineteen/sass/media/_captions.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassmedia_galleriesscss">trunk/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassmixins_mixinsmasterscss">trunk/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassmixins_utilitiesscss">trunk/src/wp-content/themes/twentynineteen/sass/mixins/_utilities.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassmodules_alignmentsscss">trunk/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassnavigation_linksscss">trunk/src/wp-content/themes/twentynineteen/sass/navigation/_links.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassnavigation_navigationscss">trunk/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassnavigation_nextpreviousscss">trunk/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasssitefooter_sitefooterscss">trunk/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasssiteheader_sitefeaturedimagescss">trunk/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasssiteheader_siteheaderscss">trunk/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasssiteprimary_archivesscss">trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasssiteprimary_commentsscss">trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasssiteprimary_postsandpagesscss">trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasssitesecondary_widgetsscss">trunk/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasstypography_copyscss">trunk/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasstypography_headingsscss">trunk/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensasstypography_typographyscss">trunk/src/wp-content/themes/twentynineteen/sass/typography/_typography.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassvariablessite_fontsscss">trunk/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassvariablessite_structurescss">trunk/src/wp-content/themes/twentynineteen/sass/variables-site/_structure.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenscreenshotpng">trunk/src/wp-content/themes/twentynineteen/screenshot.png</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensearchphp">trunk/src/wp-content/themes/twentynineteen/search.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensinglephp">trunk/src/wp-content/themes/twentynineteen/single.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstyleeditorcss">trunk/src/wp-content/themes/twentynineteen/style-editor.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstyleeditorscss">trunk/src/wp-content/themes/twentynineteen/style-editor.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstylertlcss">trunk/src/wp-content/themes/twentynineteen/style-rtl.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstylecss">trunk/src/wp-content/themes/twentynineteen/style.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentnonephp">trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-none.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentpagephp">trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-page.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentsinglephp">trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-single.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentphp">trunk/src/wp-content/themes/twentynineteen/template-parts/content/content.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartsheaderentryheaderphp">trunk/src/wp-content/themes/twentynineteen/template-parts/header/entry-header.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartsheadersitebrandingphp">trunk/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartspostdiscussionmetaphp">trunk/src/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li>trunk/src/wp-content/themes/twentynineteen/</li>
<li>trunk/src/wp-content/themes/twentynineteen/fonts/</li>
<li><a href="#trunksrcwpcontentthemestwentynineteenimagephp">trunk/src/wp-content/themes/twentynineteen/image.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenincbackcompatphp">trunk/src/wp-content/themes/twentynineteen/inc/back-compat.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteeninccolorpatternsphp">trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenjscustomizecontrolsjs">trunk/src/wp-content/themes/twentynineteen/js/customize-controls.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenjscustomizepreviewjs">trunk/src/wp-content/themes/twentynineteen/js/customize-preview.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenjsprioritymenujs">trunk/src/wp-content/themes/twentynineteen/js/priority-menu.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenjstouchkeyboardnavigationjs">trunk/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassnavigation_menufooternavigationscss">trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-footer-navigation.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss">trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassnavigation_menusocialnavigationscss">trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-navigation.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstyleeditorcustomizercss">trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstyleeditorcustomizerscss">trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstylecssmap">trunk/src/wp-content/themes/twentynineteen/style.css.map</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentexcerptphp">trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php</a></li>
<li>trunk/src/wp-content/themes/twentynineteen/template-parts/footer/</li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartspostauthorbiophp">trunk/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php</a></li>
</ul>
<h3>Removed Paths</h3>
<ul>
<li><a href="#trunksrcwpcontentthemestwentynineteenincuiiconsphp">trunk/src/wp-content/themes/twentynineteen/inc/ui-icons.php</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenjscustomizerjs">trunk/src/wp-content/themes/twentynineteen/js/customizer.js</a></li>
<li>trunk/src/wp-content/themes/twentynineteen/languages/</li>
<li><a href="#trunksrcwpcontentthemestwentynineteensassnavigation_menusscss">trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menus.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstyleeditorframecss">trunk/src/wp-content/themes/twentynineteen/style-editor-frame.css</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteenstyleeditorframescss">trunk/src/wp-content/themes/twentynineteen/style-editor-frame.scss</a></li>
<li><a href="#trunksrcwpcontentthemestwentynineteentemplatepartspostauthorinfophp">trunk/src/wp-content/themes/twentynineteen/template-parts/post/author-info.php</a></li>
</ul>
<h3>Property Changed</h3>
<ul>
<li><a href="#trunk">trunk/</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<span class="cx" style="display: block; padding: 0 10px">Index: trunk
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- trunk 2018-12-14 02:21:38 UTC (rev 44148)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ trunk 2018-12-14 02:32:33 UTC (rev 44149)
</ins><a id="trunk"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: trunk</h4>
<pre class="diff"><span>
</span></pre></div>
<a id="svnmergeinfo"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: svn:mergeinfo</h4></div>
<span class="cx" style="display: block; padding: 0 10px"> /branches/3.3:20543
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/3.4:21757
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/4.9:43557,43622
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/branches/5.0:43681-43682,43684-43688,43719-43720,43723,43726-43727,43729-43731,43734-43744,43751-43754,43758,43761-43765,43767-43770,43772,43774-43781,43783,43790-43800,43802,43804
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/branches/5.0:43681-43682,43684-43688,43719-43720,43723,43726-43727,43729-43731,43734-43744,43751-43754,43758,43761-43765,43767-43770,43772,43774-43781,43783,43790-43800,43802,43804,43808,43821,43842,43860,43892,43904,43909,43926-43929,43956,43961-43963
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="trunksrcwpcontentthemestwentynineteen404php"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/404.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/404.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/404.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,15 +6,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <section class="error-404 not-found">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="error-404 not-found">
</ins><span class="cx" style="display: block; padding: 0 10px"> <header class="page-header">
</span><span class="cx" style="display: block; padding: 0 10px"> <h1 class="page-title"><?php _e( 'Oops! That page can’t be found.', 'twentynineteen' ); ?></h1>
</span><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .page-header -->
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,13 +22,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="page-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentynineteen' ); ?></p>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php get_search_form(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .page-content -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </section><!-- .error-404 -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div><!-- .error-404 -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- #primary -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenarchivephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/archive.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/archive.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/archive.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,12 +6,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( have_posts() ) : ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,7 +20,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <header class="page-header">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> the_archive_title( '<h1 class="page-title">', '</h1>' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- the_archive_description( '<div class="page-description">', '</div>' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Remove for now @TODO
+ // the_archive_description( '<div class="page-description">', '</div>' );
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .page-header -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,7 +35,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * If you want to override this in a child theme, then include a file
</span><span class="cx" style="display: block; padding: 0 10px"> * called content-___.php (where ___ is the Post Format name) and that will be used instead.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- get_template_part( 'template-parts/content/content' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ get_template_part( 'template-parts/content/content', 'excerpt' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // End the loop.
</span><span class="cx" style="display: block; padding: 0 10px"> endwhile;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -43,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 -->
- </div><!-- .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="trunksrcwpcontentthemestwentynineteenclassesclasstwentynineteensvgiconsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,7 +33,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $arr = array();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> if ( array_key_exists( $icon, $arr ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $repl = sprintf( '<svg id="%s-icon-%s" class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" ', $group, $icon, $size, $size );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $repl = sprintf( '<svg class="svg-icon" width="%d" height="%d" aria-hidden="true" role="img" focusable="false" ', $size, $size );
</ins><span class="cx" style="display: block; padding: 0 10px"> $svg = preg_replace( '/^<svg /', $repl, trim( $arr[ $icon ] ) ); // Add extra attributes to SVG code.
</span><span class="cx" style="display: block; padding: 0 10px"> $svg = preg_replace( "/([\n\t]+)/", ' ', $svg ); // Remove newlines & tabs.
</span><span class="cx" style="display: block; padding: 0 10px"> $svg = preg_replace( '/>\s*</', '><', $svg ); // Remove white space between SVG tags.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -70,89 +71,103 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @var array
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> static $ui_icons = array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'link' => /* material-design – link */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <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">+ 'link' => /* material-design – link */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'watch' => /* material-design – watch-later */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'watch' => /* material-design – watch-later */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
</ins><span class="cx" style="display: block; padding: 0 10px"> <defs>
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'archive' => /* material-design – folder */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <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">+ 'archive' => /* material-design – folder */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'tag' => /* material-design – local_offer */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <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">+ 'tag' => /* material-design – local_offer */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'comment' => /* material-design – comment */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'comment' => /* material-design – comment */ '
</ins><span class="cx" style="display: block; padding: 0 10px"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'person' => /* material-design – person */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'person' => /* material-design – person */ '
</ins><span class="cx" style="display: block; padding: 0 10px"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'edit' => /* material-design – edit */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'edit' => /* material-design – edit */ '
</ins><span class="cx" style="display: block; padding: 0 10px"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'chevron_left' => /* material-design – chevron_left */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'chevron_left' => /* material-design – chevron_left */ '
</ins><span class="cx" style="display: block; padding: 0 10px"> <svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'chevron_right' => /* material-design – chevron_right */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <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">+ 'chevron_right' => /* material-design – chevron_right */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'check' => /* material-design – check */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <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">+ 'check' => /* material-design – check */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <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">+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
- <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">+ 'keyboard_arrow_down' => /* material-design – keyboard_arrow_down */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'keyboard_arrow_right' => /* material-design – keyboard_arrow_right */ '
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <path d="M10 17l5-5-5-5v10z"></path>
+ <path fill="none" d="M0 24V0h24v24H0z"></path>
+</svg>',
+
+ 'keyboard_arrow_left' => /* material-design – keyboard_arrow_left */ '
</ins><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="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="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">@@ -190,9 +205,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'facebook.com',
</span><span class="cx" style="display: block; padding: 0 10px"> 'fb.me',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'feed' => array(
+ 'feed',
+ ),
</ins><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',
+ ),
+ 'mail' => array(
+ 'mailto:',
+ ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'slideshare' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'slideshare.net',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -216,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="trunksrcwpcontentthemestwentynineteenclassesclasstwentynineteenwalkercommentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,12 +35,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> $comment_author_link = get_comment_author_link( $comment );
</span><span class="cx" style="display: block; padding: 0 10px"> $comment_author_url = get_comment_author_url( $comment );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $comment_author = get_comment_author( $comment );
</ins><span class="cx" style="display: block; padding: 0 10px"> $avatar = get_avatar( $comment, $args['avatar_size'] );
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 0 != $args['avatar_size'] ) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( empty( $comment_author_url ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> echo $avatar;
</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">- echo preg_replace( '/>[^<]+</', sprintf( '>%s<', $avatar ), $comment_author_link );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ printf( '<a href="%s" rel="external nofollow" class="url">', $comment_author_url );
+ echo $avatar;
</ins><span class="cx" style="display: block; 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">@@ -52,29 +55,36 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- __( '%s <span class="screen-reader-text says">says:</span>' ),
- sprintf( '<b class="fn">%s</b>', get_comment_author_link( $comment ) )
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: comment author link */
+ __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
+ sprintf( '<span class="fn">%s</span>', $comment_author )
</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 ( ! empty( $comment_author_url ) ) {
+ echo '</a>';
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .comment-author -->
</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 class="cx" style="display: block; padding: 0 10px"> $edit_comment_icon = twentynineteen_get_icon_svg( 'edit', 16 );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- edit_comment_link( __( 'Edit' ), '<span class="edit-link-sep">—</span> <span class="edit-link">' . $edit_comment_icon, '</span>' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ edit_comment_link( __( 'Edit', 'twentynineteen' ), '<span class="edit-link-sep">—</span> <span class="edit-link">' . $edit_comment_icon, '</span>' );
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .comment-metadata -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( '0' == $comment->comment_approved ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.' ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', 'twentynineteen' ); ?></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </footer><!-- .comment-meta -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteencommentsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/comments.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/comments.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/comments.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,10 +9,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-If the current post is protected by a password and
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * If the current post is protected by a password and
</ins><span class="cx" style="display: block; padding: 0 10px"> * the visitor has not yet entered the password we will
</span><span class="cx" style="display: block; padding: 0 10px"> * return early without loading the comments.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,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">- echo 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">- echo 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">@@ -43,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">@@ -84,17 +85,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </ol><!-- .comment-list -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Show comment form at bottom if showing newest comments at the bottom.
- if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
- ?>
- <div class="comment-form-flex">
- <span class="screen-reader-text"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></span>
- <?php twentynineteen_comment_form( 'asc' ); ?>
- <h2 class="comments-title" aria-hidden="true"><?php esc_html_e( 'Leave a comment', 'twentynineteen' ); ?></h2>
- </div>
- <?php
- endif;
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Show comment navigation
</span><span class="cx" style="display: block; padding: 0 10px"> if ( have_comments() ) :
</span><span class="cx" style="display: block; padding: 0 10px"> $prev_icon = twentynineteen_get_icon_svg( 'chevron_left', 22 );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,11 +98,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Show comment form at bottom if showing newest comments at the bottom.
+ if ( comments_open() && 'asc' === strtolower( get_option( 'comment_order', 'asc' ) ) ) :
+ ?>
+ <div class="comment-form-flex">
+ <span class="screen-reader-text"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></span>
+ <?php twentynineteen_comment_form( 'asc' ); ?>
+ <h2 class="comments-title" aria-hidden="true"><?php _e( 'Leave a comment', 'twentynineteen' ); ?></h2>
+ </div>
+ <?php
+ endif;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // If comments are closed and there are comments, let's leave a little note, shall we?
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! comments_open() ) :
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span 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="trunksrcwpcontentthemestwentynineteenfooterphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/footer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/footer.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/footer.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,6 +8,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,10 +16,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- #content -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <footer id="colophon" class="site-footer">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="site-info">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php $blog_info = get_bloginfo( 'name' ); ?>
+ <?php if ( ! empty( $blog_info ) ) : ?>
+ <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php printf( __( 'Proudly powered by %s', 'twentynineteen' ), 'WordPress' ); ?>.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ /* translators: %s: WordPress. */
+ printf( __( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( function_exists( 'the_privacy_policy_link' ) ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,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="trunksrcwpcontentthemestwentynineteenfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/functions.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/functions.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,8 +6,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">@@ -47,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">@@ -67,18 +77,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Set up the WordPress core custom background feature.
- add_theme_support(
- 'custom-background',
- apply_filters(
- 'twentynineteen_custom_background_args',
- array(
- 'default-color' => 'ffffff',
- 'default-image' => '',
- )
- )
- );
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add support for core custom logo.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -94,28 +92,118 @@
</span><span class="cx" style="display: block; 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 Block Styles
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add theme support for selective refresh for widgets.
+ add_theme_support( 'customize-selective-refresh-widgets' );
+
+ // 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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add custom editor font sizes.
+ add_theme_support(
+ 'editor-font-sizes',
+ array(
+ array(
+ 'name' => __( 'Small', 'twentynineteen' ),
+ 'shortName' => __( 'S', 'twentynineteen' ),
+ 'size' => 19.5,
+ 'slug' => 'small',
+ ),
+ array(
+ 'name' => __( 'Normal', 'twentynineteen' ),
+ 'shortName' => __( 'M', 'twentynineteen' ),
+ 'size' => 22,
+ 'slug' => 'normal',
+ ),
+ array(
+ 'name' => __( 'Large', 'twentynineteen' ),
+ 'shortName' => __( 'L', 'twentynineteen' ),
+ 'size' => 36.5,
+ 'slug' => 'large',
+ ),
+ array(
+ 'name' => __( 'Huge', 'twentynineteen' ),
+ 'shortName' => __( 'XL', 'twentynineteen' ),
+ 'size' => 49.5,
+ 'slug' => 'huge',
+ ),
+ )
+ );
+
+ // Editor color palette.
+ add_theme_support(
+ 'editor-color-palette',
+ array(
+ array(
+ 'name' => __( 'Primary', 'twentynineteen' ),
+ 'slug' => 'primary',
+ 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 33 ),
+ ),
+ array(
+ 'name' => __( 'Secondary', 'twentynineteen' ),
+ 'slug' => 'secondary',
+ 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'primary_color' ) ? 199 : get_theme_mod( 'primary_color_hue', 199 ), 100, 23 ),
+ ),
+ array(
+ 'name' => __( 'Dark Gray', 'twentynineteen' ),
+ 'slug' => 'dark-gray',
+ 'color' => '#111',
+ ),
+ array(
+ 'name' => __( 'Light Gray', 'twentynineteen' ),
+ 'slug' => 'light-gray',
+ 'color' => '#767676',
+ ),
+ array(
+ 'name' => __( 'White', 'twentynineteen' ),
+ 'slug' => 'white',
+ 'color' => '#FFF',
+ ),
+ )
+ );
+
+ // Add support for responsive embedded content.
+ add_theme_support( 'responsive-embeds' );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'after_setup_theme', 'twentynineteen_setup' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Register widget area.
+ *
+ * @link https://developer.wordpress.org/themes/functionality/sidebars/#registering-a-sidebar
+ */
+function twentynineteen_widgets_init() {
+
+ register_sidebar(
+ array(
+ 'name' => __( 'Footer', 'twentynineteen' ),
+ 'id' => 'sidebar-1',
+ 'description' => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
+ 'before_widget' => '<section id="%1$s" class="widget %2$s">',
+ 'after_widget' => '</section>',
+ 'before_title' => '<h2 class="widget-title">',
+ 'after_title' => '</h2>',
+ )
+ );
+
+}
+add_action( 'widgets_init', 'twentynineteen_widgets_init' );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Set the content width in pixels, based on the theme's design and stylesheet.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Priority 0 to make it available to lower priority callbacks.
</span><span class="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">@@ -129,18 +217,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Enqueue scripts and styles.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_scripts() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri() );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_style( 'twentynineteen-style', get_stylesheet_uri(), array(), wp_get_theme()->get( 'Version' ) );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_style_add_data( 'twentynineteen-style', 'rtl', 'replace' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'twentynineteen-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20151215', true );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( has_nav_menu( 'menu-1' ) ) {
+ wp_enqueue_script( 'twentynineteen-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"> 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">@@ -148,14 +237,46 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function twentynineteen_editor_frame_styles() {
- wp_enqueue_style( 'twentynineteen-editor-frame-styles', get_theme_file_uri( '/style-editor-frame.css' ), false, '1.0', 'all' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function twentynineteen_editor_customizer_styles() {
+
+ wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.0', 'all' );
+
+ if ( 'custom' === get_theme_mod( 'primary_color' ) ) {
+ // Include color patterns.
+ require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
+ wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_styles' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_frame_styles' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Display custom color CSS in customizer and on frontend.
+ */
+function twentynineteen_colors_css_wrap() {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><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( 'primary_color', 'default' ) ) || is_admin() ) {
+ return;
+ }
+
+ require_once get_parent_theme_file_path( '/inc/color-patterns.php' );
+
+ if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
+ $primary_color = 199;
+ } else {
+ $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
+ }
+ ?>
+
+ <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $primary_color . '"' : ''; ?>>
+ <?php echo twentynineteen_custom_colors_css(); ?>
+ </style>
+ <?php
+}
+add_action( 'wp_head', 'twentynineteen_colors_css_wrap' );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * SVG Icons class.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenheaderphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/header.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/header.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/header.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,6 +8,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> ?><!doctype html>
</span><span class="cx" style="display: block; padding: 0 10px"> <html <?php language_attributes(); ?>>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,53 +21,21 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="site-branding-container">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_template_part( 'template-parts/header/site', 'branding' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .layout-wrap -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="hentry">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="site-featured-image">
+ <?php twentynineteen_post_thumbnail(); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php the_post(); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="entry-header">
- <?php if ( ! is_page() ) : ?>
- <?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
- <?php endif; ?>
- <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
- <?php if ( ! is_page() ) : ?>
- <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
- <?php twentynineteen_posted_by(); ?>
- <?php twentynineteen_posted_on(); ?>
- <span class="comment-count">
- <?php
- if ( ! empty( $discussion ) ) {
- twentynineteen_discussion_avatars_list( $discussion->authors );}
- ?>
- <?php twentynineteen_comment_count(); ?>
- </span>
- <?php
- // Edit post link.
- edit_post_link(
- sprintf(
- wp_kses(
- /* translators: %s: Name of current post. Only visible to screen readers. */
- __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
- array(
- 'span' => array(
- 'class' => array(),
- ),
- )
- ),
- get_the_title()
- ),
- '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
- '</span>'
- );
- ?>
- </div><!-- .meta-info -->
- <?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php $discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
+ <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->responses ) > 0 ) ? 'entry-header has-discussion' : 'entry-header'; ?>">
+ <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .entry-header -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php rewind_posts(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenimagephpfromrev43842branches50srcwpcontentthemestwentynineteenimagephp"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/image.php (from rev 43842, 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">--- trunk/src/wp-content/themes/twentynineteen/image.php (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/image.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,104 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying image attachments
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+
+get_header();
+?>
+
+ <section id="primary" class="content-area">
+ <main id="main" class="site-main">
+
+ <?php
+ // Start the loop.
+ while ( have_posts() ) :
+ the_post();
+ ?>
+
+ <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+
+ <header class="entry-header">
+ <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+ </header><!-- .entry-header -->
+
+ <div class="entry-content">
+
+ <figure class="entry-attachment wp-block-image">
+ <?php
+ /**
+ * Filter the default twentynineteen image attachment size.
+ *
+ * @since Twenty Sixteen 1.0
+ *
+ * @param string $image_size Image size. Default 'large'.
+ */
+ $image_size = apply_filters( 'twentynineteen_attachment_size', 'full' );
+
+ echo wp_get_attachment_image( get_the_ID(), $image_size );
+ ?>
+
+ <figcaption class="wp-caption-text"><?php echo get_the_excerpt(); ?></figcaption>
+
+ </figure><!-- .entry-attachment -->
+
+ <?php
+ the_content();
+ wp_link_pages(
+ array(
+ 'before' => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentynineteen' ) . '</span>',
+ 'after' => '</div>',
+ 'link_before' => '<span>',
+ 'link_after' => '</span>',
+ 'pagelink' => '<span class="screen-reader-text">' . __( 'Page', 'twentynineteen' ) . ' </span>%',
+ 'separator' => '<span class="screen-reader-text">, </span>',
+ )
+ );
+ ?>
+ </div><!-- .entry-content -->
+
+ <footer class="entry-footer">
+ <?php
+ // Retrieve attachment metadata.
+ $metadata = wp_get_attachment_metadata();
+ if ( $metadata ) {
+ printf(
+ '<span class="full-size-link"><span class="screen-reader-text">%1$s</span><a href="%2$s">%3$s × %4$s</a></span>',
+ _x( 'Full size', 'Used before full size attachment link.', 'twentynineteen' ),
+ esc_url( wp_get_attachment_url() ),
+ absint( $metadata['width'] ),
+ absint( $metadata['height'] )
+ );
+ }
+ ?>
+
+ <?php twentynineteen_entry_footer(); ?>
+
+ </footer><!-- .entry-footer -->
+ </article><!-- #post-## -->
+
+ <?php
+ // Parent post navigation.
+ the_post_navigation(
+ array(
+ 'prev_text' => _x( '<span class="meta-nav">Published in</span><br><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
+ )
+ );
+
+ // If comments are open or we have at least one comment, load up the comment template.
+ if ( comments_open() || get_comments_number() ) {
+ comments_template();
+ }
+
+ // End the loop.
+ endwhile;
+ ?>
+
+ </main><!-- .site-main -->
+ </section><!-- .content-area -->
+
+<?php
+get_footer();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenincbackcompatphpfromrev43892branches50srcwpcontentthemestwentynineteenincbackcompatphp"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/inc/back-compat.php (from rev 43892, 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">--- trunk/src/wp-content/themes/twentynineteen/inc/back-compat.php (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/inc/back-compat.php 2018-12-14 02:32:33 UTC (rev 44149)
</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="trunksrcwpcontentthemestwentynineteeninccolorpatternsphpfromrev43842branches50srcwpcontentthemestwentynineteeninccolorpatternsphp"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php (from rev 43842, 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">--- trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,253 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Twenty Nineteen: Color Patterns
+ *
+ * @package WordPress
+ * @subpackage TwentyNineteen
+ * @since 1.0
+ */
+
+/**
+ * Generate the CSS for the current primary color.
+ */
+function twentynineteen_custom_colors_css() {
+
+ if ( 'default' === get_theme_mod( 'primary_color', 'default' ) ) {
+ $primary_color = 199;
+ } else {
+ $primary_color = absint( get_theme_mod( 'primary_color_hue', 199 ) );
+ }
+
+ /**
+ * Filter Twenty Nineteen default saturation level.
+ *
+ * @since Twenty Nineteen 1.0
+ *
+ * @param int $saturation Color saturation level.
+ */
+
+ $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
+ $saturation = $saturation . '%';
+
+ $saturation_selection = absint( apply_filters( 'twentynineteen_custom_colors_saturation_selection', 50 ) );
+ $saturation_selection = $saturation_selection . '%';
+
+ $lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
+ $lightness = $lightness . '%';
+
+ $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
+ $lightness_hover = $lightness_hover . '%';
+
+ $lightness_selection = absint( apply_filters( 'twentynineteen_custom_colors_lightness_selection', 90 ) );
+ $lightness_selection = $lightness_selection . '%';
+
+ $theme_css = '
+ /*
+ * Set background for:
+ * - featured image :before
+ * - featured image :before
+ * - post thumbmail :before
+ * - post thumbmail :before
+ * - Submenu
+ * - Sticky Post
+ * - buttons
+ * - WP Block Button
+ * - Blocks
+ */
+ .image-filters-enabled .site-header.featured-image .site-featured-image:before,
+ .image-filters-enabled .site-header.featured-image .site-featured-image:after,
+ .image-filters-enabled .entry .post-thumbnail:before,
+ .image-filters-enabled .entry .post-thumbnail:after,
+ .main-navigation .sub-menu,
+ .sticky-post,
+ .entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background),
+ .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 {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ /*
+ * Set Color for:
+ * - all links
+ * - main navigation links
+ * - Post navigation links
+ * - Post entry meta hover
+ * - Post entry header more-link hover
+ * - main navigation svg
+ * - comment navigation
+ * - Comment edit link hover
+ * - Site Footer Link hover
+ * - Widget links
+ */
+ a,
+ a:visited,
+ .main-navigation .main-menu > li,
+ .main-navigation ul.main-menu > li > a,
+ .post-navigation .post-title,
+ .entry .entry-meta a:hover,
+ .entry .entry-footer a:hover,
+ .entry .entry-content .more-link:hover,
+ .main-navigation .main-menu > li > a + svg,
+ .comment .comment-metadata > a:hover,
+ .comment .comment-metadata .comment-edit-link:hover,
+ #colophon .site-info a:hover,
+ .widget a,
+ .entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+ .entry .entry-content > .has-primary-color,
+ .entry .entry-content > *[class^="wp-block-"] .has-primary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-primary-color p {
+ color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ /*
+ * Set left border color for:
+ * wp block quote
+ */
+ blockquote,
+ .entry .entry-content blockquote,
+ .entry .entry-content .wp-block-quote:not(.is-large),
+ .entry .entry-content .wp-block-quote:not(.is-style-large) {
+ border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ /*
+ * Set border color for:
+ * :focus
+ */
+ input[type="text"]:focus,
+ input[type="email"]:focus,
+ input[type="url"]:focus,
+ input[type="password"]:focus,
+ input[type="search"]:focus,
+ input[type="number"]:focus,
+ input[type="tel"]:focus,
+ input[type="range"]:focus,
+ input[type="date"]:focus,
+ input[type="month"]:focus,
+ input[type="week"]:focus,
+ input[type="time"]:focus,
+ input[type="datetime"]:focus,
+ input[type="datetime-local"]:focus,
+ input[type="color"]:focus,
+ textarea:focus {
+ border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ .gallery-item > div > a:focus {
+ box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ /* Hover colors */
+ a:hover, a:active,
+ .main-navigation .main-menu > li > a:hover,
+ .main-navigation .main-menu > li > a:hover + svg,
+ .post-navigation .nav-links a:hover,
+ .post-navigation .nav-links a:hover .post-title,
+ .author-bio .author-description .author-link:hover,
+ .entry .entry-content > .has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"] .has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color blockquote.has-secondary-color p,
+ .comment .comment-author .fn a:hover,
+ .comment-reply-link:hover,
+ .comment-navigation .nav-previous a:hover,
+ .comment-navigation .nav-next a:hover,
+ #cancel-comment-reply-link:hover,
+ .widget a:hover {
+ color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
+ }
+
+ .main-navigation .sub-menu > li > a:hover,
+ .main-navigation .sub-menu > li > a:focus,
+ .main-navigation .sub-menu > li > a:hover:after,
+ .main-navigation .sub-menu > li > a:focus:after,
+ .main-navigation .sub-menu > li > .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,
+ .entry .entry-content > .has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"] .has-secondary-background-color,
+ .entry .entry-content > *[class^="wp-block-"].is-style-solid-color.has-secondary-background-color {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
+ }
+
+ /* Text selection colors */
+ ::selection {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
+ }
+ ::-moz-selection {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation_selection . ', ' . $lightness_selection . ' ); /* base: #005177; */
+ }';
+
+ $editor_css = '
+ /*
+ * Set colors for:
+ * - links
+ * - blockquote
+ * - pullquote (solid color)
+ * - buttons
+ */
+ .editor-block-list__layout .editor-block-list__block a,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
+ .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color),
+ .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink {
+ color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
+ .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
+ border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__button,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
+ .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
+ }
+
+ /* Hover colors */
+ .editor-block-list__layout .editor-block-list__block a:hover,
+ .editor-block-list__layout .editor-block-list__block a:active,
+ .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__textlink:hover {
+ color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
+ }
+
+ /* Do not overwrite solid color pullquote or cover links */
+ .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color a,
+ .editor-block-list__layout .editor-block-list__block .wp-block-cover a {
+ color: inherit;
+ }
+ ';
+ $css = '';
+ if ( function_exists( 'register_block_type' ) && is_admin() ) {
+ $css .= $editor_css;
+ } else if ( ! is_admin() ) {
+ $css = $theme_css;
+ }
+
+ /**
+ * Filters Twenty Nineteen custom colors CSS.
+ *
+ * @since Twenty Nineteen 1.0
+ *
+ * @param string $css Base theme colors CSS.
+ * @param int $primary_color The user's selected color hue.
+ * @param string $saturation Filtered theme color saturation level.
+ */
+ return apply_filters( 'twentynineteen_custom_colors_css', $css, $primary_color, $saturation );
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteeninccustomizerphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/inc/customizer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/inc/customizer.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,9 +1,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Twenty Nineteen Theme Customizer
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Twenty Nineteen: Customizer
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,6 +33,73 @@
</span><span class="cx" style="display: block; 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">+
+ /**
+ * Primary color.
+ */
+ $wp_customize->add_setting(
+ 'primary_color',
+ array(
+ 'default' => 'default',
+ 'transport' => 'postMessage',
+ 'sanitize_callback' => 'twentynineteen_sanitize_color_option',
+ )
+ );
+
+ $wp_customize->add_control(
+ 'primary_color',
+ array(
+ 'type' => 'radio',
+ 'label' => __( 'Primary Color', 'twentynineteen' ),
+ 'choices' => array(
+ 'default' => _x( 'Default', 'primary color', 'twentynineteen' ),
+ 'custom' => _x( 'Custom', 'primary color', 'twentynineteen' ),
+ ),
+ 'section' => 'colors',
+ 'priority' => 5,
+ )
+ );
+
+ // Add primary color hue setting and control.
+ $wp_customize->add_setting(
+ 'primary_color_hue',
+ array(
+ 'default' => 199,
+ 'transport' => 'postMessage',
+ 'sanitize_callback' => 'absint',
+ )
+ );
+
+ $wp_customize->add_control(
+ new WP_Customize_Color_Control(
+ $wp_customize,
+ 'primary_color_hue',
+ array(
+ 'description' => __( 'Apply a custom color for buttons, links, featured images, etc.', 'twentynineteen' ),
+ 'section' => 'colors',
+ 'mode' => 'hue',
+ )
+ )
+ );
+
+ // Add image filter setting and control.
+ $wp_customize->add_setting(
+ 'image_filter',
+ array(
+ 'default' => 1,
+ 'sanitize_callback' => 'absint',
+ 'transport' => 'postMessage',
+ )
+ );
+
+ $wp_customize->add_control(
+ 'image_filter',
+ array(
+ 'label' => __( 'Apply a filter to featured images using the primary color', 'twentynineteen' ),
+ 'section' => 'colors',
+ 'type' => 'checkbox',
+ )
+ );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'customize_register', 'twentynineteen_customize_register' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -54,9 +122,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Binds JS handlers to make Theme Customizer preview reload changes asynchronously.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Bind JS handlers to instantly live-preview changes.
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_customize_preview_js() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_script( 'twentynineteen-customizer', get_template_directory_uri() . '/js/customizer.js', array( 'customize-preview' ), '20151215', true );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script( 'twentynineteen-customize-preview', get_theme_file_uri( '/js/customize-preview.js' ), array( 'customize-preview' ), '20151215', true );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'customize_preview_init', 'twentynineteen_customize_preview_js' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+/**
+ * Load dynamic logic for the customizer controls area.
+ */
+function twentynineteen_panels_js() {
+ wp_enqueue_script( 'twentynineteen-customize-controls', get_theme_file_uri( '/js/customize-controls.js' ), array(), '1.0', true );
+}
+add_action( 'customize_controls_enqueue_scripts', 'twentynineteen_panels_js' );
+
+/**
+ * Sanitize custom color choice.
+ *
+ * @param string $choice Whether image filter is active.
+ *
+ * @return string
+ */
+function twentynineteen_sanitize_color_option( $choice ) {
+ $valid = array(
+ 'default',
+ 'custom',
+ );
+
+ if ( in_array( $choice, $valid, true ) ) {
+ return $choice;
+ }
+
+ return 'default';
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteeninciconfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/inc/icon-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/icon-functions.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/inc/icon-functions.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteeninctemplatefunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/inc/template-functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/inc/template-functions.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,6 +33,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'body_class', 'twentynineteen_body_classes' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Adds custom class to the array of posts classes.
+ */
+function twentynineteen_post_classes( $classes, $class, $post_id ) {
+ $classes[] = 'entry';
+
+ return $classes;
+}
+add_filter( 'post_class', 'twentynineteen_post_classes', 10, 3 );
+
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Add a pingback url auto-discovery header for single posts, pages, or attachments.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_pingback_header() {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -59,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' );
</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' );
</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' );
</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' );
</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' );
</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' );
</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' );
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* translators: 1: Taxonomy singular name */
- $title = sprintf( __( '%s Archives: ' ), $tax->labels->singular_name );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* translators: %s: Taxonomy singular name */
+ $title = sprintf( esc_html__( '%s Archives:', 'twentynineteen' ), $tax->labels->singular_name );
</ins><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><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">@@ -84,33 +96,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'get_the_archive_title', 'twentynineteen_get_the_archive_title' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Filters the default archive descriptions.
- */
-function twentynineteen_get_the_archive_description() {
- if ( is_category() || is_tag() || is_tax() ) {
- $description = single_term_title( '', false );
- } elseif ( is_author() ) {
- $description = get_the_author_meta( 'display_name' );
- } elseif ( is_post_type_archive() ) {
- $description = post_type_archive_title( '', false );
- } elseif ( is_year() ) {
- $description = get_the_date( _x( 'Y', 'yearly archives date format', 'twentynineteen' ) );
- } elseif ( is_month() ) {
- $description = get_the_date( _x( 'F Y', 'monthly archives date format', 'twentynineteen' ) );
- } elseif ( is_day() ) {
- $description = get_the_date();
- } else {
- $description = null;
- }
- return $description;
-}
-add_filter( 'get_the_archive_description', 'twentynineteen_get_the_archive_description' );
-
-/**
</del><span class="cx" style="display: block; padding: 0 10px"> * Determines if post thumbnail can be displayed.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_can_show_post_thumbnail() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return ! post_password_required() && ! is_attachment() && has_post_thumbnail();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return apply_filters( 'twentynineteen_can_show_post_thumbnail', ! post_password_required() && ! is_attachment() && has_post_thumbnail() );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -117,10 +106,35 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Returns true if image filters are enabled on the theme options.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_image_filters_enabled() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return true;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( get_theme_mod( 'image_filter', 1 ) ) {
+ return true;
+ }
+ return false;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><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">@@ -148,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 = 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 is-empty" tabindex="-1">';
+ $nav_menu .= twentynineteen_get_icon_svg( 'arrow_drop_down_ellipsis' );
+ $nav_menu .= '</span>';
+ $nav_menu .= '<ul class="sub-menu hidden-links">';
+ $nav_menu .= '<li id="menu-item--1" class="mobile-parent-nav-menu-item menu-item--1">';
+ $nav_menu .= '<span class="menu-item-link-return">';
+ $nav_menu .= twentynineteen_get_icon_svg( 'chevron_left' );
+ $nav_menu .= esc_html__( 'Back', 'twentynineteen' );
+ $nav_menu .= '</span>';
+ $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">@@ -204,23 +252,174 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'nav_menu_link_attributes', 'twentynineteen_nav_menu_link_attributes', 10, 4 );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Add a dropdown icon to top-level menu items.
+ *
+ * @param string $output Nav menu item start element.
+ * @param object $item Nav menu item.
+ * @param int $depth Depth.
+ * @param object $args Nav menu args.
+ * @return string Nav menu item start element.
</ins><span class="cx" style="display: block; padding: 0 10px"> * Add a dropdown icon to top-level menu items
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_add_dropdown_icons( $output, $item, $depth, $args ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Only add class to 'top level' items on the 'primary' menu.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( 'menu-1' == $args->theme_location && 0 === $depth ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
+ return $output;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( in_array( 'menu-item-has-children', $item->classes ) ) {
- $output .= twentynineteen_get_icon_svg( 'arrow_drop_down_circle', 16 );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( in_array( 'mobile-parent-nav-menu-item', $item->classes, true ) && isset( $item->original_id ) ) {
+ // Inject the keyboard_arrow_left SVG inside the parent nav menu item, and let the item link to the parent item.
+ // @todo Only do this for nested submenus? If on a first-level submenu, then really the link could be "#" since the desire is to remove the target entirely.
+ $link = sprintf(
+ '<span class="menu-item-link-return" tabindex="-1">%s',
+ twentynineteen_get_icon_svg( 'chevron_left', 24 )
+ );
+
+ // replace opening <a> with <span>
+ $output = preg_replace(
+ '/<a\s.*?>/',
+ $link,
+ $output,
+ 1 // Limit.
+ );
+
+ // replace closing </a> with </span>
+ $output = preg_replace(
+ '#</a>#i',
+ '</span>',
+ $output,
+ 1 // Limit.
+ );
+
+ } elseif ( in_array( 'menu-item-has-children', $item->classes, true ) ) {
+
+ // Add SVG icon to parent items.
+ $icon = twentynineteen_get_icon_svg( 'keyboard_arrow_down', 24 );
+
+ $output .= sprintf(
+ '<span class="submenu-expand" tabindex="-1">%s</span>',
+ $icon
+ );
+ }
+
+ return $output;
+}
+add_filter( 'walker_nav_menu_start_el', 'twentynineteen_add_dropdown_icons', 10, 4 );
+
+/**
+ * Create a nav menu item to be displayed on mobile to navigate from submenu back to the parent.
+ *
+ * This duplicates each parent nav menu item and makes it the first child of itself.
+ *
+ * @param array $sorted_menu_items Sorted nav menu items.
+ * @param object $args Nav menu args.
+ * @return array Amended nav menu items.
+ */
+function twentynineteen_add_mobile_parent_nav_menu_items( $sorted_menu_items, $args ) {
+ static $pseudo_id = 0;
+ if ( ! isset( $args->theme_location ) || 'menu-1' !== $args->theme_location ) {
+ return $sorted_menu_items;
+ }
+
+ $amended_menu_items = array();
+ foreach ( $sorted_menu_items as $nav_menu_item ) {
+ $amended_menu_items[] = $nav_menu_item;
+ if ( in_array( 'menu-item-has-children', $nav_menu_item->classes, true ) ) {
+ $parent_menu_item = clone $nav_menu_item;
+ $parent_menu_item->original_id = $nav_menu_item->ID;
+ $parent_menu_item->ID = --$pseudo_id;
+ $parent_menu_item->db_id = $parent_menu_item->ID;
+ $parent_menu_item->object_id = $parent_menu_item->ID;
+ $parent_menu_item->classes = array( 'mobile-parent-nav-menu-item' );
+ $parent_menu_item->menu_item_parent = $nav_menu_item->ID;
+
+ $amended_menu_items[] = $parent_menu_item;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- } else if ( 'menu-1' == $args->theme_location && $depth >= 1 ) {
</del><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">- if ( in_array( 'menu-item-has-children', $item->classes ) ) {
- $output .= twentynineteen_get_icon_svg( 'keyboard_arrow_right', 24 );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return $amended_menu_items;
+}
+add_filter( 'wp_nav_menu_objects', 'twentynineteen_add_mobile_parent_nav_menu_items', 10, 2 );
+
+/**
+ * Convert HSL to HEX colors
+ */
+function twentynineteen_hsl_hex( $h, $s, $l, $to_hex = true ) {
+
+ $h /= 360;
+ $s /= 100;
+ $l /= 100;
+
+ $r = $l;
+ $g = $l;
+ $b = $l;
+ $v = ( $l <= 0.5 ) ? ( $l * ( 1.0 + $s ) ) : ( $l + $s - $l * $s );
+ if ( $v > 0 ) {
+ $m;
+ $sv;
+ $sextant;
+ $fract;
+ $vsf;
+ $mid1;
+ $mid2;
+
+ $m = $l + $l - $v;
+ $sv = ( $v - $m ) / $v;
+ $h *= 6.0;
+ $sextant = floor( $h );
+ $fract = $h - $sextant;
+ $vsf = $v * $sv * $fract;
+ $mid1 = $m + $vsf;
+ $mid2 = $v - $vsf;
+
+ switch ( $sextant ) {
+ case 0:
+ $r = $v;
+ $g = $mid1;
+ $b = $m;
+ break;
+ case 1:
+ $r = $mid2;
+ $g = $v;
+ $b = $m;
+ break;
+ case 2:
+ $r = $m;
+ $g = $v;
+ $b = $mid1;
+ break;
+ case 3:
+ $r = $m;
+ $g = $mid2;
+ $b = $v;
+ break;
+ case 4:
+ $r = $mid1;
+ $g = $m;
+ $b = $v;
+ break;
+ case 5:
+ $r = $v;
+ $g = $m;
+ $b = $mid2;
+ break;
</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">+ $r = round( $r * 255, 0 );
+ $g = round( $g * 255, 0 );
+ $b = round( $b * 255, 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">- return $output;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $to_hex ) {
+
+ $r = ( $r < 15 ) ? '0' . dechex( $r ) : dechex( $r );
+ $g = ( $g < 15 ) ? '0' . dechex( $g ) : dechex( $g );
+ $b = ( $b < 15 ) ? '0' . dechex( $b ) : dechex( $b );
+
+ return "#$r$g$b";
+
+ } else {
+
+ return "rgb($r, $g, $b)";
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-add_filter( 'walker_nav_menu_start_el', 'twentynineteen_add_dropdown_icons', 10, 4 );
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteeninctemplatetagsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/inc/template-tags.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/inc/template-tags.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! function_exists( 'twentynineteen_posted_on' ) ) :
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,7 +26,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">' . $time_string . '</a></span>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<span class="posted-on">%1$s<a href="%2$s" rel="bookmark">%3$s</a></span>',
</ins><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_get_icon_svg( 'watch', 16 ),
</span><span class="cx" style="display: block; padding: 0 10px"> esc_url( get_permalink() ),
</span><span class="cx" style="display: block; padding: 0 10px"> $time_string
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -42,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">@@ -72,31 +73,35 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_entry_footer() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Posted by
- twentynineteen_posted_by();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Hide author, post date, category and tag text for pages.
+ if ( 'post' === get_post_type() ) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Hide category and tag text for pages.
- if ( 'post' === get_post_type() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Posted by
+ twentynineteen_posted_by();
+
+ // Posted on
+ twentynineteen_posted_on();
+
</ins><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
</ins><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">@@ -150,20 +155,13 @@
</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">- <figure class="post-thumbnail">
- <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
- <?php
- the_post_thumbnail(
- 'post-thumbnail',
- array(
- 'alt' => the_title_attribute(
- array( 'echo' => false )
- ),
- )
- );
- ?>
- </a>
- </figure><!-- .post-thumbnail -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <figure class="post-thumbnail">
+ <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
+ <?php
+ the_post_thumbnail( 'post-thumbnail' );
+ ?>
+ </a>
+ </figure>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> endif; // End is_singular().
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -170,27 +168,16 @@
</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="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_get_user_avatar_markup( $id_or_email = null ) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( ! isset( $id_or_email ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $id_or_email = get_current_user_id();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $classes = array( 'comment-author', 'vcard' );
-
</del><span class="cx" style="display: block; padding: 0 10px"> return sprintf( '<div class="comment-user-avatar comment-author vcard">%s</div>', get_avatar( $id_or_email, twentynineteen_get_avatar_size() ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -200,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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -218,9 +207,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_comment_form( $order ) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( true === $order || strtolower( $order ) === strtolower( get_option( 'comment_order', 'asc' ) ) ) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> comment_form(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'title_reply_before' => twentynineteen_get_user_avatar_markup(),
</del><span class="cx" style="display: block; padding: 0 10px"> 'logged_in_as' => null,
</span><span class="cx" style="display: block; padding: 0 10px"> 'title_reply' => null,
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenincuiiconsphp"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-content/themes/twentynineteen/inc/ui-icons.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/ui-icons.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/inc/ui-icons.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,7 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php
-/**
- * Custom Icons for this theme
- *
- * @package WordPress
- * @subpackage Twenty_Nineteen
- */
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenindexphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/index.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/index.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/index.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,35 +11,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- .content-area -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- .content-area -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenjscustomizecontrolsjsfromrev43842branches50srcwpcontentthemestwentynineteenjscustomizecontrolsjs"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/js/customize-controls.js (from rev 43842, branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js)</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentynineteen/js/customize-controls.js (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/js/customize-controls.js 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,30 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * File customizer.js.
+ *
+ * Theme Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+
+(function() {
+
+ wp.customize.bind( 'ready', function() {
+
+ // Only show the color hue control when there's a custom primary color.
+ wp.customize( 'primary_color', function( setting ) {
+ wp.customize.control( 'primary_color_hue', function( control ) {
+ var visibility = function() {
+ if ( 'custom' === setting.get() ) {
+ control.container.slideDown( 180 );
+ } else {
+ control.container.slideUp( 180 );
+ }
+ };
+
+ visibility();
+ setting.bind( visibility );
+ });
+ });
+ });
+
+})( jQuery );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenjscustomizepreviewjsfromrev43842branches50srcwpcontentthemestwentynineteenjscustomizepreviewjs"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/js/customize-preview.js (from rev 43842, 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">--- trunk/src/wp-content/themes/twentynineteen/js/customize-preview.js (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/js/customize-preview.js 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,60 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * File customizer.js.
+ *
+ * Theme Customizer enhancements for a better user experience.
+ *
+ * Contains handlers to make Theme Customizer preview reload changes asynchronously.
+ */
+
+(function( $ ) {
+
+ // Primary color.
+ wp.customize( 'primary_color', function( value ) {
+ value.bind( function( to ) {
+ // Update custom color CSS.
+ var style = $( '#custom-theme-colors' ),
+ hue = style.data( 'hue' ),
+ css = style.html(),
+ color;
+
+ if( 'custom' === to ){
+ // If a custom primary color is selected, use the currently set primary_color_hue
+ color = wp.customize.get().primary_color_hue;
+ } else {
+ // If the "default" option is selected, get the default primary_color_hue
+ color = 199;
+ }
+
+ // Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
+ css = css.split( hue + ',' ).join( color + ',' );
+ style.html( css ).data( 'hue', color );
+ });
+ });
+
+ // Primary color hue.
+ wp.customize( 'primary_color_hue', function( value ) {
+ value.bind( function( to ) {
+
+ // Update custom color CSS.
+ var style = $( '#custom-theme-colors' ),
+ hue = style.data( 'hue' ),
+ css = style.html();
+
+ // Equivalent to css.replaceAll, with hue followed by comma to prevent values with units from being changed.
+ css = css.split( hue + ',' ).join( to + ',' );
+ style.html( css ).data( 'hue', to );
+ });
+ });
+
+ // Image filter.
+ wp.customize( 'image_filter', function( value ) {
+ value.bind( function( to ) {
+ if ( to ) {
+ $( 'body' ).addClass( 'image-filters-enabled' );
+ } else {
+ $( 'body' ).removeClass( 'image-filters-enabled' );
+ }
+ } );
+ } );
+
+})( jQuery );
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenjscustomizerjs"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-content/themes/twentynineteen/js/customizer.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/customizer.js 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/js/customizer.js 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,11 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/**
- * File customizer.js.
- *
- * Theme Customizer enhancements for a better user experience.
- *
- * Contains handlers to make Theme Customizer preview reload changes asynchronously.
- */
-
-( function( $ ) { // jshint ignore:line
-
-} )( jQuery );
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenjsprioritymenujsfromrev43892branches50srcwpcontentthemestwentynineteenjsprioritymenujs"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/js/priority-menu.js (from rev 43892, 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">--- trunk/src/wp-content/themes/twentynineteen/js/priority-menu.js (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/js/priority-menu.js 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,216 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+(function() {
+
+ /**
+ * Debounce
+ *
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ */
+ function debounce(func, wait, immediate) {
+ 'use strict';
+
+ var timeout;
+ wait = (typeof wait !== 'undefined') ? wait : 20;
+ immediate = (typeof immediate !== 'undefined') ? immediate : true;
+
+ return function() {
+
+ var context = this, args = arguments;
+ var later = function() {
+ timeout = null;
+
+ if (!immediate) {
+ func.apply(context, args);
+ }
+ };
+
+ var callNow = immediate && !timeout;
+
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+
+ if (callNow) {
+ func.apply(context, args);
+ }
+ };
+ }
+
+ /**
+ * 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 showButton(element) {
+ // classList.remove is not supported in IE11
+ element.className = element.className.replace('is-empty', '');
+ }
+
+ /**
+ * Hides an element by removing the hidden className.
+ *
+ * @param {Element} element
+ */
+ function hideButton(element) {
+ // classList.add is not supported in IE11
+ if (!element.classList.contains('is-empty')) {
+ element.className += ' is-empty';
+ }
+ }
+
+ /**
+ * Returns the currently available space in the menu container.
+ *
+ * @returns {number} Available space
+ */
+ function getAvailableSpace( button, container ) {
+ return container.offsetWidth - button.offsetWidth - 22;
+ }
+
+ /**
+ * Returns whether the current menu is overflowing or not.
+ *
+ * @returns {boolean} Is overflowing
+ */
+ function isOverflowingNavivation( list, button, container ) {
+ return list.offsetWidth > getAvailableSpace( button, container );
+ }
+
+ /**
+ * Set menu container variable
+ */
+ var navContainer = document.querySelector('.main-navigation');
+ var breaks = [];
+
+ /**
+ * Let’s bail if we our menu doesn't exist
+ */
+ if ( ! navContainer ) {
+ return;
+ }
+
+ /**
+ * Refreshes the list item from the menu depending on the menu size
+ */
+ function updateNavigationMenu( container ) {
+
+ /**
+ * Let’s bail if our menu is empty
+ */
+ if ( ! container.parentNode.querySelector('.main-menu[id]') ) {
+ return;
+ }
+
+ // Adds the necessary UI to operate the menu.
+ var visibleList = container.parentNode.querySelector('.main-menu[id]');
+ var hiddenList = visibleList.parentNode.nextElementSibling.querySelector('.hidden-links');
+ var toggleButton = visibleList.parentNode.nextElementSibling.querySelector('.main-menu-more-toggle');
+
+ if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
+
+ // Record the width of the list
+ breaks.push( visibleList.offsetWidth );
+ // Move last item to the hidden list
+ prependElement( hiddenList, ! visibleList.lastChild || null === visibleList.lastChild ? visibleList.previousElementSibling : visibleList.lastChild );
+ // Show the toggle button
+ showButton( toggleButton );
+
+ } else {
+
+ // There is space for another item in the nav
+ if ( getAvailableSpace( toggleButton, container ) > 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) {
+ hideButton( toggleButton );
+ }
+ }
+
+ // Recur if the visible list is still overflowing the nav
+ if ( isOverflowingNavivation( visibleList, toggleButton, container ) ) {
+ updateNavigationMenu( container );
+ }
+ }
+
+ /**
+ * Run our priority+ function as soon as the document is `ready`
+ */
+ document.addEventListener( 'DOMContentLoaded', function() {
+
+ updateNavigationMenu( navContainer );
+
+ // Also, run our priority+ function on selective refresh in the customizer
+ var hasSelectiveRefresh = (
+ 'undefined' !== typeof wp &&
+ wp.customize &&
+ wp.customize.selectiveRefresh &&
+ wp.customize.navMenusPreview.NavMenuInstancePartial
+ );
+
+ if ( hasSelectiveRefresh ) {
+ // Re-run our priority+ function on Nav Menu partial refreshes
+ wp.customize.selectiveRefresh.bind( 'partial-content-rendered', function ( placement ) {
+
+ var isNewNavMenu = (
+ placement &&
+ placement.partial.id.includes( 'nav_menu_instance' ) &&
+ 'null' !== placement.container[0].parentNode &&
+ placement.container[0].parentNode.classList.contains( 'main-navigation' )
+ );
+
+ if ( isNewNavMenu ) {
+ updateNavigationMenu( placement.container[0].parentNode );
+ }
+ });
+ }
+ });
+
+ /**
+ * Run our priority+ function on load
+ */
+ window.addEventListener( 'load', function() {
+ updateNavigationMenu( navContainer );
+ });
+
+ /**
+ * Run our priority+ function every time the window resizes
+ */
+ var isResizing = false;
+ window.addEventListener( 'resize',
+ debounce( function() {
+ if ( isResizing ) {
+ return;
+ }
+
+ isResizing = true;
+ setTimeout( function() {
+ updateNavigationMenu( navContainer );
+ isResizing = false;
+ }, 150 );
+ } )
+ );
+
+ /**
+ * Run our priority+ function
+ */
+ updateNavigationMenu( navContainer );
+
+})();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenjstouchkeyboardnavigationjsfromrev43892branches50srcwpcontentthemestwentynineteenjstouchkeyboardnavigationjs"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js (from rev 43892, 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">--- trunk/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/js/touch-keyboard-navigation.js 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,362 @@
</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
+ *
+ * @param {Function} func
+ * @param {number} wait
+ * @param {boolean} immediate
+ */
+ function debounce(func, wait, immediate) {
+ 'use strict';
+
+ var timeout;
+ wait = (typeof wait !== 'undefined') ? wait : 20;
+ immediate = (typeof immediate !== 'undefined') ? immediate : true;
+
+ return function() {
+
+ var context = this, args = arguments;
+ var later = function() {
+ timeout = null;
+
+ if (!immediate) {
+ func.apply(context, args);
+ }
+ };
+
+ var callNow = immediate && !timeout;
+
+ clearTimeout(timeout);
+ timeout = setTimeout(later, wait);
+
+ if (callNow) {
+ func.apply(context, args);
+ }
+ };
+ }
+
+ /**
+ * Add class
+ *
+ * @param {Object} el
+ * @param {string} cls
+ */
+ function addClass(el, cls) {
+ if ( ! el.className.match( '(?:^|\\s)' + cls + '(?!\\S)') ) {
+ el.className += ' ' + cls;
+ }
+ }
+
+ /**
+ * Delete class
+ *
+ * @param {Object} el
+ * @param {string} cls
+ */
+ function deleteClass(el, cls) {
+ el.className = el.className.replace( new RegExp( '(?:^|\\s)' + cls + '(?!\\S)' ),'' );
+ }
+
+ /**
+ * Has class?
+ *
+ * @param {Object} el
+ * @param {string} cls
+ *
+ * @returns {boolean} Has class
+ */
+ function hasClass(el, cls) {
+
+ if ( el.className.match( '(?:^|\\s)' + cls + '(?!\\S)' ) ) {
+ return true;
+ }
+ }
+
+ /**
+ * Toggle Aria Expanded state for screenreaders
+ *
+ * @param {Object} ariaItem
+ */
+ 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
+ *
+ * @param {Object} currentSubMenu
+ */
+ 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
+ *
+ * @param {Object} currentSubMenu
+ */
+ 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
+ *
+ * @param {Object} child
+ * @param {String} selector
+ * @param {String} stopSelector
+ */
+ 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 siteBranding = document.getElementsByClassName( 'site-branding' )[0];
+ var getFocusedElements = siteBranding.querySelectorAll(':hover, :focus, :focus-within');
+ var getFocusedClassElements = siteBranding.querySelectorAll('.is-focused');
+ var i;
+ var o;
+
+ for ( i = 0; i < getFocusedElements.length; i++) {
+ getFocusedElements[i].blur();
+ }
+
+ for ( o = 0; o < getFocusedClassElements.length; o++) {
+ deleteClass( getFocusedClassElements[o], 'is-focused' );
+ }
+ }
+
+ /**
+ * 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();
+ } else if (
+ event.target.matches('.submenu-expand') ||
+ null != getCurrentParent( event.target, '.submenu-expand' ) &&
+ getCurrentParent( event.target, '.submenu-expand' ).matches( '.submenu-expand' ) ||
+ event.target.matches('.menu-item-link-return') ||
+ null != getCurrentParent( event.target, '.menu-item-link-return' ) &&
+ getCurrentParent( event.target, '.menu-item-link-return' ).matches( '.menu-item-link-return' ) ) {
+ // Prevent default mouse events
+ event.preventDefault();
+ }
+
+ // Prevent default mouse/focus events
+ removeAllFocusStates();
+
+ }, false);
+
+ document.addEventListener('focus', function(event) {
+
+ if ( event.target.matches('.main-navigation > div > ul > li a') ) {
+
+ // Remove Focused elements in sibling div
+ var currentDiv = getCurrentParent( event.target, 'div', '.main-navigation' );
+ var currentDivSibling = currentDiv.previousElementSibling === null ? currentDiv.nextElementSibling : currentDiv.previousElementSibling;
+ var focusedElement = currentDivSibling.querySelector( '.is-focused' );
+ var focusedClass = 'is-focused';
+ var prevLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).previousElementSibling;
+ var nextLi = getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ).nextElementSibling;
+
+ if ( null !== focusedElement && null !== hasClass( focusedElement, focusedClass ) ) {
+ deleteClass( focusedElement, focusedClass );
+ }
+
+ // Add .is-focused class to top-level li
+ if ( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ) ) {
+ addClass( getCurrentParent( event.target, '.main-navigation > div > ul > li', '.main-navigation' ), focusedClass );
+ }
+
+ // 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);
+
+ document.addEventListener('click', function(event) {
+
+ // Remove all focused menu states when clicking outside site branding
+ if ( event.target !== document.getElementsByClassName( 'site-branding' )[0] ) {
+ removeAllFocusStates();
+ } else {
+ // nothing
+ }
+
+ }, false);
+ }
+
+ /**
+ * Run our sub-menu function as soon as the document is `ready`
+ */
+ document.addEventListener( 'DOMContentLoaded', function() {
+ toggleSubmenuDisplay();
+ });
+
+ /**
+ * Run our sub-menu function on selective refresh in the customizer
+ */
+ document.addEventListener( 'customize-preview-menu-refreshed', function( e, params ) {
+ if ( 'menu-1' === params.wpNavMenuArgs.theme_location ) {
+ toggleSubmenuDisplay();
+ }
+ });
+
+ /**
+ * Run our sub-menu function every time the window resizes
+ */
+ var isResizing = false;
+ window.addEventListener( 'resize', function() {
+ isResizing = true;
+ debounce( function() {
+ if ( isResizing ) {
+ return;
+ }
+
+ toggleSubmenuDisplay();
+ isResizing = false;
+
+ }, 150 );
+ } );
+
+})();
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenpackagelockjson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/package-lock.json 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -928,12 +928,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "duplexer": {
- "version": "0.1.1",
- "resolved": "http://registry.npmjs.org/duplexer/-/duplexer-0.1.1.tgz",
- "integrity": "sha1-rOb/gIwc5mtX0ev5eXessCM0z8E=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "ecc-jsbn": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.1.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -996,22 +990,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "event-stream": {
- "version": "3.3.6",
- "resolved": "https://registry.npmjs.org/event-stream/-/event-stream-3.3.6.tgz",
- "integrity": "sha512-dGXNg4F/FgVzlApjzItL+7naHutA3fDqbV/zAZqDDlXTjiMnQmZKu+prImWKszeBM5UQeGvAl3u1wBiKeDh61g==",
- "dev": true,
- "requires": {
- "duplexer": "^0.1.1",
- "flatmap-stream": "^0.1.0",
- "from": "^0.1.7",
- "map-stream": "0.0.7",
- "pause-stream": "^0.0.11",
- "split": "^1.0.1",
- "stream-combiner": "^0.2.2",
- "through": "^2.3.8"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "execa": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.10.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/execa/-/execa-0.10.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1182,9 +1160,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">@@ -1244,12 +1222,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "commander": "~2.1.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">- "flatmap-stream": {
- "version": "0.1.1",
- "resolved": "https://registry.npmjs.org/flatmap-stream/-/flatmap-stream-0.1.1.tgz",
- "integrity": "sha512-lAq4tLbm3sidmdCN8G3ExaxH7cUCtP5mgDvrYowsx84dcYkJJ4I28N7gkxA6+YlSXzaGLJYIDEi9WGfXzMiXdw==",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "for-in": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1293,12 +1265,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "map-cache": "^0.2.2"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "from": {
- "version": "0.1.7",
- "resolved": "https://registry.npmjs.org/from/-/from-0.1.7.tgz",
- "integrity": "sha1-g8YK/Fi5xWmXAH7Rp2izqzA6RP4=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "fs-extra": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "7.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-7.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2605,12 +2571,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-2TPOuSBdgr3PSIb2dCvcK03qFG0=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "map-stream": {
- "version": "0.0.7",
- "resolved": "https://registry.npmjs.org/map-stream/-/map-stream-0.0.7.tgz",
- "integrity": "sha1-ih8HiW2CsQkmvTdEokIACfiJdKg=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "map-visit": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2656,9 +2616,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">@@ -2921,17 +2881,17 @@
</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"> "npm-run-all": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "version": "4.1.3",
- "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.3.tgz",
- "integrity": "sha512-aOG0N3Eo/WW+q6sUIdzcV2COS8VnTZCmdji0VQIAZF3b+a3YWb0AD0vFIyjKec18A7beLGbaQ5jFTNI2bPt9Cg==",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "4.1.5",
+ "resolved": "https://registry.npmjs.org/npm-run-all/-/npm-run-all-4.1.5.tgz",
+ "integrity": "sha512-Oo82gJDAVcaMdi3nuoKFavkIHBRVqQ1qvMb+9LHk/cF4P6B2m8aP04hGf7oL6wZ9BuGwX1onlLhpuoofSyoQDQ==",
</ins><span class="cx" style="display: block; padding: 0 10px"> "dev": true,
</span><span class="cx" style="display: block; padding: 0 10px"> "requires": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ansi-styles": "^3.2.0",
- "chalk": "^2.1.0",
- "cross-spawn": "^6.0.4",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "ansi-styles": "^3.2.1",
+ "chalk": "^2.4.1",
+ "cross-spawn": "^6.0.5",
</ins><span class="cx" style="display: block; padding: 0 10px"> "memorystream": "^0.3.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "minimatch": "^3.0.4",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ps-tree": "^1.1.0",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "pidtree": "^0.3.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "read-pkg": "^3.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "shell-quote": "^1.6.1",
</span><span class="cx" style="display: block; padding: 0 10px"> "string.prototype.padend": "^3.0.0"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3160,7 +3120,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">@@ -3241,15 +3201,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "pinkie-promise": "^2.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">- "pause-stream": {
- "version": "0.0.11",
- "resolved": "http://registry.npmjs.org/pause-stream/-/pause-stream-0.0.11.tgz",
- "integrity": "sha1-/lo0sMvOErWqaitAPuLnO2AvFEU=",
- "dev": true,
- "requires": {
- "through": "~2.3"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "performance-now": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/performance-now/-/performance-now-2.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3256,6 +3207,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "pidtree": {
+ "version": "0.3.0",
+ "resolved": "https://registry.npmjs.org/pidtree/-/pidtree-0.3.0.tgz",
+ "integrity": "sha512-9CT4NFlDcosssyg8KVFltgokyKZIFjoBxw8CTGy+5F38Y1eQWrt8tRayiUOXE+zVKQnYu5BR8JjCtvK3BcnBhg==",
+ "dev": true
+ },
</ins><span class="cx" style="display: block; padding: 0 10px"> "pify": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "2.3.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3295,9 +3252,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 +3265,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 +3406,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 +3426,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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3502,15 +3455,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-MtEC1TqN0EU5nephaJ4rAtThHtC86dNN9qCuEhtshvpVBkAW5ZO7BASN9REnF9eoXGcRub+pFuKEpOHE+HbEMw==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "ps-tree": {
- "version": "1.1.0",
- "resolved": "https://registry.npmjs.org/ps-tree/-/ps-tree-1.1.0.tgz",
- "integrity": "sha1-tCGyQUDWID8e08dplrRCewjowBQ=",
- "dev": true,
- "requires": {
- "event-stream": "~3.3.0"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "pseudomap": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/pseudomap/-/pseudomap-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4029,15 +3973,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "integrity": "sha512-TfOfPcYGBB5sDuPn3deByxPhmfegAhpDYKSOXZQN81Oyrrif8ZCodOLzK3AesELnCx03kikhyDwh0pfvvQvF8w==",
</span><span class="cx" style="display: block; padding: 0 10px"> "dev": true
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "split": {
- "version": "1.0.1",
- "resolved": "https://registry.npmjs.org/split/-/split-1.0.1.tgz",
- "integrity": "sha512-mTyOoPbrivtXnwnIxZRFYRrPNtEFKlpB2fvjSnCQUiAA6qAZzqwna5envK4uk6OIeP17CsdF3rSBGYVBsU0Tkg==",
- "dev": true,
- "requires": {
- "through": "2"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "split-string": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "3.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4100,16 +4035,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "readable-stream": "^2.0.1"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "stream-combiner": {
- "version": "0.2.2",
- "resolved": "http://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz",
- "integrity": "sha1-rsjLrBd7Vrb0+kec7YwZEs7lKFg=",
- "dev": true,
- "requires": {
- "duplexer": "~0.1.1",
- "through": "~2.3.4"
- }
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "string-width": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "1.0.2",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/string-width/-/string-width-1.0.2.tgz",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4200,12 +4125,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "inherits": "2"
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "through": {
- "version": "2.3.8",
- "resolved": "http://registry.npmjs.org/through/-/through-2.3.8.tgz",
- "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
- "dev": true
- },
</del><span class="cx" style="display: block; padding: 0 10px"> "to-object-path": {
</span><span class="cx" style="display: block; padding: 0 10px"> "version": "0.3.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenpackagejson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/package.json 2018-12-14 02:32:33 UTC (rev 44149)
</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.5",
+ "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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,7 +35,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "scripts": {
</span><span class="cx" style="display: block; padding: 0 10px"> "build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css",
</span><span class="cx" style="display: block; padding: 0 10px"> "build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "build:style-editor-frame": "node-sass style-editor-frame.scss style-editor-frame.css --output-style expanded && postcss -r style-editor-frame.css",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
</ins><span class="cx" style="display: block; padding: 0 10px"> "build:rtl": "rtlcss style.css style-rtl.css",
</span><span class="cx" style="display: block; padding: 0 10px"> "build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",
</span><span class="cx" style="display: block; padding: 0 10px"> "build": "run-p \"build:*\"",
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenpagephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/page.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/page.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,12 +6,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,7 +32,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- #primary -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenpostcssconfigjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/postcss.config.js 2018-12-14 02:32:33 UTC (rev 44149)
</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="trunksrcwpcontentthemestwentynineteenprintcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/print.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/print.css 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/print.css 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,7 +19,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @page {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2cm;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-header, .site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry {
+ margin-top: 1em;
+ }
+ .entry .entry-header, .site-footer .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fonts */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -72,7 +75,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Links */
</span><span class="cx" style="display: block; padding: 0 10px"> a:link, a:visited, a {
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #520;
</del><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -94,12 +96,68 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> /* Visibility */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-title + .main-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-title:before,
- .entry-meta, .entry-footer,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-title:before,
+ .entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-description:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .post-navigation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .post-navigation,
+ .widget-area,
+ .comment-form-flex,
+ .comment-reply,
+ .comment .comment-metadata .edit-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .entry-content .button {
+ color: #000;
+ background: none;
+ }
+ /* Site Header (With Featured Image) */
+ .site-header.featured-image {
+ min-height: 0;
+ }
+ .site-header.featured-image .main-navigation a,
+ .site-header.featured-image .main-navigation a + svg,
+ .site-header.featured-image .social-navigation a,
+ .site-header.featured-image .site-title a,
+ .site-header.featured-image .site-featured-image a,
+ .site-header.featured-image .site-branding .site-title,
+ .site-header.featured-image .site-branding .site-description,
+ .site-header.featured-image .main-navigation a:after,
+ .site-header.featured-image .main-navigation .main-menu > li.menu-item-has-children:after,
+ .site-header.featured-image .main-navigation li,
+ .site-header.featured-image .social-navigation li,
+ .site-header.featured-image .entry-meta,
+ .site-header.featured-image .entry-title,
+ .site-header.featured-image#masthead .site-title a {
+ color: #000;
+ text-shadow: none;
+ }
+ .site-header.featured-image .site-featured-image .entry-header,
+ .site-header.featured-image .site-branding-container {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+ .site-header.featured-image .site-featured-image .post-thumbnail img {
+ position: relative;
+ height: initial;
+ width: initial;
+ object-fit: none;
+ min-width: 0;
+ min-height: 0;
+ max-width: 100%;
+ margin-top: 1rem;
+ }
+ /* Remove image filters from featured image */
+ .image-filters-enabled *:after {
+ display: none !important;
+ }
+ .image-filters-enabled .site-header.featured-image .site-featured-image:before {
+ display: none;
+ }
+ .image-filters-enabled .site-header.featured-image .site-featured-image .post-thumbnail img {
+ filter: none;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenprintscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/print.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/print.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/print.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,7 +23,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2cm;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-header, .site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry {
+ margin-top: 1em;
+ }
+
+ .entry .entry-header, .site-footer .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -89,7 +93,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a:link, a:visited, a {
</span><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #520;
</del><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -96,7 +99,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- page-break-inside: avoid
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ page-break-inside: avoid;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a[href^=http]:after {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -117,12 +120,79 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Visibility */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-title + .main-navigation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding-container:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-title:before,
- .entry-meta, .entry-footer,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-title:before,
+ .entry-footer,
</ins><span class="cx" style="display: block; padding: 0 10px"> .author-description:before,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .post-navigation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .post-navigation,
+ .widget-area,
+ .comment-form-flex,
+ .comment-reply,
+ .comment .comment-metadata .edit-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .entry .entry-content .wp-block-button .wp-block-button__link,
+ .entry .entry-content .button {
+ color: #000;
+ background: none;
+ }
+
+ /* Site Header (With Featured Image) */
+ .site-header.featured-image {
+ min-height: 0;
+
+ .main-navigation a,
+ .main-navigation a + svg,
+ .social-navigation a,
+ .site-title a,
+ .site-featured-image a,
+ .site-branding .site-title,
+ .site-branding .site-description,
+ .main-navigation a:after,
+ .main-navigation .main-menu > li.menu-item-has-children:after,
+ .main-navigation li,
+ .social-navigation li,
+ .entry-meta,
+ .entry-title,
+ &#masthead .site-title a {
+ color: #000;
+ text-shadow: none;
+ }
+
+ .site-featured-image .entry-header,
+ .site-branding-container {
+ margin-top: 0;
+ margin-bottom: 0;
+ }
+
+ .site-featured-image .post-thumbnail img {
+ position: relative;
+ height: initial;
+ width: initial;
+ object-fit: none;
+ min-width: 0;
+ min-height: 0;
+ max-width: 100%;
+ margin-top: 1rem;
+ }
+ }
+
+ /* Remove image filters from featured image */
+ .image-filters-enabled {
+
+ *:after {
+ display: none !important;
+ }
+
+ .site-header.featured-image .site-featured-image:before {
+ display: none;
+ }
+
+ .site-header.featured-image .site-featured-image .post-thumbnail img {
+ filter: none;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenreadmetxt"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/readme.txt</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/readme.txt 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/readme.txt 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,7 +10,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> **License URI:** http://www.gnu.org/licenses/gpl-2.0.html
</span><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,11 +22,10 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-Twenty Nineteen is distributed under the terms of the GNU GPL
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+Twenty Nineteen is distributed under the terms of the GNU GPL.
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> This program is free software: you can redistribute it and/or modify
</span><span class="cx" style="display: block; padding: 0 10px"> it under the terms of the GNU General Public License as published by
</span><span 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="trunksrcwpcontentthemestwentynineteensassblocks_blocksscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,32 +1,16 @@
</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">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px $size__spacing-unit;
- max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
</del><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">
</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));
- max-width: calc(8 * (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><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include media(desktop) {
- max-width: calc(6 * (100vw / 12));
- }
-
-/*
- // 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"> > *: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">@@ -36,57 +20,107 @@
</span><span class="cx" style="display: 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(1 * (100vw / 12));
- margin-right: calc(1 * (100vw / 12));
- max-width: calc(10 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- @include media(desktop) {
- max-width: calc(3 * (100vw / 12));
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.alignright {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.aligncenter {
+ margin-left: auto;
+ margin-right: auto;
+
+ @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><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">@@ -99,7 +133,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">@@ -125,26 +159,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-button__link {
</span><span class="cx" style="display: block; padding: 0 10px"> @include button-transition;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: $color__background-button;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-sm;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: ($size__spacing-unit * .66) $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
+ padding: ($size__spacing-unit * .76) $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:hover {
- cursor: pointer;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:not(.has-background) {
+ background-color: $color__background-button;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">+ &:not(.has-text-color) {
+ color: white;
+ }
+
+ &:hover {
+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__background-button-hover;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ cursor: pointer;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
+ background: $color__background-button-hover;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -157,19 +198,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-outline .wp-block-button__link,
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-outline .wp-block-button__link:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-outline .wp-block-button__link:active {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include button-all-transition;
+ border-width: 2px;
+ border-style: solid;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include button-all-transition;
- background: transparent;
- border: 2px solid $color__background-button;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:not(.has-background) {
+ background: transparent;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:not(.has-text-color) {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-button;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-outline .wp-block-button__link:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: $color__background-button-hover;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__background-button-hover;
</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">@@ -183,22 +228,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> li {
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(#{$font__size_base} * #{$font__size-ratio});
</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: $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">- a:after {
- color: $color__text-light;
- content: ",";
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:last-child a:after {
- color: $color__text-light;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; 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">+ //! Latest categories
+ .wp-block-categories {
+
+ ul {
+ padding-top: ( .75 * $size__spacing-unit );
+ }
+
+ li ul {
+ list-style: none;
+ padding-left: 0;
+ }
+
+ @include nestedSubMenuPadding();
+ }
+
</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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -233,7 +293,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // !Paragraphs
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ //! Paragraphs
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-drop-cap {
</span><span class="cx" style="display: block; padding: 0 10px"> &:not(:focus):first-letter {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -244,14 +304,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // !Pullquote
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ //! Pullquote
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
+ border-width: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__text-main;
</ins><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><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">@@ -261,7 +324,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-main;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> em {
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -275,14 +337,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><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /*
+ * 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">@@ -294,7 +362,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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: $color__link;
+ 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">@@ -306,31 +382,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">- blockquote {
- margin: 0 auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- blockquote:not(.has-text-color) p,
</del><span class="cx" style="display: block; padding: 0 10px"> cite {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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">- &:not(.has-background-color) {
- background-color: $color__link;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ blockquote {
+ max-width: calc(100% - (2 * #{$size__spacing-unit}));
+ color: $color__background-body;
+ padding-left: 0;
+ margin-left: $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">- &.alignleft,
- &.alignright {
- padding: $size__spacing-unit $size__spacing-unit 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.has-text-color p,
+ &.has-text-color a,
+ &.has-primary-color,
+ &.has-secondary-color,
+ &.has-dark-gray-color,
+ &.has-light-gray-color,
+ &.has-white-color {
+ color: inherit;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- blockquote {
- padding: 0 0 calc( 1.5 * #{$size__spacing-unit} );
</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"> margin-left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.alignfull {
+
</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: 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">@@ -353,13 +439,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">@@ -370,14 +460,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">@@ -399,72 +492,84 @@
</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="cx" style="display: block; padding: 0 10px"> //! Cover Image
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-image,
+ .wp-block-cover {
+ 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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text,
</ins><span class="cx" style="display: block; padding: 0 10px"> h2 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-lg;
</span><span class="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;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
</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><span class="cx" style="display: block; padding: 0 10px"> &.alignleft,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.alignright,
- &.aligncenter {
- h2,
- .wp-block-cover-image-text {
- width: 100%;
- z-index: 1;
- left: 50%;
- position: absolute;
- transform: translate(-50%, -50%);
- top: 50%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.alignright {
+ width: 100%;
+
+ @include media(tablet) {
+ padding: $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</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,
- .wp-block-cover-image-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 {
+ @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 {
- 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">@@ -478,23 +583,39 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-pre;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: ( $size__spacing-unit * .5 );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: left;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</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;
+ text-align: left;
</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(.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">@@ -506,24 +627,18 @@
</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: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="cx" style="display: block; padding: 0 10px"> .wp-block-embed-twitter {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- overflow: hidden;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Table
</span><span class="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">@@ -533,6 +648,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file__button {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> @include button-transition;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -540,8 +656,12 @@
</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;
+ margin-left: 0;
+ margin-top: calc(0.75 * #{$size__spacing-unit});
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-base;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -549,14 +669,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"> &: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">@@ -569,6 +687,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> code {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-md;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: pre-wrap;
+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -575,23 +695,36 @@
</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">+ &.alignfull {
+ 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">- &:first-child {
- margin-top: 0;
- }
</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">- &:last-child {
- margin-bottom: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:first-child {
+ margin-top: 0;
+ }
+
+ &: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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.alignfull,
+ &.alignfull .wp-block-column {
+ padding-left: calc(2 * #{$size__spacing-unit});
+ padding-right: calc(2 * #{$size__spacing-unit});
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -628,4 +761,113 @@
</span><span class="cx" style="display: block; 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">+
+ //! Font Sizes
+ .has-small-font-size {
+ font-size: $font__size-sm;
+ }
+
+ .has-normal-font-size {
+ font-size: $font__size-md;
+ }
+
+ .has-large-font-size {
+ font-size: $font__size-lg;
+ }
+
+ .has-huge-font-size {
+ font-size: $font__size-xl;
+ }
+
+ //! Custom background colors
+ .has-primary-background-color,
+ .has-secondary-background-color,
+ .has-dark-gray-background-color,
+ .has-light-gray-background-color {
+
+ // Use white text against these backgrounds by default.
+ color: $color__background-body;
+
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__background-body;
+ }
+ }
+
+ .has-white-background-color {
+ color: $color__text-main;
+
+ // Use dark gray text against this background by default.
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__text-main;
+ }
+ }
+
+ .has-primary-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: $color__link;
+ }
+
+ .has-secondary-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: $color__border-link-hover;
+ }
+
+ .has-dark-gray-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: $color__text-main;
+ }
+
+ .has-light-gray-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: $color__text-light;
+ }
+
+ .has-white-background-color,
+ .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+ }
+
+ //! Custom foreground colors
+ .has-primary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: $color__link;
+ }
+
+ .has-secondary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: $color__border-link-hover;
+ }
+
+ .has-dark-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: $color__text-main;
+ }
+
+ .has-light-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: $color__text-light;
+ }
+
+ .has-white-color,
+ .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasselements_elementsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/elements/_elements.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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">@@ -36,16 +37,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"> a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin;
+ outline-style: dotted;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,30 +69,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:before {
- background-color: $color__background-pre;
- border: 1px dashed $color__background-hr;
- border-radius: 3px;
- content: " ";
- display: block;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
- }
-
- &:after {
- color: $color__text-input;
- content: "This image is broken :-/ ( "attr(alt)" )";
- display: block;
- left: 50%;
- position: absolute;
- text-align: center;
- top: 50%;
- transform: translate(-50%, -50%);
- width: 100%;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> figure {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -92,10 +76,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> border-left: 2px solid $color__link;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -($size__spacing-unit * 2);
- padding: $size__spacing-unit 0 ($size__spacing-unit * .5) ($size__spacing-unit * 2);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
+ padding: 0 0 0 $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> > p {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 $size__spacing-unit;
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasselements_tablesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/elements/_tables.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,8 +1,13 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: $font__heading;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><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="trunksrcwpcontentthemestwentynineteensassforms_buttonsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/forms/_buttons.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,24 +9,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-sm;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: ( $size__spacing-unit * .66 ) $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: ( $size__spacing-unit * .76 ) $size__spacing-unit;
+ text-decoration: none;
+ vertical-align: bottom;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-button-hover;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:hover,
- &:focus {
- background: $color__background-button-hover;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:visited {
+ color: $color__background-body;
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-button-hover;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassforms_fieldsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/forms/_fields.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,7 +19,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: solid 1px $color__border;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: #{.5 * $size__spacing-unit} #{.66 * $size__spacing-unit};
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: #{.36 * $size__spacing-unit} #{.66 * $size__spacing-unit};
+ -webkit-appearance: none;
+ outline-offset: 0;
+ border-radius: 0;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: $color__link;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,6 +31,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="search"] {
+ &::-webkit-search-decoration {
+ display: none;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> select {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassmedia_captionsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/media/_captions.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,10 +21,12 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-caption .wp-caption-text {
- margin: calc(0.875 * #{$size__spacing-unit}) 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__text-light;
+ font-size: $font__size-xs;
+ font-family: $font__heading;
+ line-height: $font__line-height-pre;
+ margin: 0;
+ padding: ( $size__spacing-unit * .5 );
</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></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassmedia_galleriesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/media/_galleries.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,12 +1,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex-flow: row wrap;
+ justify-content: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(1.5 * #{$size__spacing-unit});
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: $size__spacing-unit;
- margin-bottom: $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 16px;
+ margin-bottom: 16px;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,12 +16,16 @@
</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((100% - 16px * #{ $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 class="cx" style="display: block; padding: 0 10px"> &:last-of-type {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassmixins_mixinsmasterscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,8 +40,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><span class="cx" style="display: block; padding: 0 10px"> background: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
+ @supports (mix-blend-mode: multiply) {
+ opacity: 1;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -82,4 +87,119 @@
</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;
+ }
+}
+
+/* Calculates maximum width for post content */
+@mixin postContentMaxWidth() {
+
+ @include media(tablet) {
+ max-width: $size__site-tablet-content;
+ }
+
+ @include media(desktop) {
+ max-width: $size__site-desktop-content;
+ }
+}
+
+/* Nested sub-menu padding: 10 levels deep */
+@mixin nestedSubMenuPadding() {
+
+ ul {
+ counter-reset: submenu;
+ }
+
+ ul > li > a::before {
+ font-family: $font__body;
+ font-weight: normal;
+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @import "utilities";
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassmixins_utilitiesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/mixins/_utilities.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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="trunksrcwpcontentthemestwentynineteensassmodules_alignmentsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,11 +1,25 @@
</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><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><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><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="trunksrcwpcontentthemestwentynineteensassnavigation_linksscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/navigation/_links.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_links.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/navigation/_links.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,7 +15,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin dotted;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassnavigation_menufooternavigationscssfromrev43892branches50srcwpcontentthemestwentynineteensassnavigation_menufooternavigationscss"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-footer-navigation.scss (from rev 43892, 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">--- trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-footer-navigation.scss (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-footer-navigation.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassnavigation_menumainnavigationscssfromrev43842branches50srcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss (from rev 43842, 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">--- trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,464 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Main menu === */
+
+.main-navigation {
+
+ display: block;
+ margin-top: #{0.25 * $size__spacing-unit};
+
+ body.page & {
+ display: block;
+ }
+
+ > div {
+ display: inline;
+ }
+
+ .main-menu {
+
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+
+ > li {
+
+ color: $color__link;
+ display: inline;
+ position: relative;
+
+ > a {
+
+ font-weight: 700;
+ color: $color__link;
+ margin-right: #{0.5 * $size__spacing-unit};
+
+ + svg {
+ margin-right: #{0.5 * $size__spacing-unit};
+ }
+
+ &:hover,
+ &:hover + svg {
+ color: $color__link-hover;
+ }
+ }
+
+ &.menu-item-has-children {
+
+ display: inline-block;
+ position: inherit;
+
+ @include media(tablet) {
+ position: relative;
+ }
+
+ > a {
+ margin-right: #{0.125 * $size__spacing-unit};
+ }
+
+ & > a,
+ .menu-item-has-children > a {
+
+ &:after {
+ content: "";
+ display: none;
+ }
+ }
+
+ .submenu-expand {
+
+ display: inline-block;
+ margin-right: #{0.25 * $size__spacing-unit};
+
+ /* 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;
+ }
+ }
+
+ .wp-customizer-unloading &,
+ &.is-empty {
+ display: none;
+ }
+
+ svg {
+ position: relative;
+ top: 0.2rem;
+ }
+ }
+ }
+
+ &:last-child > a,
+ &:last-child.menu-item-has-children .submenu-expand {
+ margin-right: 0;
+ }
+ }
+ }
+
+ .sub-menu {
+
+ background-color: $color__link;
+ color: $color__background-body;
+ list-style: none;
+ padding-left: 0;
+
+ position: absolute;
+ opacity: 0;
+ left: -9999px;
+ z-index: 99999;
+
+ @include media(tablet) {
+ width: auto;
+ min-width: -moz-max-content;
+ min-width: -webkit-max-content;
+ min-width: max-content;
+ }
+
+ > li {
+
+ display: block;
+ float: none;
+ position: relative;
+
+ &.menu-item-has-children {
+
+ .submenu-expand {
+ display: inline-block;
+ position: absolute;
+ width: calc( 24px + #{$size__spacing-unit} );
+ right: 0;
+ top: calc( .125 * #{$size__spacing-unit} );
+ bottom: 0;
+ color: white;
+ line-height: 1;
+ padding: calc( .5 * #{$size__spacing-unit} );
+
+ svg {
+ top: 0;
+ }
+ }
+
+ .submenu-expand {
+ margin-right: 0;
+ }
+
+ @include media(tablet) {
+
+ .menu-item-has-children > a {
+
+ &:after {
+ content: "\203a";
+ }
+ }
+ }
+ }
+
+ > a,
+ > .menu-item-link-return {
+
+ color: $color__background-body;
+ display: block;
+ line-height: $font__line-height-heading;
+ padding: calc( .5 * #{$size__spacing-unit} ) calc( 24px + #{$size__spacing-unit} ) calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
+ white-space: nowrap;
+
+ &:hover,
+ &:focus {
+ background: $color__link-hover;
+
+ &:after {
+ background: $color__link-hover;
+ }
+ }
+ }
+
+ > a:empty {
+ display: none;
+ }
+
+ &.mobile-parent-nav-menu-item {
+
+ display: none;
+ font-size: $font__size-sm;
+ font-weight: normal;
+
+ svg {
+ position: relative;
+ top: 0.2rem;
+ margin-right: calc( .25 * #{$size__spacing-unit} );
+ }
+ }
+ }
+ }
+
+ /*
+ * Sub-menu styles
+ *
+ * :focus-within needs its own selector so other similar
+ * selectors don’t get ignored if a browser doesn’t recognize it
+ */
+ .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu {
+
+ display: block;
+ left: 0;
+ margin-top: 0;
+ opacity: 1;
+ width: auto;
+ min-width: 100%;
+
+
+ /* 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;
+ }
+
+ .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ left: 0;
+ opacity: 1;
+
+ /* Non-mobile position */
+ @include media(tablet) {
+ float: none;
+ max-width: 100%;
+ }
+ }
+
+ /* Nested sub-menu dashes */
+ .sub-menu {
+ counter-reset: submenu;
+ }
+
+ .sub-menu > li > a::before {
+ font-family: $font__body;
+ font-weight: normal;
+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
+ }
+ }
+
+ .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%;
+
+
+ /* Non-mobile position */
+ @include media(tablet) {
+ display: block;
+ float: none;
+ 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: table;
+ width: max-content;
+ }
+ }
+
+ .submenu-expand {
+ display: none;
+ }
+
+ .sub-menu {
+ display: block;
+ margin-top: inherit;
+ position: relative;
+ width: 100%;
+ left: 0;
+ opacity: 1;
+
+ /* Non-mobile position */
+ @include media(tablet) {
+ float: none;
+ max-width: 100%;
+ }
+ }
+
+ /* Nested sub-menu dashes */
+ .sub-menu {
+ counter-reset: submenu;
+ }
+
+ .sub-menu > li > a::before {
+ font-family: $font__body;
+ font-weight: normal;
+ content: "\2013\00a0" counters(submenu, "\2013\00a0", none);
+ counter-increment: submenu
+ }
+ }
+
+ /**
+ * Fade-in animation for top-level submenus
+ */
+ .main-menu > .menu-item-has-children:not(.off-canvas):hover > .sub-menu {
+ animation: fade_in 0.1s forwards;
+ }
+
+ /**
+ * Off-canvas touch device styles
+ */
+ .main-menu .menu-item-has-children.off-canvas .sub-menu {
+
+ .submenu-expand .svg-icon {
+ transform: rotate(270deg);
+ }
+
+ .sub-menu {
+ opacity: 0;
+ position: absolute;
+ z-index: 0;
+ transform: translateX(-100%);
+ }
+
+ li:hover,
+ li:focus,
+ li > a:hover,
+ li > a:focus {
+ background-color: transparent;
+ }
+
+ > li > a,
+ > li > .menu-item-link-return {
+ white-space: inherit;
+ }
+
+ &.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;
+ }
+ }
+ }
+ }
+ }
+
+ // Hide duplicate menu-more-link when re-loading a menu in the customizer
+ .main-menu-more {
+ &:nth-child(n+3) {
+ display: none;
+ }
+ }
+
+}
+
+/* Menu animation */
+
+@keyframes slide_in_right {
+ 100% {
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fade_in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassnavigation_menusocialnavigationscssfromrev43842branches50srcwpcontentthemestwentynineteensassnavigation_menusocialnavigationscss"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-navigation.scss (from rev 43842, branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-navigation.scss)</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-navigation.scss (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menu-social-navigation.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,63 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Social menu */
+
+.social-navigation {
+ margin-top: calc(#{$size__spacing-unit} / 2 );
+ text-align: left;
+
+ ul.social-links-menu {
+ @include clearfix;
+
+ display: inline-block;
+ margin: 0;
+ padding: 0;
+
+ li {
+ display: inline-block;
+ vertical-align: bottom;
+ vertical-align: -webkit-baseline-middle;
+ list-style: none;
+
+ &:nth-child(n+2) {
+ margin-left: 0.1em;
+ }
+
+ a {
+ border-bottom: 1px solid transparent;
+ display: block;
+ color: $color__text-main;
+ margin-bottom: -1px;
+ transition: opacity $link_transition ease-in-out;
+
+ &:hover,
+ &:active {
+ color: $color__text-main;
+ opacity: 0.6;
+ }
+
+ &:focus {
+ color: $color__text-main;
+ opacity: 1;
+ border-bottom: 1px solid $color__text-main;
+ }
+
+ svg {
+ display: block;
+ width: 32px;
+ height: 32px;
+
+ &#ui-icon-link {
+ transform: rotate(-45deg);
+ }
+ }
+ }
+ }
+ }
+}
+
+.site-title + .social-navigation,
+.site-description + .social-navigation {
+
+ @include media(tablet) {
+ margin-top: calc(#{$size__spacing-unit} / 5 );
+ }
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassnavigation_menusscss"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menus.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menus.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/navigation/_menus.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,249 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/** === Main menu === */
-
-.main-navigation {
-
- display: inline;
-
- @include media(tablet) {
- display: block;
- }
-
- body.page & {
- display: block;
- }
-
- > div {
- display: inline;
- }
-
- .main-menu {
-
- display: inline;
- margin: 0;
- padding: 0;
-
- > li {
-
- display: inline;
-
- > a {
-
- font-weight: 700;
- color: $color__link;
-
- + svg {
- color: $color__link;
- margin-right: #{-0.25 * $size__spacing-unit};
- }
-
- &:hover {
- color: $color__link-hover;
- + svg {
- color: $color__link-hover;
- }
- }
-
- &:after {
- content: ",";
- display: inline;
- color: $color__text-light;
- }
- }
-
- &.menu-item-has-children {
-
- &:after {
- content: ",";
- display: inline;
- color: $color__text-light;
- }
-
- & > a,
- .menu-item-has-children > a {
-
- &:after {
- content: "";
- display: none;
- }
- }
- }
-
- &:last-child> a:after {
- content: ".";
- }
-
- &:last-child > a {
- margin-right: 0;
- }
- }
- }
-
- .sub-menu {
-
- background: $color__link;
- color: $color__background-body;
- list-style: none;
- padding-left: 0;
-
- display: none;
- float: left;
- width: 100%;
- position: absolute;
- opacity: 0;
- left: -999em;
- z-index: 99999;
- -webkit-transition: opacity 0.5s ease-in-out;
- -moz-transition: opacity 0.5s ease-in-out;
- transition: opacity 0.5s ease-in-out;
-
- @include media(tablet) {
- max-width: calc(3 * (100vw / 12));
- }
-
- > li {
-
- clear: both;
- display: block;
- float: none;
- position: relative;
- word-break: break-word;
-
- &.menu-item-has-children {
-
- svg {
- position: absolute;
- right: #{0.5 * $size__spacing-unit};
- top: #{0.65 * $size__spacing-unit};
- }
-
- @include media(tablet) {
- .menu-item-has-children > a {
-
- &:after {
- content: "\203a";
- }
- }
- }
- }
-
- > a {
- color: $color__background-body;
- display: block;
- line-height: $font__line-height-heading;
- padding: calc( .5 * #{$size__spacing-unit} ) $size__spacing-unit;
-
- &:hover,
- &:focus {
- background: $color__link-hover;
-
- &:after {
- background: $color__link-hover;
- }
- }
- }
- }
- }
-
- .main-menu .menu-item-has-children:hover > .sub-menu,
- .main-menu .menu-item-has-children .sub-menu:hover {
- display: block;
- left: inherit;
- margin-top: -2px;
- opacity: 1;
-
- .sub-menu {
-
- margin-top: inherit;
- position: relative;
- padding-left: $size__spacing-unit;
-
- @include media(tablet) {
- padding-left: 0;
- position: absolute;
- left: 100%;
- top: 0;
- }
- }
- }
-
- /*
- * :focus-within needs its own selector so other similar
- * selectors don’t get ignored if a browser doesn’t recognize it
- */
- .main-menu .menu-item-has-children:focus-within > .sub-menu {
- display: block;
- left: inherit;
- margin-top: -2px;
- opacity: 1;
-
- .sub-menu {
-
- margin-top: inherit;
- position: relative;
- padding-left: $size__spacing-unit;
-
- @include media(tablet) {
- padding-left: 0;
- position: absolute;
- left: 100%;
- top: 0;
- }
- }
- }
-}
-
-/* Social menu */
-
-.social-navigation {
- margin-top: calc(#{$size__spacing-unit} / 2 );
- text-align: left;
-
- ul.social-links-menu {
- @include clearfix;
-
- display: inline-block;
- margin: 0;
- padding: 0;
-
- li {
- display: inline-block;
- vertical-align: bottom;
- vertical-align: -webkit-baseline-middle;
- list-style: none;
-
- &:nth-child(n+2) {
- margin-left: 0.1em;
- }
-
- a {
- border-bottom: 1px solid transparent;
- display: block;
- color: $color__text-main;
- margin-bottom: -1px;
- transition: opacity $link_transition ease-in-out;
-
- &:hover,
- &:active {
- color: $color__text-main;
- opacity: 0.6;
- }
-
- &:focus {
- color: $color__text-main;
- opacity: 1;
- border-bottom: 1px solid $color__text-main;
- }
-
- svg {
- display: block;
- width: 32px;
- height: 32px;
-
- &#ui-icon-link {
- transform: rotate(-45deg);
- }
- }
- }
- }
- }
-}
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensassnavigation_navigationscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/navigation/_navigation.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,7 +6,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Menus
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@import "menus";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "menu-main-navigation";
+@import "menu-social-navigation";
+@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="trunksrcwpcontentthemestwentynineteensassnavigation_nextpreviousscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/navigation/_next-previous.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,6 +5,16 @@
</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><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 * 1rem) $size__site-margins;
+ max-width: calc(6 * (100vw / 12));
+ }
+
+ @include media(desktop) {
+ margin: calc(3 * 1rem) 0;
+ max-width: 100%;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 $size__spacing-unit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,10 +22,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="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: 0;
+ }
+
</ins><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">@@ -73,6 +87,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> order: 2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .meta-nav {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,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">@@ -115,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">@@ -138,7 +168,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -147,6 +176,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: $font__heading;
+ font-weight: bold;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .secondary-text {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -162,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="trunksrcwpcontentthemestwentynineteensasssitefooter_sitefooterscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/site/footer/_site-footer.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,29 +1,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Site footer */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-light;
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .widget-area,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-info {
</span><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><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">- .imprint {
- margin-right: $size__spacing-unit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .widget-column {
+ display: flex;
+ flex-wrap: wrap;
+ .widget {
+ width: 100%;
+ @include media(desktop) {
+ margin-right: calc(3 * #{$size__spacing-unit});
+ width: calc(50% - (3 * #{$size__spacing-unit}));
+ }
</ins><span class="cx" style="display: block; 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 {
- color: inherit;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-info {
+ color: $color__text-light;
</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;
- color: $color__link;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
+ color: inherit;
+
+ &:hover {
+ text-decoration: none;
+ color: $color__link;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .imprint,
+ .privacy-policy-link {
+ margin-right: $size__spacing-unit;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasssiteheader_sitefeaturedimagescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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">@@ -17,60 +20,161 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation li,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-meta,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation a,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation a + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .social-navigation a,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry a {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image a {
+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: opacity $link_transition ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:active {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:active,
+ &:hover + svg,
+ &:active + svg {
+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.6;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:focus {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:focus,
+ &:focus + svg {
+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // add focus state to social media icons
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* add focus state to social media icons */
</ins><span class="cx" style="display: block; padding: 0 10px"> .social-navigation a {
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 1px solid $color__background-body;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation svg,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image svg {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Post header styles */
- .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Entry header */
+ .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">- 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));
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-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">- &:before {
- background: white;
</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;
+
+ @include media (tablet) {
+
+ margin-left: $size__site-margins;
+ margin-right: $size__site-margins;
</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-title {
+
+ &:before {
+ background: $color__background-body;
+ }
+ }
+
+ /* Entry meta */
+
+ .entry-meta {
+
+ font-weight: 500;
+
+ > span {
+
+ margin-right: $size__spacing-unit;
+ display: inline-block;
+
+ &:last-child {
+ margin-right: 0;
+ }
+ }
+
+ a {
+
+ @include link-transition;
+ color: currentColor;
+
+ &:hover {
+ text-decoration: none;
+ }
+ }
+
+ .svg-icon {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 0.5em;
+ }
+
+ .discussion-avatar-list {
+ display: none;
+ }
+ }
+
+ &.has-discussion {
+
+ @include media (tablet) {
+
+ .entry-meta {
+ display: flex;
+ position: relative;
+ }
+
+ .entry-title {
+ padding-right: calc(1 * (100vw / 12) + #{$size__spacing-unit});
+ }
+
+ .entry-meta .comment-count {
+ position: absolute;
+ right: 0;
+ }
+
+ .entry-meta .discussion-avatar-list {
+ display: block;
+ position: absolute;
+ bottom: 100%;
+ }
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -78,27 +182,31 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .custom-logo-link {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: white;
- box-shadow: 0 0 0 0 rgba(white, 0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__background-body;
+ box-shadow: 0 0 0 0 rgba($color__background-body, 0);
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> &:active,
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 0 0 2px rgba(white, 1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 0 0 2px rgba($color__background-body, 1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Make sure important elements are above pseudo elements used for effects. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-branding,
- .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-branding {
+ position: relative;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image .entry-header {
+ position: relative;
+ z-index: 9;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Set up image filter layer positioning */
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry:before,
- .hentry:after,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .site-featured-image:before,
+ .site-featured-image:after,
</ins><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -109,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">@@ -116,66 +224,74 @@
</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;
- filter: grayscale(100%);
- z-index: 1;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Second layer: screen. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled & .site-featured-image:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 2;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Third layer: multiply. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry:after {
- background: $color__link;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are inactive, a black overlay is added. */
+ .site-featured-image:after {
+ background: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 1;
- z-index: 3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .7;
+
+ /* When image filters are active, a blue overlay is added. */
+ .image-filters-enabled & {
+ background: $color__link;
+ opacity: .8;
+ z-index: 3;
+
+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
+ @supports (mix-blend-mode: multiply) {
+ opacity: 1;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fourth layer: overlay. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-branding-container:after {
- background: rgba(white, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled & .site-branding-container:after {
+ background: rgba(0, 0, 0, 0.35);
</ins><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: overlay;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.5;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ /* Browsers supporting mix-blend-mode can have a light overlay */
+ @supports (mix-blend-mode: overlay) {
+ background: rgba($color__background-body, 0.35);
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fifth layer: readability overlay */
</span><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: mix($color__link, black, 12%);
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add a transition to the readability overlay, to add a subtle
</span><span class="cx" style="display: block; padding: 0 10px"> * but smooth effect when resizing the screen.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 1200ms ease-in-out;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: 0.7;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 5;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 0.38;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include media(tablet) {
- opacity: 0.18;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are active, a blue overlay is added. */
+ .image-filters-enabled & {
+ background: mix($color__link, black, 12%);
+ opacity: 0.38;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include media(desktop) {
- opacity: 0.1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ opacity: 0.18;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> ::-moz-selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: rgba(white, 0.17);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: rgba($color__background-body, 0.17);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ::selection {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: rgba(white, 0.17);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: rgba($color__background-body, 0.17);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasssiteheader_siteheaderscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,23 +1,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Site header
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.featured-image {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ min-height: 90vh;
+
+ .site-branding-container {
+ margin-bottom: auto;
+ }
+ }
+
</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"> padding: 3rem 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.featured-image {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: flex;
</del><span class="cx" style="display: block; padding: 0 10px"> min-height: 100vh;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- flex-direction: column;
- justify-content: space-between;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .site-branding-container {
- margin-bottom: auto;
- }
</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">@@ -30,8 +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));
- max-width: 22em;
</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">@@ -46,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 * calc(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">@@ -54,10 +56,10 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 32px;
- height: 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 50px;
+ height: 50px;
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> transition: box-shadow $background_transition ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -68,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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -81,11 +83,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Site title
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> margin: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-main;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a {
+ color: $color__text-main;
+
+ &:link,
+ &:visited {
+ color: $color__text-main;
+ }
+
+ &:hover {
+ color: $color__text-hover;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .featured-image & {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -99,17 +113,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- a {
- color: inherit;
-
- &:hover {
- color: $color__text-hover;
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &:not(:empty) + .site-description:not(:empty):before {
+ content: "\2014";
+ margin: 0 .2em;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Site description
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,9 +131,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- &:not(:empty):before {
- content: "\2014";
- margin: 0 .2em;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasssiteprimary_archivesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_archives.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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">@@ -33,10 +32,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hfeed .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive .page-header .page-description {
+ display: block;
+ color: $color__text-main;
+ font-size: 1em;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.hfeed .entry .entry-header {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><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">@@ -50,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="trunksrcwpcontentthemestwentynineteensasssiteprimary_commentsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,38 +7,53 @@
</span><span class="cx" style="display: 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Add extra margin when the comments section is located immediately after the
- * post itself (this happens on pages).
- */
- .hentry + & {
- margin-top: calc(3 * #{$size__spacing-unit});
</del><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;
</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-title-wrap,
- .comment-list,
- > .comment-respond,
- .comment-form-flex,
- .no-comments {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ & > * {
+ margin-top: calc(2 * #{$size__spacing-unit});
+ margin-bottom: calc(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">- margin: calc(2 * #{$size__spacing-unit}) $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: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc(3 * #{$size__spacing-unit});
+ margin-bottom: calc(3 * #{$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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Add extra margin when the comments section is located immediately after the
+ * post itself (this happens on pages).
+ */
+ .entry + & {
+ margin-top: calc(3 * #{$size__spacing-unit});
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-title-wrap {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- align-items: baseline;
- display: flex;
- justify-content: space-between;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ align-items: baseline;
+ display: flex;
+ justify-content: space-between;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-title {
</span><span class="cx" style="display: block; padding: 0 10px"> @include post-section-dash;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+ flex: 1 0 calc(3 * (100vw / 12));
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .discussion-meta {
+ @include media(tablet) {
+ flex: 0 0 calc(2 * (100vw / 12));
+ margin-left: #{$size__spacing-unit};
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,11 +63,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #respond {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-user-avatar {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: $size__spacing-unit 0 -#{$size__spacing-unit};
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-form {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -74,26 +88,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> > .comments-title:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- > #respond {
- @include media(desktop) {
-
- .comment-user-avatar {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
-
- .avatar {
- display: block;
- }
- }
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-form-flex {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -104,8 +101,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #respond {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ order: 2;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- order: 2;
</del><span class="cx" style="display: block; padding: 0 10px"> + .comments-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -113,7 +110,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-list {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -126,14 +122,36 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .pingback,
+ .trackback {
+
+ .comment-body {
+ color: $color__text-light;
+ font-family: $font__heading;
+ font-size: $font__size-xs;
+ font-weight: 500;
+ margin-top: $size__spacing-unit;
+ margin-bottom: $size__spacing-unit;
+
+ a:not(.comment-edit-link) {
+ font-weight: bold;
+ font-size: $font__size-base / (1 * $font__size-ratio);
+ line-height: 1.5;
+ padding-right: #{0.5 * $size__spacing-unit};
+ display: block;
+ }
+
+ .comment-edit-link {
+ color: $color__text-light;
+ font-family: $font__heading;
+ font-weight: 500;
+ }
+ }
+ }
</ins><span class="cx" style="display: 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><span class="cx" style="display: block; padding: 0 10px">
</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"> #respond + & {
</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">@@ -144,30 +162,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"> .comment {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> padding-left: calc(.5 * (#{$size__spacing-unit} + calc(100vw / 12 )));
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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><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">- &:hover > .comment-body > .comment-meta > .comment-metadata {
- > .edit-link-sep,
- > .edit-link {
- opacity: 1;
</del><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">
</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><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -174,11 +189,6 @@
</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) {
- display: inline-block;
- 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">@@ -197,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">@@ -217,10 +222,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> background: lighten( $color__link, 8% );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(100% + #{$size__spacing-unit * .25});
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% - #{$size__spacing-unit * 2.5});
</ins><span class="cx" style="display: block; padding: 0 10px"> top: -3px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 18px;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ right: calc(100% + #{$size__spacing-unit * .75});
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> svg {
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> height: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -233,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) {
- display: inline-block;
- 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">@@ -252,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">@@ -264,15 +266,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .edit-link-sep {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.2em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 0;
- transition: opacity 200ms ease-in-out;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .edit-link {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: opacity 200ms ease-in-out;
- opacity: 0;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> svg {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: scale(0.8);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -282,7 +280,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-edit-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: -#{$size__spacing-unit};
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -298,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">@@ -306,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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -345,20 +350,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: calc(1.5 * #{$size__spacing-unit});
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(1.5 * #{$size__spacing-unit});
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- @include media(tablet) {
-
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .discussion-meta {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .discussion-avatar-list {
- display: inline-block;
- margin-right: 8px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .discussion-meta-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasssiteprimary_postsandpagesscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,7 +24,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 calc(1.5 * #{$size__spacing-unit});
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(6 * #{$size__spacing-unit});
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -38,11 +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;
-
- .featured-image & {
- margin-bottom: 0;
- }
</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">@@ -69,6 +65,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> > span {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: $size__spacing-unit;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -95,26 +92,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-meta {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> margin: $size__spacing-unit 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- &.has-discussion .comment-count {
-
- @include media(desktop) {
- float: right;
- position: relative;
- }
-
- .discussion-avatar-list {
- display: none;
-
- @include media(desktop) {
- bottom: 100%;
- display: block;
- position: absolute;
- }
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-footer {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -122,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: 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: $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">@@ -136,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">@@ -152,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">@@ -162,10 +139,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-thumbnail-inner {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include filter-grayscale;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ filter: grayscale(100%);
+
+ &:after {
+ background: rgba(0, 0, 0, 0.35);
+ content: "";
+ display: block;
+ height: 100%;
+ opacity: .5;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
+ width: 100%;
+ z-index: 4;
+
+ @supports (mix-blend-mode: multiply) {
+ display: none;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">@@ -172,7 +167,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0; left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><span class="cx" style="display: block; padding: 0 10px"> pointer-events: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -179,11 +173,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @include filter-duotone;
</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">
</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"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ p {
+ word-wrap: break-word;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .more-link {
</span><span class="cx" style="display: block; padding: 0 10px"> @include link-transition;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -190,7 +199,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: "»";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "\02192";
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -203,38 +212,92 @@
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.button,
</ins><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.button {
+ display: inline-block;
+ }
+
+ &.button:hover {
+ background: $color__background-button-hover;
+ color: $color__background-body;
+ cursor: pointer;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Overwrite iframe embeds that have inline styles.
</span><span 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="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+/* Author description */
+
+.author-bio {
+ margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit;
+
+ @include postContentMaxWidth();
+
+ @include media(tablet) {
+ margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
+ }
+
+ @include media(desktop) {
+ margin: calc(3 * #{$size__spacing-unit}) $size__site-margins;
+ }
+
+ .author-title {
+ @include post-section-dash;
+ display: inline;
+ }
+
+ .author-description {
+
+ display: inline;
+ color: $color__text-light;
+ font-size: $font__size-md;
+ line-height: $font__line-height-heading;
+
+ .author-link {
+ display: inline-block;
+
+ &:hover {
+ color: $color__link-hover;
+ text-decoration: none;
+ }
+ }
+ }
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasssitesecondary_widgetsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,4 +5,77 @@
</span><span class="cx" style="display: block; padding: 0 10px"> select {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ a {
+ color: $color__link;
+
+ &:hover {
+ color: $color__link-hover;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.widget_archive,
+.widget_categories,
+.widget_meta,
+.widget_nav_menu,
+.widget_pages,
+.widget_recent_comments,
+.widget_recent_entries,
+.widget_rss {
+
+ ul {
+ padding: 0;
+ list-style: none;
+
+ li {
+ color: $color__text-light;
+ font-family: $font__heading;
+ font-size: calc(#{$font__size_base} * #{$font__size-ratio});
+ font-weight: 700;
+ line-height: $font__line-height-heading;
+ margin-top: #{0.5 * $size__spacing-unit};
+ margin-bottom: #{0.5 * $size__spacing-unit};
+ }
+
+ @include nestedSubMenuPadding();
+ }
+}
+
+.widget_tag_cloud {
+
+ .tagcloud {
+ font-family: $font__heading;
+ font-weight: 700;
+ }
+}
+
+
+.widget_search {
+
+ .search-field {
+ width: 100%;
+
+ @include media(mobile) {
+ width: auto;
+ }
+ }
+
+ .search-submit {
+ display: block;
+ margin-top: $size__spacing-unit;
+ }
+}
+
+.widget_calendar .calendar_wrap {
+ text-align: center;
+
+ table td,
+ table th {
+ border: none;
+ }
+
+ a {
+ text-decoration: underline;
+ }
+}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasstypography_copyscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/typography/_copy.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,20 +3,17 @@
</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="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- > p {
- font-size: $font__size-lg;
- font-style: italic;
- line-height: $font__line-height-heading;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> cite {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: $font__size-sm;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: $font__size-xs;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,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">@@ -39,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="trunksrcwpcontentthemestwentynineteensasstypography_headingsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/typography/_headings.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +1,36 @@
</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,
+.author-description .author-link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .not-found .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .error-404 .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,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">@@ -18,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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,7 +59,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul.main-menu > li,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.author-description p.author-bio,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-bio,
</ins><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensasstypography_typographyscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/typography/_typography.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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="trunksrcwpcontentthemestwentynineteensassvariablessite_fontsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/variables-site/_fonts.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,6 +1,20 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdVL
wSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format('woff2'),
+ url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQIFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQ
AAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format('woff');
+
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Font and typographic variables
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$font__body: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$font__body: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> $font__heading: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> $font__code: Menlo, monaco, Consolas, Lucida Console, monospace;
</span><span class="cx" style="display: block; padding: 0 10px"> $font__pre: "Courier 10 Pitch", Courier, monospace;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,4 +34,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="trunksrcwpcontentthemestwentynineteensassvariablessite_structurescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/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-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/sass/variables-site/_structure.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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="trunksrcwpcontentthemestwentynineteenscreenshotpng"></a>
<div class="binary"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/screenshot.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensearchphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/search.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/search.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/search.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,6 +6,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,11 +19,9 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="page-description">
- <?php echo get_search_query(); ?>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="page-description"><?php echo get_search_query(); ?></div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .page-header -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -35,7 +34,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * If you want to override this in a child theme, then include a file
</span><span class="cx" style="display: block; padding: 0 10px"> * called content-___.php (where ___ is the Post Format name) and that will be used instead.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- get_template_part( 'template-parts/content/content' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ get_template_part( 'template-parts/content/content', 'excerpt' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // End the loop.
</span><span class="cx" style="display: block; padding: 0 10px"> endwhile;
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteensinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/single.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/single.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,12 +6,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div id="primary" class="content-area">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <section id="primary" class="content-area">
</ins><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,7 +27,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Parent post navigation.
</span><span class="cx" style="display: block; padding: 0 10px"> the_post_navigation(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'prev_text' => _x( '<span class="meta-nav">Published in</span><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'prev_text' => _x( '<span class="meta-nav">Published in</span><br/><span class="post-title">%title</span>', 'Parent post link', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> } elseif ( is_singular( 'post' ) ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -52,9 +53,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- #main -->
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- #primary -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </section><!-- #primary -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><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="trunksrcwpcontentthemestwentynineteenstyleeditorcustomizercssfromrev43860branches50srcwpcontentthemestwentynineteenstyleeditorcustomizercss"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.css (from rev 43860, 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">--- trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.css (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.css 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,95 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!
+Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
+
+NOTE: This file is automatically populated with additional styles if the user selects a custom primary color in the customzier.
+*/
+/** === 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="trunksrcwpcontentthemestwentynineteenstyleeditorcustomizerscssfromrev43860branches50srcwpcontentthemestwentynineteenstyleeditorcustomizerscss"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.scss (from rev 43860, 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">--- trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.scss (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/style-editor-customizer.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,13 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!
+Twenty Nineteen Customizer Styles & Non-latin Font Fallbacks
+
+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="trunksrcwpcontentthemestwentynineteenstyleeditorframecss"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-content/themes/twentynineteen/style-editor-frame.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor-frame.css 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/style-editor-frame.css 2018-12-14 02:32:33 UTC (rev 44149)
</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.gutenberg-editor-page .gutenberg .editor-post-title__block:before {
- background: #767676;
- content: "\020";
- display: block;
- height: 2px;
- margin: 1rem 0;
- width: 1em;
-}
-
-body.gutenberg-editor-page .gutenberg .editor-post-title__block:before {
- width: 2.8125em;
- margin-top: 0;
- margin-bottom: 0;
- margin-left: 1em;
- position: relative;
- top: 0.5em;
-}
-
-body.gutenberg-editor-page .gutenberg .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.gutenberg-editor-page .gutenberg .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.gutenberg-editor-page .gutenberg .edit-post-layout .editor-writing-flow {
- max-width: 80%;
- margin: 0 10%;
- }
- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-post-title__block,
- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-default-block-appender,
- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-block-list__block {
- margin-left: 0;
- margin-right: 0;
- }
- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-block-list__block[data-align="full"] {
- width: calc( 125% + 88px + 28px);
- position: relative;
- left: calc( -12.5% - 46px - 14px);
- }
- body.gutenberg-editor-page .gutenberg .edit-post-layout .editor-block-list__block[data-align="right"] {
- max-width: 125%;
- }
-}
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenstyleeditorframescss"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-content/themes/twentynineteen/style-editor-frame.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor-frame.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/style-editor-frame.scss 2018-12-14 02:32:33 UTC (rev 44149)
</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.gutenberg-editor-page .gutenberg .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.gutenberg-editor-page .gutenberg .editor-default-block-appender__content {
- font-family: $font__body;
- font-size: $font__size_base;
-}
-
-/** === Off-Center Content === */
-
-body.gutenberg-editor-page .gutenberg .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="trunksrcwpcontentthemestwentynineteenstyleeditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/style-editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/style-editor.css 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,17 +1,73 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@charset "UTF-8";
</ins><span class="cx" style="display: block; padding: 0 10px"> /*!
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Nineteen Editor Styles
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-NOTE: Styling alignment styles require use of [data-align] selectors.
-This is not ideal, but it works. Styles using those selectors should be refactored
-when Gutenberg supports styling those variations more intuitively.
</del><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Includes === */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdV
LwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQ
IFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Fallback for non-latin fonts */
+/* Calculates maximum width for post content */
+/* Nested sub-menu padding: 10 levels deep */
+/** === Editor Frame === */
+body .wp-block[data-align="full"] {
+ width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+ body .wp-block[data-align="full"] {
+ width: calc( 100% + 90px);
+ max-width: calc( 100% + 90px);
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ body .editor-writing-flow {
+ max-width: 80%;
+ margin: 0 10%;
+ }
+ body .editor-post-title__block,
+ body .editor-default-block-appender,
+ body .editor-block-list__block {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ body .wp-block[data-align="wide"] {
+ width: 100%;
+ }
+ body .wp-block[data-align="full"] {
+ position: relative;
+ left: calc( -12.5% - 14px);
+ width: calc( 125% + 116px);
+ max-width: calc( 125% + 115px);
+ }
+ body .wp-block[data-align="right"] {
+ max-width: 125%;
+ }
+}
+
+/** === Editor Block Toolbar Position === */
+.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
+.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
+ max-width: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Content Width === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(100vw - (2 * 1rem));
</span><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"> @media only screen and (min-width: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,10 +82,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">+.wp-block .wp-block {
+ width: 100%;
+}
+
</ins><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">@@ -44,6 +105,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h5,
</span><span class="cx" style="display: block; padding: 0 10px"> h6 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -116,6 +178,63 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.has-primary-background-color,
+.has-secondary-background-color,
+.has-dark-gray-background-color,
+.has-light-gray-background-color {
+ color: #fff;
+}
+
+.has-primary-background-color p,
+.has-primary-background-color h1,
+.has-primary-background-color h2,
+.has-primary-background-color h3,
+.has-primary-background-color h4,
+.has-primary-background-color h5,
+.has-primary-background-color h6,
+.has-primary-background-color a,
+.has-secondary-background-color p,
+.has-secondary-background-color h1,
+.has-secondary-background-color h2,
+.has-secondary-background-color h3,
+.has-secondary-background-color h4,
+.has-secondary-background-color h5,
+.has-secondary-background-color h6,
+.has-secondary-background-color a,
+.has-dark-gray-background-color p,
+.has-dark-gray-background-color h1,
+.has-dark-gray-background-color h2,
+.has-dark-gray-background-color h3,
+.has-dark-gray-background-color h4,
+.has-dark-gray-background-color h5,
+.has-dark-gray-background-color h6,
+.has-dark-gray-background-color a,
+.has-light-gray-background-color p,
+.has-light-gray-background-color h1,
+.has-light-gray-background-color h2,
+.has-light-gray-background-color h3,
+.has-light-gray-background-color h4,
+.has-light-gray-background-color h5,
+.has-light-gray-background-color h6,
+.has-light-gray-background-color a {
+ color: #fff;
+}
+
+.has-white-background-color {
+ color: #111;
+}
+
+.has-white-background-color p,
+.has-white-background-color h1,
+.has-white-background-color h2,
+.has-white-background-color h3,
+.has-white-background-color h4,
+.has-white-background-color h5,
+.has-white-background-color h6,
+.has-white-background-color a {
+ color: #111;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> figcaption,
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -124,6 +243,42 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Post Title === */
+.editor-post-title__block:before {
+ background: #767676;
+ content: "\020";
+ display: block;
+ height: 2px;
+ margin: 1rem 0;
+ width: 1em;
+}
+
+.editor-post-title__block:before {
+ width: 2.8125em;
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-left: 1em;
+ position: relative;
+ top: 0.5em;
+}
+
+.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;
+ font-weight: 700;
+}
+
+/** === Default Appender === */
+.editor-default-block-appender .editor-default-block-appender__content {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-size: 22px;
+}
+
+/** === 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">@@ -133,52 +288,90 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.25em 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/** === Cover Image === */
-.wp-block-cover-image h2,
-.wp-block-cover-image .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Table === */
+.wp-block-table {
</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><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">+}
+
+/** === Cover === */
+.wp-block-cover h2,
+.wp-block-cover .wp-block-cover-text {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ 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-image.has-left-content {
- justify-content: center;
</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-image.has-left-content h2,
-.wp-block-cover-image.has-left-content .wp-block-cover-image-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-cover-image.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) {
+ .wp-block-cover {
+ padding-left: 10%;
+ padding-right: 10%;
+ }
+ .wp-block-cover h2,
+ .wp-block-cover .wp-block-cover-text {
+ font-size: 2.25em;
+ }
</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-image.has-right-content h2,
-.wp-block-cover-image.has-right-content .wp-block-cover-image-text {
- padding: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.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));
</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">-body[data-type="core/cover-image"][data-align="left"] h2,
-body[data-type="core/cover-image"][data-align="left"] .wp-block-cover-image-text,
-body[data-type="core/cover-image"][data-align="right"] h2,
-body[data-type="core/cover-image"][data-align="right"] .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.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="left"] .wp-block-cover,
+ .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
+ padding: 1rem;
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body[data-type="core/cover-image"][data-align="wide"] h2,
- body[data-type="core/cover-image"][data-align="wide"] .wp-block-cover-image-text,
- body[data-type="core/cover-image"][data-align="full"] h2,
- body[data-type="core/cover-image"][data-align="full"] .wp-block-cover-image-text {
- padding: 0;
- width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .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 {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@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">@@ -195,8 +388,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button .wp-block-button__link:not(.has-background),
-.wp-block-button .wp-block-button__link:not(.has-background) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button:not(.is-style-outline) .wp-block-button__link {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -204,18 +396,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link,
-.wp-block-button.is-style-outline .wp-block-button__link:hover,
-.wp-block-button.is-style-outline .wp-block-button__link:focus,
-.wp-block-button.is-style-outline .wp-block-button__link:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline, .wp-block-button.is-style-outline:hover, .wp-block-button.is-style-outline:focus, .wp-block-button.is-style-outline:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
-.wp-block-button.is-style-outline .wp-block-button__link:hover:not(.has-text-color),
-.wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
-.wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-button.is-style-outline .wp-block-button__link, .wp-block-button.is-style-outline:hover .wp-block-button__link, .wp-block-button.is-style-outline:focus .wp-block-button__link, .wp-block-button.is-style-outline:active .wp-block-button__link {
+ background: transparent;
+}
+
+.wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color), .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -248,120 +438,123 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Pullquote === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
+ border-width: 2px;
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 768px) {
- .wp-block-pullquote.is-style-solid-color blockquote {
- width: calc(8 * (100vw / 12));
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.is-style-solid-color blockquote a,
+.wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
+.wp-block-pullquote.is-style-solid-color blockquote.has-text-color a {
+ 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">-@media only screen and (min-width: 1168px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) {
+ color: #fff;
+}
+
+@media only screen and (min-width: 768px) {
</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(6 * (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">-.wp-block-pullquote.is-style-solid-color blockquote:not(.has-text-color) p,
-.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
- color: white;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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;
-}
-
-body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"] p,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="left"] p,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="right"] p {
</del><ins style="background-color: #dfd; text-decoration:none; 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,
+.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"] p,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="left"] p,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="right"] 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="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
- body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
- body[data-type="core/pullquote"] p,
- body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
- body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
- body[data-type="core/pullquote"][data-align="left"] p,
- body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
- body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
- body[data-type="core/pullquote"][data-align="right"] p {
</del><ins style="background-color: #dfd; text-decoration:none; 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,
+ .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
+ .wp-block[data-type="core/pullquote"] p,
+ .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+ .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+ .wp-block[data-type="core/pullquote"][data-align="left"] p,
+ .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+ .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+ .wp-block[data-type="core/pullquote"][data-align="right"] 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">-body[data-type="core/pullquote"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #767676;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"] em,
-body[data-type="core/pullquote"][data-align="left"] em,
-body[data-type="core/pullquote"][data-align="right"] em {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"] em,
+.wp-block[data-type="core/pullquote"][data-align="left"] em,
+.wp-block[data-type="core/pullquote"][data-align="right"] 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
</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">-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color p,
-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color p,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="left"] p,
+.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="right"] p,
+.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
+ text-align: left;
</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">-body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="left"] p,
-body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="right"] p,
-body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
- text-align: left;
</del><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"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === File === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -369,7 +562,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__textlink {
+ text-decoration: underline;
+ color: #0073aa;
+}
+
+.wp-block-file .wp-block-file__textlink:hover {
+ color: #005177;
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file .wp-block-file__button {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -377,6 +581,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-file .wp-block-file__button-richtext-wrapper {
+ display: block;
+ margin-top: calc(0.75 * 1rem);
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Verse === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse pre {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -406,7 +616,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator.is-style-dots:before {
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- letter-spacing: 0.88889em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: calc(2 * 1rem);
+ padding-left: calc(2 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Latest Posts, Archives, Categories === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -427,12 +638,22 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.6875em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(22px * 1.125);
</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.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><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"> ul.wp-block-archives li a,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-categories li a,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts li a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -439,20 +660,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul.wp-block-archives li a:after,
-.wp-block-categories li a:after,
-.wp-block-latest-posts li a:after {
- color: #767676;
- content: ",";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul.wp-block-archives li ul,
+.wp-block-categories li ul,
+.wp-block-latest-posts li ul {
+ padding-left: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul.wp-block-archives li:last-child a:after,
-.wp-block-categories li:last-child a:after,
-.wp-block-latest-posts li:last-child a:after {
- color: #767676;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-categories ul ul {
+ counter-reset: submenu;
+}
+
+.wp-block-categories ul ul > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -495,6 +729,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Classic Editor === */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Properly center-align captions in the classic-editor block */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-caption dd {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
+ font-size: 0.71111em;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0.5rem;
+ text-align: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-margin-start: 0px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-inline-start: 0px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -504,49 +745,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add style for galleries in classic-editor 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">-.wp-block-freeform .gallery {
- display: flex;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-freeform blockquote {
+ border-left: 2px solid #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-freeform .gallery .gallery-item {
- padding: 0.5rem;
- text-align: center;
- vertical-align: top;
- width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-freeform blockquote cite {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: 0.71111em;
+ font-style: normal;
+ line-height: 1.6;
+ color: #767676;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-freeform .gallery .gallery-item .gallery-caption {
- margin: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
+.wp-block[data-type="core/freeform"] .mce-btn i {
+ font-family: dashicons !important;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-.wp-block-freeform .gallery.gallery-columns-2 .gallery-item {
- max-width: calc( ( 12 / 2 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-3 .gallery-item {
- max-width: calc( ( 12 / 3 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-4 .gallery-item {
- max-width: calc( ( 12 / 4 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-5 .gallery-item {
- max-width: calc( ( 12 / 5 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-6 .gallery-item {
- max-width: calc( ( 12 / 6 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-7 .gallery-item {
- max-width: calc( ( 12 / 7 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-8 .gallery-item {
- max-width: calc( ( 12 / 8 ) * (100% / 12));
-}
-
-.wp-block-freeform .gallery.gallery-columns-9 .gallery-item {
- max-width: calc( ( 12 / 9 ) * (100% / 12));
-}
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenstyleeditorscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/style-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/style-editor.scss 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,21 +1,72 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*!
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Nineteen Editor Styles
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-NOTE: Styling alignment styles require use of [data-align] selectors.
-This is not ideal, but it works. Styles using those selectors should be refactored
-when Gutenberg supports styling those variations more intuitively.
</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"> /** === Includes === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @import "sass/variables-site/variables-site";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@import "sass/variables-site/colors";
</del><span class="cx" style="display: block; padding: 0 10px"> @import "sass/mixins/mixins-master";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Editor Frame === */
+
+body {
+
+ .wp-block[data-align="full"] {
+ width: 100%;
+ }
+
+ @include media(mobile) {
+
+ .wp-block[data-align="full"] {
+ width: calc( 100% + 90px );
+ max-width: calc( 100% + 90px );
+ }
+ }
+
+ @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;
+ }
+
+ .wp-block[data-align="wide"] {
+ width: 100%;
+ }
+
+ .wp-block[data-align="full"] {
+ position: relative;
+ left: calc( -12.5% - 14px );
+ width: calc( 125% + 116px );
+ max-width: calc( 125% + 115px ); // Subtract 1px here to avoid the rounding errors that happen due to the usage of percentages.
+ }
+
+ .wp-block[data-align="right"] {
+ max-width: 125%;
+ }
+ }
+}
+
+/** === Editor Block Toolbar Position === */
+
+// Since 2019 left-aligns wide and fullwide blocks, left align the toolbar too.
+.editor-block-list__block[data-align="wide"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar,
+.editor-block-list__block[data-align="full"] .editor-block-contextual-toolbar .editor-block-toolbar.editor-block-toolbar {
+ max-width: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Content Width === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(100vw - (2 * #{$size__spacing-unit}));
</span><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"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(8 * (100vw / 12));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,6 +75,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</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><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.
+ .wp-block {
+ 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"> /** === Base Typography === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -31,6 +87,7 @@
</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><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__body;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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">@@ -45,6 +102,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h5,
</span><span class="cx" style="display: block; padding: 0 10px"> h6 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -102,6 +160,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Use white text against these backgrounds by default.
+.has-primary-background-color,
+.has-secondary-background-color,
+.has-dark-gray-background-color,
+.has-light-gray-background-color {
+ color: $color__background-body;
+
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__background-body;
+ }
+}
+
+// Use dark gray text against this background by default.
+.has-white-background-color {
+ color: $color__text-main;
+
+ p,
+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6,
+ a {
+ color: $color__text-main;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> figcaption,
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -110,6 +203,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Post Title === */
+
+.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;
+ font-weight: 700;
+ }
+}
+
+/** === Default Appender === */
+
+.editor-default-block-appender .editor-default-block-appender__content {
+ font-family: $font__body;
+ font-size: $font__size_base;
+}
+
+/** === 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">@@ -123,60 +251,98 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/** === Cover Image === */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Table === */
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover-image {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-table {
+ font-family: $font__heading;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Cover === */
+
+.wp-block-cover {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><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 {
- justify-content: center;
</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-image-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 {
- justify-content: center;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
- padding: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text {
+ 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="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/cover-image"][data-align="left"],
-body[data-type="core/cover-image"][data-align="right"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/cover"][data-align="left"],
+.wp-block[data-type="core/cover"][data-align="right"] {
</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 {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+
+ .wp-block-cover {
+ padding: $size__spacing-unit;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/cover-image"][data-align="wide"],
-body[data-type="core/cover-image"][data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/cover"][data-align="wide"],
+.wp-block[data-type="core/cover"][data-align="full"] {
</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) {
+
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-cover-image-text {
- padding: 0;
- width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> 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">@@ -200,8 +366,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-button__link:not(.has-background),
- .wp-block-button__link:not(.has-background) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:not(.is-style-outline) .wp-block-button__link {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: $color__background-button;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -209,15 +374,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.is-style-outline .wp-block-button__link,
- &.is-style-outline .wp-block-button__link:hover,
- &.is-style-outline .wp-block-button__link:focus,
- &.is-style-outline .wp-block-button__link:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.is-style-outline,
+ &.is-style-outline:hover,
+ &.is-style-outline:focus,
+ &.is-style-outline:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: $color__background-button;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__background-button;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:not(.has-text-color) {
- color: $color__background-button;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-button__link {
+ background: transparent;
+
+ &:not(.has-text-color) {
+ color: $color__background-button;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -257,26 +426,40 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Pullquote === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
+ border-width: 2px;
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @include media(tablet) {
- width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ a,
+ &.has-text-color p,
+ &.has-text-color a {
+ 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">- @include media(desktop) {
- width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:not(.has-text-color) {
+ color: $color__background-body;
</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">- blockquote:not(.has-text-color) p,
- .wp-block-pullquote__citation {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include media(tablet) {
+ 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"> &:not(.has-background-color) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -283,16 +466,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">-
- 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"],
-body[data-type="core/pullquote"][data-align="left"],
-body[data-type="core/pullquote"][data-align="right"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"],
+.wp-block[data-type="core/pullquote"][data-align="left"],
+.wp-block[data-type="core/pullquote"][data-align="right"] {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > .editor-rich-text p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -302,7 +480,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-main;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-xl;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -314,7 +491,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-xs;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: $color__text-light;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> em {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -322,10 +498,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"],
-body[data-type="core/pullquote"][data-align="right"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"],
+.wp-block[data-type="core/pullquote"][data-align="right"] {
</ins><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">@@ -334,11 +511,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-pullquote.is-style-solid-color {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- p,
- .wp-block-pullquote__citation {
- color: white;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -350,12 +522,34 @@
</span><span class="cx" style="display: block; 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="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-file__textlink {
+ text-decoration: underline;
+ color: $color__link;
+
+ &:hover {
+ color: $color__link-hover;
+ text-decoration: none;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-file__button {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-sm;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -362,6 +556,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block-file__button-richtext-wrapper {
+ display: block;
+ margin-top: calc(0.75 * #{$size__spacing-unit});
+ margin-left: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Verse === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -402,7 +603,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-dots:before {
</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-size: $font__size-lg;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- letter-spacing: $font__size-sm;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: calc(2 * #{$size__spacing-unit});
+ padding-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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -420,27 +622,43 @@
</span><span class="cx" style="display: 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: $font__size-lg;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(#{$font__size_base} * #{$font__size-ratio});
</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: $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><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"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- &:after {
- color: $color__text-light;
- content: ",";
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:last-child a:after {
- color: $color__text-light;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ul {
+ padding-left: $size__spacing-unit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -490,6 +708,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Properly center-align captions in the classic-editor block */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> dd {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__text-light;
+ font-size: $font__size-xs;
+ font-family: $font__heading;
+ line-height: $font__line-height-pre;
+ margin: 0;
+ padding: ( $size__spacing-unit * .5 );
+ text-align: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-margin-start: 0px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-inline-start: 0px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -499,26 +724,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-freeform {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Add style for galleries in classic-editor block */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .gallery {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ blockquote {
+ border-left: 2px solid $color__link;
</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: flex;
-
- .gallery-item {
- padding: ( $size__spacing-unit * .5 );
- text-align: center;
- vertical-align: top;
- width: 100%;
-
- .gallery-caption {
- margin: 0;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ cite {
+ font-family: $font__heading;
+ font-size: $font__size-xs;
+ font-style: normal;
+ line-height: 1.6;
+ color: $color__text-light;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- // Loops to enumerate the classes for gallery columns.
- @for $i from 2 through 9 {
- &.gallery-columns-#{$i} .gallery-item {
- max-width: calc( ( 12 / #{$i} ) * (100% / 12) );
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+/* Make sure our non-latin font overrides don't overwrite the iconfont used in the classic editor toolbar */
+.wp-block[data-type="core/freeform"] .mce-btn i {
+ font-family: dashicons !important;
+}
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenstylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/style-rtl.css 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,9 +53,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Captions
</span><span class="cx" style="display: block; padding: 0 10px"> ## Galleries
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdV
LwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQ
IFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Fallback for non-latin fonts */
+/* Calculates maximum width for post content */
+/* Nested sub-menu padding: 10 levels deep */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 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">@@ -133,8 +148,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">@@ -399,7 +413,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-font-smoothing: antialiased;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -413,15 +427,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> optgroup,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> text-rendering: optimizeLegibility;
</span><span class="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,
+.author-description .author-link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .not-found .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .error-404 .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -430,8 +474,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">@@ -439,29 +487,14 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul.main-menu > li,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.author-description p.author-bio,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-bio,
</ins><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -556,9 +589,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">@@ -565,9 +596,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">@@ -576,18 +605,15 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote > p {
- font-size: 1.6875em;
- font-style: italic;
- line-height: 1.2;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote cite {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 0.88889em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.71111em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -599,7 +625,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">@@ -609,7 +638,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">@@ -630,6 +660,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">@@ -636,11 +749,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">@@ -650,7 +763,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">@@ -666,16 +779,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"> a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin;
+ outline-style: dotted;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">@@ -730,31 +850,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-img:before {
- background-color: #eee;
- border: 1px dashed #ccc;
- border-radius: 3px;
- content: " ";
- display: block;
- height: 100%;
- right: 0;
- position: absolute;
- top: 0;
- width: 100%;
-}
-
-img:after {
- color: #666;
- content: "This image is broken :-/ ( " attr(alt) " )";
- display: block;
- right: 50%;
- position: absolute;
- text-align: center;
- top: 50%;
- transform: translate(50%, -50%);
- width: 100%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> figure {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -761,8 +856,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border-right: 2px solid #0073aa;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: -2rem;
- padding: 1rem 2rem 0.5rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0;
+ padding: 0 1rem 0 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -775,11 +870,16 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">@@ -793,13 +893,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.66rem 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.76rem 1rem;
+ text-decoration: none;
+ vertical-align: bottom;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -807,19 +909,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="button"]:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="reset"]:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"]:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button:hover, .button:focus,
-button:hover,
-button:focus,
-input[type="button"]:hover,
-input[type="button"]:focus,
-input[type="reset"]:hover,
-input[type="reset"]:focus,
-input[type="submit"]:hover,
-input[type="submit"]:focus {
- background: #111;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button:visited,
+button:visited,
+input[type="button"]:visited,
+input[type="reset"]:visited,
+input[type="submit"]:visited {
+ color: #fff;
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -827,6 +927,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="button"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="reset"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"]:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -852,7 +953,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: solid 1px #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.5rem 0.66rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.36rem 0.66rem;
+ -webkit-appearance: none;
+ outline-offset: 0;
+ border-radius: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="text"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -876,6 +980,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -908,7 +1016,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin dotted;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -917,19 +1025,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Main menu === */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: block;
+ margin-top: 0.25rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Fade-in animation for top-level submenus
+ */
+ /**
+ * Off-canvas touch device styles
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 768px) {
- .main-navigation {
- display: block;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> body.page .main-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -939,43 +1050,45 @@
</span><span class="cx" style="display: 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="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><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><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a + svg {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #0073aa;
- margin-left: -0.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li > a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li > a:hover,
+.main-navigation .main-menu > li > a:hover + svg {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #005177;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li > a:hover + svg {
- color: #005177;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children {
+ display: inline-block;
+ position: 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">-.main-navigation .main-menu > li > a:after {
- content: ",";
- display: inline;
- color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@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"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li.menu-item-has-children:after {
- content: ",";
- display: inline;
- color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children > a {
+ margin-left: 0.125rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li.menu-item-has-children > a:after,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -984,49 +1097,88 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li:last-child > a:after {
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
+ display: inline-block;
+ margin-left: 0.25rem;
+ /* Priority+ Menu */
</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.main-menu-more-toggle {
+ position: relative;
+ height: 24px;
+ line-height: 1.2;
+ width: 24px;
+ padding: 0;
+ margin-right: 0.5rem;
+}
+
+.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;
+}
+
+.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
+ display: none;
+}
+
+.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><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
- float: right;
- width: 100%;
</del><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: -999em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: -9999px;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 99999;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: opacity 0.5s ease-in-out;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 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 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 {
+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: 0.5rem;
- top: 0.65rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc( 24px + 1rem);
+ left: 0;
+ top: calc( .125 * 1rem);
+ bottom: 0;
+ color: white;
+ line-height: 1;
+ padding: calc( .5 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
+ top: 0;
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
+ margin-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\203a";
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1033,68 +1185,376 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li > a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a,
+.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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: calc( .5 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc( .5 * 1rem) 1rem calc( .5 * 1rem) calc( 24px + 1rem);
+ 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:hover, .main-navigation .sub-menu > li > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a: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:hover:after, .main-navigation .sub-menu > li > a:focus:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a: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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
-.main-navigation .main-menu .menu-item-has-children .sub-menu:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:empty {
+ display: none;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
+ display: none;
+ font-size: 0.88889em;
+ font-weight: normal;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
+ position: relative;
+ top: 0.2rem;
+ margin-left: calc( .25 * 1rem);
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: inherit;
- margin-top: -2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: 0;
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu dashes */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
-.main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children: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 dashes */
+}
+
+@media only screen and (min-width: 768px) {
+ .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 {
+ 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;
+ width: max-content;
+ }
+ .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;
+ }
+}
+
+.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;
</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-right: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
+ right: 0;
+ opacity: 1;
+ /* Non-mobile position */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .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 .sub-menu,
- .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
- 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)[focus-within] > .sub-menu .sub-menu {
+ float: none;
+ max-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">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ 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><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 .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.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 {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: inherit;
- margin-top: -2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: 0;
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu dashes */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@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;
+ 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):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;
+}
+
+@media only screen and (min-width: 768px) {
+ .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;
+ }
+}
+
+.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;
</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-right: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
+ right: 0;
+ opacity: 1;
+ /* Non-mobile position */
</ins><span class="cx" style="display: 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;
- position: absolute;
- right: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ float: none;
+ max-width: 100%;
+ }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .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 > li > a,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
+ white-space: inherit;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+ display: table;
+ margin-top: 0;
+ opacity: 1;
+ padding-right: 0;
+ /* Mobile position */
+ right: 0;
+ top: 0;
+ left: 0;
+ bottom: 0;
+ position: fixed;
+ z-index: 100000;
+ /* Make sure appears above mobile admin bar */
+ width: 100vw;
+ height: 100vh;
+ max-width: 100vw;
+ transform: translateX(-100%);
+ animation: slide_in_right 0.3s forwards;
+ /* Prevent menu from being blocked by admin bar */
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
+ display: block;
+}
+
+.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 */
+}
+
+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+ top: 0;
+}
+
+@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);
+ }
+ .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu-more:nth-child(n+3) {
+ display: none;
+}
+
+/* Menu animation */
+@keyframes slide_in_right {
+ 100% {
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fade_in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Social menu */
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(1rem / 2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1150,6 +1610,32 @@
</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">+@media only screen and (min-width: 768px) {
+ .site-title + .social-navigation,
+ .site-description + .social-navigation {
+ margin-top: calc(1rem / 5);
+ }
+}
+
+/** === 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">@@ -1158,6 +1644,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .post-navigation {
+ margin: calc(3 * 1rem) calc(10% + 60px);
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .post-navigation {
+ margin: calc(3 * 1rem) 0;
+ max-width: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1165,20 +1665,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .post-navigation .nav-links {
+ margin: 0;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><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">@@ -1190,9 +1693,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">@@ -1231,6 +1732,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> order: 2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-right: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1256,6 +1758,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">@@ -1263,7 +1780,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">@@ -1285,6 +1802,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: bold;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-previous .secondary-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1307,11 +1826,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">@@ -1321,8 +1835,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">@@ -1338,8 +1851,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">@@ -1363,13 +1875,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Alignments */
</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">+ float: left;
+ margin-right: 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .alignleft {
+ margin-right: calc(2 * 1rem);
+ }
+}
+
+.alignright {
</ins><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="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignright {
- float: left;
- margin-right: 1rem;
</del><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"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .aligncenter {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1424,6 +1948,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+ margin-bottom: auto;
+}
+
</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"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1430,15 +1965,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 0;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: flex;
</del><span class="cx" style="display: block; padding: 0 10px"> min-height: 100vh;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- flex-direction: column;
- justify-content: space-between;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3rem;
</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 {
- margin-bottom: auto;
- }
</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"> .site-branding {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1448,8 +1977,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));
- max-width: 22em;
</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">@@ -1463,7 +1991,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(100% + (0.5 * calc(100vw / 12)));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: calc(100% + (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">@@ -1474,8 +2002,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 32px;
- height: 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 50px;
+ height: 50px;
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> transition: box-shadow 200ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1502,6 +2030,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* When there is no description set, make sure navigation appears below title. */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a {
+ color: #111;
+}
+
+.site-title a:link, .site-title a:visited {
+ color: #111;
+}
+
+.site-title a:hover {
+ color: #4a4a4a;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .featured-image .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1516,14 +2056,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a {
- color: inherit;
-}
-
-.site-title a:hover {
- color: #4a4a4a;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1530,6 +2062,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title:not(:empty) + .site-description:not(:empty):before {
+ content: "\2014";
+ margin: 0 .2em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-description {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1537,30 +2074,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-description:not(:empty):before {
- content: "\2014";
- margin: 0 .2em;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><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="cx" style="display: block; padding: 0 10px"> text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set white text color when featured image is set. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Post header styles */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* add focus state to social media icons */
+ /* Entry header */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Custom Logo Link */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Make sure important elements are above pseudo elements used for effects. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set up image filter layer positioning */
</span><span class="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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are inactive, a black overlay is added. */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Fourth layer: overlay. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fifth layer: readability overlay */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1573,65 +2108,173 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation li,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .entry-meta,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation a,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image a {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a:hover + svg,
+.site-header.featured-image .main-navigation a:active + svg,
+.site-header.featured-image .main-navigation a + svg:hover,
+.site-header.featured-image .main-navigation a + svg:active,
+.site-header.featured-image .main-navigation a + svg:hover + svg,
+.site-header.featured-image .main-navigation a + svg:active + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .social-navigation a:hover + svg,
+.site-header.featured-image .social-navigation a:active + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:active,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a:hover,
-.site-header.featured-image .hentry a:active {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-title a:hover + svg,
+.site-header.featured-image .site-title a:active + svg,
+.site-header.featured-image .site-featured-image a:hover,
+.site-header.featured-image .site-featured-image a:active,
+.site-header.featured-image .site-featured-image a:hover + svg,
+.site-header.featured-image .site-featured-image a:active + svg {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.6;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation a:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a:focus + svg,
+.site-header.featured-image .main-navigation a + svg:focus,
+.site-header.featured-image .main-navigation a + svg:focus + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .social-navigation a:focus + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a:focus {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-title a:focus + svg,
+.site-header.featured-image .site-featured-image a:focus,
+.site-header.featured-image .site-featured-image a:focus + svg {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 1px solid #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation svg,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image svg {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image {
+ /* 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%);
+}
+
+.site-header.featured-image .site-featured-image .entry-header {
+ margin-top: calc( 4 * 1rem);
+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Entry meta */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image .hentry .entry-header {
- 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">+ .site-header.featured-image .site-featured-image .entry-header {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry .entry-header .entry-title:before {
- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
+ background: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header .entry-meta {
+ font-weight: 500;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
+ margin-left: 1rem;
+ display: inline-block;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
+ margin-left: 0;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
+ transition: color 110ms ease-in-out;
+ color: currentColor;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
+ text-decoration: none;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin-left: 0.5em;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
+ display: none;
+}
+
+@media only screen and (min-width: 768px) {
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
+ display: flex;
+ position: relative;
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
+ padding-left: calc(1 * (100vw / 12) + 1rem);
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
+ position: absolute;
+ left: 0;
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
+ display: block;
+ position: absolute;
+ bottom: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .custom-logo-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1639,15 +2282,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 2px white;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .site-branding,
-.site-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-branding {
+ position: relative;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .site-branding-container:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header {
+ position: relative;
+ z-index: 9;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-branding-container:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry:before,
-.site-header.featured-image .hentry:after, .site-header.featured-image:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image:before,
+.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1657,58 +2304,69 @@
</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;
- filter: grayscale(100%);
- z-index: 1;
-}
-
-.site-header.featured-image .hentry:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .site-header.featured-image .site-featured-image:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 2;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image:after {
+ background: #000;
+ mix-blend-mode: multiply;
+ opacity: .7;
+ /* When image filters are active, a blue overlay is added. */
+}
+
+.image-filters-enabled .site-header.featured-image .site-featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- mix-blend-mode: multiply;
- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .site-branding-container:after {
- background: rgba(255, 255, 255, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .site-header.featured-image .site-featured-image:after {
+ opacity: 1;
+ }
+}
+
+.image-filters-enabled .site-header.featured-image .site-branding-container:after {
+ background: rgba(0, 0, 0, 0.35);
</ins><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: overlay;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.5;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode can have a light overlay */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: overlay) {
+ .image-filters-enabled .site-header.featured-image .site-branding-container:after {
+ background: rgba(255, 255, 255, 0.35);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #000e14;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add a transition to the readability overlay, to add a subtle
</span><span class="cx" style="display: block; padding: 0 10px"> * but smooth effect when resizing the screen.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 1200ms ease-in-out;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: 0.7;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 5;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are active, a blue overlay is added. */
+}
+
+.image-filters-enabled .site-header.featured-image:after {
+ background: #000e14;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.38;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled .site-header.featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.18;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- .site-header.featured-image:after {
- opacity: 0.1;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image ::-moz-selection {
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.17);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1746,33 +2404,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 calc(1.5 * 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(6 * 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry:first-of-type {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry:first-of-type {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 1rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-header {
- margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-header {
+ margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .featured-image .hentry .entry-header {
- margin-bottom: 0;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-title:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1781,44 +2436,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-title a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-title a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #4a4a4a;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta,
-.hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta,
+.entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta > span,
-.hentry .entry-footer > span {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta > span,
+.entry .entry-footer > span {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta > span:last-child,
-.hentry .entry-footer > span:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta > span:last-child,
+.entry .entry-footer > span:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta a,
-.hentry .entry-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta a,
+.entry .entry-footer a {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: color 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta a:hover,
-.hentry .entry-footer a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta a:hover,
+.entry .entry-footer a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta .svg-icon,
-.hentry .entry-footer .svg-icon {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta .svg-icon,
+.entry .entry-footer .svg-icon {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1825,89 +2481,80 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- .hentry .entry-meta.has-discussion .comment-count {
- float: left;
- position: relative;
- }
-}
-
-.hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
- display: none;
-}
-
-@media only screen and (min-width: 1168px) {
- .hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
- bottom: 100%;
- display: block;
- position: absolute;
- }
-}
-
-.hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 1rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-footer {
- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-footer {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-footer {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-footer {
+ 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">-.hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .post-thumbnail {
- margin: 1rem calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .post-thumbnail {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .post-thumbnail:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .post-thumbnail .post-thumbnail-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail .post-thumbnail-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .post-thumbnail .post-thumbnail-inner img {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail .post-thumbnail-inner img {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner {
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> filter: grayscale(100%);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 1;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
+ background: rgba(0, 0, 0, 0.35);
+ content: "";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 100%;
+ opacity: .5;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 100%;
- z-index: 10;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ z-index: 4;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail:before, .image-filters-enabled .hentry .post-thumbnail:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
+ display: none;
+ }
+}
+
+.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1915,11 +2562,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><span class="cx" style="display: block; padding: 0 10px"> pointer-events: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1926,71 +2572,169 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content .more-link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .entry .post-thumbnail:after {
+ opacity: 1;
+ }
+}
+
+.entry .entry-content,
+.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;
+ }
+}
+
+.entry .entry-content p {
+ word-wrap: break-word;
+}
+
+.entry .entry-content .more-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: color 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content .more-link:after {
- content: "»";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .more-link:after {
+ content: "\02192";
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content .more-link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .more-link:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a.button, .entry .entry-content a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content > iframe[style] {
- 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">+.entry .entry-content a.button {
+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a.button:hover {
+ background: #111;
+ color: #fff;
+ cursor: pointer;
+}
+
+.entry .entry-content > iframe[style] {
+ margin: 32px 0 !important;
+ max-width: 100% !important;
+}
+
</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">- .hentry .entry-content > iframe[style] {
- 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">+ .entry .entry-content > iframe[style] {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content > iframe[style] {
- max-width: calc(6 * (100vw / 12)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > iframe[style] {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content .wp-audio-shortcode {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .page-links a {
+ margin: calc(0.5 * 1rem);
+ text-decoration: none;
+}
+
+.entry .entry-content .wp-audio-shortcode {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - (2 * 1rem));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content .wp-audio-shortcode {
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-audio-shortcode {
+ 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">- .hentry .entry-content .wp-audio-shortcode {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-audio-shortcode {
+ 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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Author description */
+.author-bio {
+ margin: calc(2 * 1rem) 1rem 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .author-bio {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .author-bio {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .author-bio {
+ margin: calc(3 * 1rem) calc(10% + 60px);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .author-bio {
+ margin: calc(3 * 1rem) calc(10% + 60px);
+ }
+}
+
+.author-bio .author-title {
+ display: inline;
+}
+
+.author-bio .author-title:before {
+ background: #767676;
+ content: "\020";
+ display: block;
+ height: 2px;
+ margin: 1rem 0;
+ width: 1em;
+}
+
+.author-bio .author-description {
+ display: inline;
+ color: #767676;
+ font-size: 1.125em;
+ line-height: 1.2;
+}
+
+.author-bio .author-description .author-link {
+ display: inline-block;
+}
+
+.author-bio .author-description .author-link:hover {
+ color: #005177;
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Comments
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2003,40 +2747,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"> .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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * post itself (this happens on pages).
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * post itself (this happens on pages).
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry + .comments-area {
- 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 .comments-title-wrap,
-.comments-area .comment-list,
-.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 .comments-title-wrap,
- .comments-area .comment-list,
- .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 {
- align-items: baseline;
- display: flex;
- justify-content: space-between;
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .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) {
+ .comments-area .comments-title-wrap {
+ align-items: baseline;
+ display: flex;
+ justify-content: space-between;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comments-title-wrap .comments-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2050,6 +2808,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap .comments-title {
+ flex: 1 0 calc(3 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap .discussion-meta {
+ flex: 0 0 calc(2 * (100vw / 12));
+ margin-right: 1rem;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #comment {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2060,7 +2831,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #respond .comment-user-avatar {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1rem 0 -1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #respond .comment .comment-form {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2080,18 +2851,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- #comments > #respond .comment-user-avatar {
- position: absolute;
- display: block;
- top: 0;
- right: 0;
- }
- #comments > #respond .comment-user-avatar .avatar {
- display: block;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form-flex {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2125,12 +2884,32 @@
</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-reply {
- right: calc(1rem + 100%);
- bottom: 0;
- position: absolute;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body,
+.comment-list .trackback .comment-body {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: 0.71111em;
+ font-weight: 500;
+ margin-top: 1rem;
+ margin-bottom: 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">+.comment-list .pingback .comment-body a:not(.comment-edit-link),
+.comment-list .trackback .comment-body a:not(.comment-edit-link) {
+ font-weight: bold;
+ font-size: 19.55556px;
+ line-height: 1.5;
+ padding-left: 0.5rem;
+ display: block;
+}
+
+.comment-list .pingback .comment-body .comment-edit-link,
+.comment-list .trackback .comment-body .comment-edit-link {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: 500;
+}
+
</ins><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">@@ -2148,18 +2927,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
- opacity: 1;
-}
-
</del><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">@@ -2166,13 +2944,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-author {
- display: inline-block;
- 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">@@ -2194,13 +2965,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">@@ -2215,11 +2979,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #008fd3;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(100% + 0.25rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: calc(100% - 2.5rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> top: -3px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .comment .comment-author .post-author-badge {
+ left: calc(100% + 0.75rem);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .post-author-badge svg {
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> height: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2228,18 +2998,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 {
- display: inline-block;
- 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">@@ -2252,7 +3013,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">@@ -2263,15 +3024,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link-sep {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.2em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 0;
- transition: opacity 200ms ease-in-out;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: 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-metadata .edit-link {
</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">- transition: opacity 200ms ease-in-out;
- opacity: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link svg {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2295,6 +3052,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">@@ -2303,6 +3066,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">@@ -2342,11 +3109,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(1.5 * 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.discussion-meta .discussion-avatar-list {
- display: inline-block;
- margin-left: 8px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .discussion-meta .discussion-meta-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2399,8 +3161,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">@@ -2439,9 +3200,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive .page-header .page-description {
+ display: block;
+ color: #111;
+ font-size: 1em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hfeed .hentry .entry-header {
- 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">+ .hfeed .entry .entry-header {
+ 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">@@ -2454,7 +3221,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">@@ -2473,34 +3240,52 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Footer
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> /* Site footer */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer {
- color: #767676;
-}
-
-.site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-area,
+#colophon .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-footer .site-info {
- 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">+ #colophon .widget-area,
+ #colophon .site-info {
+ 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">-.site-footer .site-info .imprint {
- margin-left: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-column {
+ display: flex;
+ flex-wrap: wrap;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-column .widget {
+ width: 100%;
+}
+
+@media only screen and (min-width: 1168px) {
+ #colophon .widget-column .widget {
+ margin-left: calc(3 * 1rem);
+ width: calc(50% - (3 * 1rem));
+ }
+}
+
+#colophon .site-info {
+ color: #767676;
+}
+
+#colophon .site-info a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .site-info a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .site-info .imprint,
+#colophon .site-info .privacy-policy-link {
+ margin-left: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px"> .widget {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2511,258 +3296,450 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget a {
+ color: #0073aa;
+}
+
+.widget a:hover {
+ color: #005177;
+}
+
+.widget_archive ul,
+.widget_categories ul,
+.widget_meta ul,
+.widget_nav_menu ul,
+.widget_pages ul,
+.widget_recent_comments ul,
+.widget_recent_entries ul,
+.widget_rss ul {
+ padding: 0;
+ list-style: none;
+}
+
+.widget_archive ul li,
+.widget_categories ul li,
+.widget_meta ul li,
+.widget_nav_menu ul li,
+.widget_pages ul li,
+.widget_recent_comments ul li,
+.widget_recent_entries ul li,
+.widget_rss ul li {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: calc(22px * 1.125);
+ font-weight: 700;
+ line-height: 1.2;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.widget_archive ul ul,
+.widget_categories ul ul,
+.widget_meta ul ul,
+.widget_nav_menu ul ul,
+.widget_pages ul ul,
+.widget_recent_comments ul ul,
+.widget_recent_entries ul ul,
+.widget_rss ul ul {
+ counter-reset: submenu;
+}
+
+.widget_archive ul ul > li > a::before,
+.widget_categories ul ul > li > a::before,
+.widget_meta ul ul > li > a::before,
+.widget_nav_menu ul ul > li > a::before,
+.widget_pages ul ul > li > a::before,
+.widget_recent_comments ul ul > li > a::before,
+.widget_recent_entries ul ul > li > a::before,
+.widget_rss ul ul > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.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;
+}
+
+.widget_search .search-field {
+ width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+ .widget_search .search-field {
+ width: auto;
+ }
+}
+
+.widget_search .search-submit {
+ display: block;
+ margin-top: 1rem;
+}
+
+.widget_calendar .calendar_wrap {
+ text-align: center;
+}
+
+.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 > * {
- margin: 32px 1rem;
- max-width: calc(100vw - (2 * 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 > * {
- margin: 32px 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 > *,
+ .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><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">+@media only screen and (min-width: 768px) {
+ .entry .entry-content > *,
+ .entry .entry-summary > * {
+ margin: 32px 0;
+ }
+}
+
+.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(1 * (100vw / 12));
- margin-left: calc(1 * (100vw / 12));
- max-width: calc(10 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .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);
</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;
+}
+
+@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;
+ max-width: calc(5 * (100vw / 12));
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 100%;
</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><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 > *.alignleft,
+ .entry .entry-summary > *.alignleft {
+ max-width: calc(4 * (100vw / 12));
+ margin-right: calc(2 * 1rem);
+ }
+}
+
+.entry .entry-content > *.alignright,
+.entry .entry-summary > *.alignright {
</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-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><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 > *.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-left: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.aligncenter,
+.entry .entry-summary > *.aligncenter {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+@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 > *.alignleft,
- .entry-summary > *.alignleft {
- max-width: calc(3 * (100vw / 12));
</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 > *.alignright,
-.entry-summary > *.alignright {
- float: left;
- max-width: calc(5 * (100vw / 12));
- margin-top: 0;
- margin-right: 1rem;
- margin-left: 1rem;
</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;
+ }
</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">+/*
+ * 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;
+}
+
</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">- .entry-content > *.alignright,
- .entry-summary > *.alignright {
- max-width: calc(4 * (100vw / 12));
- 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">+ .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;
</ins><span class="cx" style="display: block; 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">+.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-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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.66rem 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
+ padding: 0.76rem 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-button .wp-block-button__link:hover {
- cursor: pointer;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
+ background-color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.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:not(.has-text-color) {
+ color: white;
+}
+
+.entry .entry-content .wp-block-button .wp-block-button__link:hover {
+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ cursor: pointer;
</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-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 {
+ color: white;
+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-width: 2px;
+ border-style: solid;
+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 2px solid #0073aa;
</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-button.is-style-outline .wp-block-button__link:not(.has-text-color),
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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 {
+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(22px * 1.6875);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(22px * 1.125);
</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.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 a:after,
-.entry-content .wp-block-categories li a:after,
-.entry-content .wp-block-latest-posts li a:after {
- color: #767676;
- content: ",";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .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:last-child a:after,
-.entry-content .wp-block-categories li:last-child a:after,
-.entry-content .wp-block-latest-posts li:last-child a:after {
- color: #767676;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives li a,
+.entry .entry-content .wp-block-categories li a,
+.entry .entry-content .wp-block-latest-posts li a {
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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 ul {
+ padding-top: 0.75rem;
+}
+
+.entry .entry-content .wp-block-categories li ul {
+ list-style: none;
+ padding-right: 0;
+}
+
+.entry .entry-content .wp-block-categories ul {
+ counter-reset: submenu;
+}
+
+.entry .entry-content .wp-block-categories ul > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.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 {
- 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">+.entry .entry-content .wp-block-verse {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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">@@ -2770,50 +3747,57 @@
</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 {
- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote {
+ border-color: transparent;
+ border-width: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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 {
+ color: #111;
</ins><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="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><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 * 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">@@ -2820,7 +3804,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 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 {
+ background-color: #0073aa;
+ padding-right: 0;
+ padding-left: 0;
+}
+
+@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">@@ -2828,201 +3825,292 @@
</span><span class="cx" style="display: 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 blockquote {
- 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 a {
+ color: #fff;
</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 blockquote:not(.has-text-color) p,
-.entry-content .wp-block-pullquote.is-style-solid-color cite {
- color: white;
</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:not(.has-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">+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</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">+@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><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 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;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><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 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 h2 {
- width: calc(6 * (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.alignleft h2,
-.entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text, .entry-content .wp-block-cover-image.alignright h2,
-.entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text, .entry-content .wp-block-cover-image.aligncenter h2,
-.entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text {
- width: 100%;
- z-index: 1;
- right: 50%;
- position: absolute;
- transform: translate(50%, -50%);
- top: 50%;
</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.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
+ .entry .entry-content .wp-block-cover.alignleft,
+ .entry .entry-content .wp-block-cover.alignright {
+ padding: 1rem;
+ }
</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 {
- 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 {
- 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 {
- 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 {
- 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="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: right;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: center;
</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,
-.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;
+ text-align: right;
</ins><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: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,
+.entry .entry-content hr.is-style-dots {
+ max-width: 100%;
+ background-color: inherit;
+ border: inherit;
+ height: inherit;
+ text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-separator.is-style-dots,
+ .entry .entry-content hr.is-style-dots {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .entry .entry-content .wp-block-separator.is-style-dots,
+ .entry .entry-content hr.is-style-dots {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
+}
+
+.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">@@ -3029,19 +4117,28 @@
</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 {
- overflow: hidden;
</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;
</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-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-embed-twitter {
+ word-break: break-word;
+}
+
+.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 {
+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: background 150ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3049,73 +4146,213 @@
</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;
+ margin-right: 0;
+ margin-top: calc(0.75 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><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-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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: pre-wrap;
+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">+.entry .entry-content .wp-block-columns.alignfull {
+ padding-right: 1rem;
+ padding-left: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-columns .wp-block-column > *:last-child {
- margin-bottom: 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;
+ }
+ .entry .entry-content .wp-block-columns.alignfull,
+ .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
+ padding-right: calc(2 * 1rem);
+ padding-left: calc(2 * 1rem);
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-small-font-size {
+ font-size: 0.88889em;
+}
+
+.entry .entry-content .has-normal-font-size {
+ font-size: 1.125em;
+}
+
+.entry .entry-content .has-large-font-size {
+ font-size: 1.6875em;
+}
+
+.entry .entry-content .has-huge-font-size {
+ font-size: 2.25em;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .has-light-gray-background-color {
+ color: #fff;
+}
+
+.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,
+.entry .entry-content .has-secondary-background-color p,
+.entry .entry-content .has-secondary-background-color h1,
+.entry .entry-content .has-secondary-background-color h2,
+.entry .entry-content .has-secondary-background-color h3,
+.entry .entry-content .has-secondary-background-color h4,
+.entry .entry-content .has-secondary-background-color h5,
+.entry .entry-content .has-secondary-background-color h6,
+.entry .entry-content .has-secondary-background-color a,
+.entry .entry-content .has-dark-gray-background-color p,
+.entry .entry-content .has-dark-gray-background-color h1,
+.entry .entry-content .has-dark-gray-background-color h2,
+.entry .entry-content .has-dark-gray-background-color h3,
+.entry .entry-content .has-dark-gray-background-color h4,
+.entry .entry-content .has-dark-gray-background-color h5,
+.entry .entry-content .has-dark-gray-background-color h6,
+.entry .entry-content .has-dark-gray-background-color a,
+.entry .entry-content .has-light-gray-background-color p,
+.entry .entry-content .has-light-gray-background-color h1,
+.entry .entry-content .has-light-gray-background-color h2,
+.entry .entry-content .has-light-gray-background-color h3,
+.entry .entry-content .has-light-gray-background-color h4,
+.entry .entry-content .has-light-gray-background-color h5,
+.entry .entry-content .has-light-gray-background-color h6,
+.entry .entry-content .has-light-gray-background-color a {
+ color: #fff;
+}
+
+.entry .entry-content .has-white-background-color {
+ color: #111;
+}
+
+.entry .entry-content .has-white-background-color p,
+.entry .entry-content .has-white-background-color h1,
+.entry .entry-content .has-white-background-color h2,
+.entry .entry-content .has-white-background-color h3,
+.entry .entry-content .has-white-background-color h4,
+.entry .entry-content .has-white-background-color h5,
+.entry .entry-content .has-white-background-color h6,
+.entry .entry-content .has-white-background-color a {
+ color: #111;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: #111;
+}
+
+.entry .entry-content .has-light-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: #767676;
+}
+
+.entry .entry-content .has-white-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+}
+
+.entry .entry-content .has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: #111;
+}
+
+.entry .entry-content .has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: #767676;
+}
+
+.entry .entry-content .has-white-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Media */
</span><span class="cx" style="display: block; padding: 0 10px"> .page-content .wp-smiley,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-smiley,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3156,6 +4393,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">@@ -3162,11 +4413,13 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-caption .wp-caption-text {
- margin: calc(0.875 * 1rem) 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
+ font-size: 0.71111em;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0.5rem;
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -3175,13 +4428,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex-flow: row wrap;
+ justify-content: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(1.5 * 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 1rem;
- margin-bottom: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 16px;
+ margin-bottom: 16px;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3188,41 +4443,73 @@
</span><span class="cx" style="display: 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((100% - 16px * 1) / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 2) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 3) / 4);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 4) / 5);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 5) / 6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 6) / 7);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 7) / 8);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 8) / 9);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.gallery-item:last-of-type {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
</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">+.gallery-item:last-of-type {
+ padding-left: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/style.css 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,9 +53,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Captions
</span><span class="cx" style="display: block; padding: 0 10px"> ## Galleries
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*
+ * Chrome renders extra-wide characters for the Hoefler Text font.
+ * This results in a jumping cursor when typing in both the Classic and block
+ * editors. The following font-face override fixes the issue by manually inserting
+ * a custom font that includes just a Hoefler Text space replacement for that
+ * character instead.
+ */
+@font-face {
+ font-family: 'NonBreakingSpaceOverride';
+ src: url(data:application/font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMoAA0AAAAACDQAAALTAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCahEICjx3CywAATYCJANUBCAFhiEHgWwbXQfILgpsY+rQRRARwyAs6uL7pxzYhxEE+32b3aeHmifR6tklkS9hiZA0ewkqGRJE+H7/+6378ASViK/PGeavqJyOzsceKi1s3BCiQsiOdn1r/RBgIJYEgCUhbm/8/8/h4saPssnTNkkiWUBrTRtjmQSajw3Ui3pZ3LYDPD+XG2C3JA/yKAS8/rU5eNfuGqRf4eNNgV4YAlIIgxglEkWe6FYpq10+wi3g+/nUgvgPFczNrz/RsTgVm/zfbPuHZlsuQECxuyqBcQwKFBjFgKO8AqP4bAN9tFJtnM9xPcbNjeXS/x1wY/xU52f5W/X1+9cnH4YwKIaoRRAkUkj/YlAAeF/624foiIDBgBmgQBeGAyhBljUPZUm/l2dTvmpqcBDUOHdbPZWd8JsBAsGr4w8/EDn82/bUPx4eh0YNrQTBuHO2FjQEAGBwK0DeI37DpQVqdERS4gZBhpeUhWCfLFz7J99aEBgsJCHvUGAdAPp4IADDCAPCEFMGpMZ9AQpTfQtQGhLbGVBZFV8BaqNyP68oTZgHNj3M8kBPfXTTC9t90UuzYhy9ciH0grVlOcqyCytisvbsERsEYztiznR0WCrmTksJwbSNK6fd1Rvr25I9oLvctUoEbNOmXJbqgYgPXEHJ82IUsrCnpkxh23F1rfZ2zcRnJYoXtauB3VTFkFXQg3uoZYD5qE0kdjDtoDoF1h2bulGmev5HbYhbrjtohQSRI4aNOkffIcT+d3v6atpaYh3JvPoQsztCcqvaBkppDSPcQ3bw3KaCBo1f5CJWTZEgW3LjLofYg51MaVezrx8xZitYbQ9KYeoRaqQdV
LwSEfrKXLK1otCWOKNdR/YwYAfon5Yk8O2MJfSD10dPGA5PIJJQMkah0ugMJiv6x4Dm7LEa8xnrRGGGLAg4sAlbsA07sAt76DOsXKO3hIjtIlpnnFrt1qW4kh6NhS83P/6HB/fl1SMAAA==) format("woff2"), url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAUQAA0AAAAACDQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAE9AAAABwAAAAchf5yU0dERUYAAATYAAAAHAAAAB4AJwAbT1MvMgAAAaAAAABJAAAAYJAcgU5jbWFwAAACIAAAAF4AAAFqUUxBZ2dhc3AAAATQAAAACAAAAAgAAAAQZ2x5ZgAAApAAAAAyAAAAPL0n8y9oZWFkAAABMAAAADAAAAA2Fi93Z2hoZWEAAAFgAAAAHQAAACQOSgWaaG10eAAAAewAAAAzAAAAVC7TAQBsb2NhAAACgAAAABAAAAAsAOQBAm1heHAAAAGAAAAAHQAAACAAWQALbmFtZQAAAsQAAAF6AAADIYvD/Adwb3N0AAAEQAAAAI4AAADsapk2o3jaY2BkYGAA4ov5mwzj+W2+MnCzXwCKMNzgCBSB0LfbQDQ7AxuI4mBgAlEAFKQIRHjaY2BkYGD3+NvCwMDBAALsDAyMDKhAFAA3+wH3AAAAeNpjYGRgYBBl4GBgYgABEMnIABJzAPMZAAVmAGUAAAB42mNgZlJhnMDAysDCKsKygYGBYRqEZtrDYMT4D8gHSmEHjgUFOQwODAqqf9g9/rYwMLB7MNUAhRlBcsxBrMlASoGBEQAj8QtyAAAAeNrjYGBkAAGmWQwMjO8gmBnIZ2NA0ExAzNjAAFYJVn0ASBsD6VAIDZb7AtELAgANIgb9AHjaY2BgYGaAYBkGRgYQSAHyGMF8FgYPIM3HwMHAxMDGoMCwQ
IFLQV8hXvXP//9AcRCfAcb///h/ygPW+w/vb7olBjUHCTCyMcAFGZmABBO6AogThgZgIUsXAEDcEzcAAHjaY2BgECMCyoEgACZaAed42mNgYmRgYGBnYGNgYAZSDJqMgorCgoqCjECRXwwNrCAKSP5mAAFGBiRgyAAAi/YFBQAAeNqtkc1OwkAUhU/5M25cEhcsZick0AwlBJq6MWwgJkAgYV/KAA2lJeUn+hY+gktXvpKv4dLTMqKycGHsTZNv7px7z50ZAFd4hYHjdw1Ls4EiHjVncIFnzVnc4F1zDkWjrzmPW+NNcwGlzIRKI3fJlUyrEjZQxb3mDH2fNGfRx4vmHKqG0JzHg6E0F9DOlFBGBxUI1GEzLNT4S0aLuTtsGAEUuYcQHkyg3KmIum1bNUvKlrjbbAIleqHHnS4iSudpQcySMYtdFiXlAxzSbAwfMxK6kZoHKhbjjespMTioOPZnzI+4ucCeTVyKMVKLfeAS6vSWaTinuZwzyy/Dc7vaed+6KaV0kukdPUk6yOcctZPvvxxqksq2lEW8RvHjMEO2FCl/zy6p3NEm0R9OFSafJdldc4QVeyaaObMBO0/5cCaa6d9Ggyubxire+lEojscdjoWUR1xGOy8KD8mG2ZLO2l2paDc3A39qmU2z2W5YNv5+u79e6QfGJY/hAAB42m3NywrCMBQE0DupWp/1AYI7/6DEaLQu66Mrd35BKUWKJSlFv1+rue4cGM7shgR981qSon+ZNwUJ8iDgoYU2OvDRRQ99DDDECAHGmGCKmf80hZSx/Kik/LliFbtmN6xmt+yOjdg9GztV4tROnRwX/Bsaaw51nt4Lc7tWaZYHp/MlzKx51LZs5htNri+2AAAAAQAB//8AD3jaY2BkYGDgAWIxIGZiYARCESBmAfMYAAR6AEMAAAABAAAAANXtRbgAAAAA2AhRFAAAAADYCNuG) format("woff");
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Fallback for non-latin fonts */
+/* Calculates maximum width for post content */
+/* Nested sub-menu padding: 10 levels deep */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* 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">@@ -133,8 +148,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">@@ -399,7 +413,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-font-smoothing: antialiased;
</span><span class="cx" style="display: block; padding: 0 10px"> -moz-osx-font-smoothing: grayscale;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -413,15 +427,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> optgroup,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> text-rendering: optimizeLegibility;
</span><span class="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,
+.author-description .author-link,
</ins><span class="cx" style="display: block; padding: 0 10px"> .not-found .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .error-404 .page-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .post-title,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -430,8 +474,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">@@ -439,29 +487,14 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul.main-menu > li,
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.author-description p.author-bio,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.author-description .author-bio,
</ins><span class="cx" style="display: block; padding: 0 10px"> .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.25;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -556,9 +589,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">@@ -565,9 +596,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">@@ -576,18 +605,15 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-blockquote > p {
- font-size: 1.6875em;
- font-style: italic;
- line-height: 1.2;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> blockquote cite {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 0.88889em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.71111em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -599,7 +625,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">@@ -609,7 +638,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">@@ -630,6 +660,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">@@ -636,11 +749,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">@@ -650,7 +763,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">@@ -666,16 +779,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"> a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin;
+ outline-style: dotted;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">@@ -730,31 +850,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-img:before {
- background-color: #eee;
- border: 1px dashed #ccc;
- border-radius: 3px;
- content: " ";
- display: block;
- height: 100%;
- left: 0;
- position: absolute;
- top: 0;
- width: 100%;
-}
-
-img:after {
- color: #666;
- content: "This image is broken :-/ ( " attr(alt) " )";
- display: block;
- left: 50%;
- position: absolute;
- text-align: center;
- top: 50%;
- transform: translate(-50%, -50%);
- width: 100%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> figure {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -761,8 +856,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote {
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 2px solid #0073aa;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -2rem;
- padding: 1rem 0 0.5rem 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
+ padding: 0 0 0 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > p {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -775,11 +870,16 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">@@ -793,13 +893,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: 600;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.66rem 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.76rem 1rem;
+ text-decoration: none;
+ vertical-align: bottom;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -807,19 +909,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="button"]:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="reset"]:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"]:hover {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.button:hover, .button:focus,
-button:hover,
-button:focus,
-input[type="button"]:hover,
-input[type="button"]:focus,
-input[type="reset"]:hover,
-input[type="reset"]:focus,
-input[type="submit"]:hover,
-input[type="submit"]:focus {
- background: #111;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.button:visited,
+button:visited,
+input[type="button"]:visited,
+input[type="reset"]:visited,
+input[type="submit"]:visited {
+ color: #fff;
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .button:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -827,6 +927,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="button"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="reset"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"]:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -852,7 +953,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: solid 1px #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.5rem 0.66rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.36rem 0.66rem;
+ -webkit-appearance: none;
+ outline-offset: 0;
+ border-radius: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="text"]:focus,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -876,6 +980,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+input[type="search"]::-webkit-search-decoration {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -908,7 +1016,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- outline: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ outline: thin dotted;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -917,19 +1025,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Main menu === */
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: block;
+ margin-top: 0.25rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /**
+ * Fade-in animation for top-level submenus
+ */
+ /**
+ * Off-canvas touch device styles
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 768px) {
- .main-navigation {
- display: block;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> body.page .main-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -939,43 +1050,45 @@
</span><span class="cx" style="display: 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="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><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><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 700;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li > a + svg {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #0073aa;
- margin-right: -0.25rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 0.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li > a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li > a:hover,
+.main-navigation .main-menu > li > a:hover + svg {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #005177;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li > a:hover + svg {
- color: #005177;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children {
+ display: inline-block;
+ position: 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">-.main-navigation .main-menu > li > a:after {
- content: ",";
- display: inline;
- color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@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"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li.menu-item-has-children:after {
- content: ",";
- display: inline;
- color: #767676;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children > a {
+ margin-right: 0.125rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu > li.menu-item-has-children > a:after,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -984,49 +1097,88 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu > li:last-child > a:after {
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .submenu-expand {
+ display: inline-block;
+ margin-right: 0.25rem;
+ /* Priority+ Menu */
</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.main-menu-more-toggle {
+ position: relative;
+ height: 24px;
+ line-height: 1.2;
+ width: 24px;
+ padding: 0;
+ margin-left: 0.5rem;
+}
+
+.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;
+}
+
+.wp-customizer-unloading .main-navigation .main-menu > li.menu-item-has-children .submenu-expand, .main-navigation .main-menu > li.menu-item-has-children .submenu-expand.is-empty {
+ display: none;
+}
+
+.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><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
- float: left;
- width: 100%;
</del><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: -999em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: -9999px;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 99999;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: opacity 0.5s ease-in-out;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 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 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 {
+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: 0.5rem;
- top: 0.65rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: calc( 24px + 1rem);
+ right: 0;
+ top: calc( .125 * 1rem);
+ bottom: 0;
+ color: white;
+ line-height: 1;
+ padding: calc( .5 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand svg {
+ top: 0;
+}
+
+.main-navigation .sub-menu > li.menu-item-has-children .submenu-expand {
+ margin-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li.menu-item-has-children .menu-item-has-children > a:after {
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\203a";
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1033,68 +1185,376 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li > a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a,
+.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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: calc( .5 * 1rem) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;
+ 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:hover, .main-navigation .sub-menu > li > a:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a: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:hover:after, .main-navigation .sub-menu > li > a:focus:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a: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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children:hover > .sub-menu,
-.main-navigation .main-menu .menu-item-has-children .sub-menu:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li > a:empty {
+ display: none;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item {
+ display: none;
+ font-size: 0.88889em;
+ font-weight: normal;
+}
+
+.main-navigation .sub-menu > li.mobile-parent-nav-menu-item svg {
+ position: relative;
+ top: 0.2rem;
+ margin-right: calc( .25 * 1rem);
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: inherit;
- margin-top: -2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: 0;
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu dashes */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children:hover > .sub-menu .sub-menu,
-.main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .menu-item-has-children: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 dashes */
+}
+
+@media only screen and (min-width: 768px) {
+ .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 {
+ 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;
+ width: max-content;
+ }
+ .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;
+ }
+}
+
+.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;
</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: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
+ left: 0;
+ opacity: 1;
+ /* Non-mobile position */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu .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 .sub-menu,
- .main-navigation .main-menu .menu-item-has-children .sub-menu:hover .sub-menu {
- 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)[focus-within] > .sub-menu .sub-menu {
+ float: none;
+ max-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">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ 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><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 .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas)[focus-within] > .sub-menu .sub-menu > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus-within > .sub-menu .sub-menu > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.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 {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: inherit;
- margin-top: -2px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ left: 0;
+ margin-top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: auto;
+ min-width: 100%;
+ /* Non-mobile position */
+ /* Nested sub-menu dashes */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .main-menu .menu-item-has-children:focus-within > .sub-menu .sub-menu {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@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;
+ 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):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;
+}
+
+@media only screen and (min-width: 768px) {
+ .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;
+ }
+}
+
+.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;
</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: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
+ left: 0;
+ opacity: 1;
+ /* Non-mobile position */
</ins><span class="cx" style="display: 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;
- position: absolute;
- left: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+ .main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ float: none;
+ max-width: 100%;
+ }
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu {
+ counter-reset: submenu;
+}
+
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):hover > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children:not(.off-canvas):focus > .sub-menu .sub-menu > li > a::before,
+.main-navigation .main-menu .menu-item-has-children.is-focused:not(.off-canvas) > .sub-menu .sub-menu > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.main-navigation .main-menu > .menu-item-has-children:not(.off-canvas):hover > .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 > li > a,
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu > li > .menu-item-link-return {
+ white-space: inherit;
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true {
+ display: table;
+ margin-top: 0;
+ opacity: 1;
+ padding-left: 0;
+ /* Mobile position */
+ left: 0;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ position: fixed;
+ z-index: 100000;
+ /* Make sure appears above mobile admin bar */
+ width: 100vw;
+ height: 100vh;
+ max-width: 100vw;
+ transform: translateX(100%);
+ animation: slide_in_right 0.3s forwards;
+ /* Prevent menu from being blocked by admin bar */
+}
+
+.main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true > .mobile-parent-nav-menu-item {
+ display: block;
+}
+
+.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 */
+}
+
+.admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
+ top: 0;
+}
+
+@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);
+ }
+ .admin-bar .main-navigation .main-menu .menu-item-has-children.off-canvas .sub-menu.expanded-true .sub-menu.expanded-true {
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu-more:nth-child(n+3) {
+ display: none;
+}
+
+/* Menu animation */
+@keyframes slide_in_right {
+ 100% {
+ transform: translateX(0%);
+ }
+}
+
+@keyframes fade_in {
+ from {
+ opacity: 0;
+ }
+ to {
+ opacity: 1;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Social menu */
</span><span class="cx" style="display: block; padding: 0 10px"> .social-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(1rem / 2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1150,6 +1610,32 @@
</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">+@media only screen and (min-width: 768px) {
+ .site-title + .social-navigation,
+ .site-description + .social-navigation {
+ margin-top: calc(1rem / 5);
+ }
+}
+
+/** === 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">@@ -1158,6 +1644,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .post-navigation {
+ margin: calc(3 * 1rem) calc(10% + 60px);
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .post-navigation {
+ margin: calc(3 * 1rem) 0;
+ max-width: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1165,20 +1665,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .post-navigation .nav-links {
+ margin: 0;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links {
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: row;
</span><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">@@ -1190,9 +1693,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">@@ -1231,6 +1732,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .post-navigation .nav-links .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> order: 2;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding-left: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1256,6 +1758,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">@@ -1263,7 +1780,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">@@ -1285,6 +1802,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-next {
</span><span class="cx" style="display: block; padding: 0 10px"> min-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: bold;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-navigation .nav-previous .secondary-text,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1307,11 +1826,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">@@ -1321,8 +1835,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">@@ -1338,8 +1851,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">@@ -1363,15 +1875,33 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Alignments */
</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><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><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><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">@@ -1424,6 +1954,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+ margin-bottom: auto;
+}
+
</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"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1430,15 +1971,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 0;
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: flex;
</del><span class="cx" style="display: block; padding: 0 10px"> min-height: 100vh;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- flex-direction: column;
- justify-content: space-between;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3rem;
</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 {
- margin-bottom: auto;
- }
</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"> .site-branding {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1448,8 +1983,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));
- max-width: 22em;
</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">@@ -1463,7 +1997,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-logo {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(100% + (0.5 * calc(100vw / 12)));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% + (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">@@ -1474,8 +2008,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 32px;
- height: 32px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 50px;
+ height: 50px;
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> transition: box-shadow 200ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1502,6 +2036,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* When there is no description set, make sure navigation appears below title. */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title a {
+ color: #111;
+}
+
+.site-title a:link, .site-title a:visited {
+ color: #111;
+}
+
+.site-title a:hover {
+ color: #4a4a4a;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .featured-image .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1516,14 +2062,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-title a {
- color: inherit;
-}
-
-.site-title a:hover {
- color: #4a4a4a;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1530,6 +2068,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-title:not(:empty) + .site-description:not(:empty):before {
+ content: "\2014";
+ margin: 0 .2em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-description {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1537,30 +2080,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-description:not(:empty):before {
- content: "\2014";
- margin: 0 .2em;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><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="cx" style="display: block; padding: 0 10px"> text-shadow: 0 1px 2px rgba(0, 0, 0, 0.35);
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set white text color when featured image is set. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Post header styles */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* add focus state to social media icons */
+ /* Entry header */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Custom Logo Link */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Make sure important elements are above pseudo elements used for effects. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Set up image filter layer positioning */
</span><span class="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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are inactive, a black overlay is added. */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Fourth layer: overlay. */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Fifth layer: readability overlay */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1573,65 +2114,173 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation li,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .entry-meta,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .entry-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation a,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image a {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation a:hover, .site-header.featured-image .main-navigation a:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a:hover + svg,
+.site-header.featured-image .main-navigation a:active + svg,
+.site-header.featured-image .main-navigation a + svg:hover,
+.site-header.featured-image .main-navigation a + svg:active,
+.site-header.featured-image .main-navigation a + svg:hover + svg,
+.site-header.featured-image .main-navigation a + svg:active + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:active,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .social-navigation a:hover + svg,
+.site-header.featured-image .social-navigation a:active + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:active,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a:hover,
-.site-header.featured-image .hentry a:active {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-title a:hover + svg,
+.site-header.featured-image .site-title a:active + svg,
+.site-header.featured-image .site-featured-image a:hover,
+.site-header.featured-image .site-featured-image a:active,
+.site-header.featured-image .site-featured-image a:hover + svg,
+.site-header.featured-image .site-featured-image a:active + svg {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.6;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .main-navigation a:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .main-navigation a:focus + svg,
+.site-header.featured-image .main-navigation a + svg:focus,
+.site-header.featured-image .main-navigation a + svg:focus + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:focus,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .social-navigation a:focus + svg,
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-title a:focus,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry a:focus {
- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-title a:focus + svg,
+.site-header.featured-image .site-featured-image a:focus,
+.site-header.featured-image .site-featured-image a:focus + svg {
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-bottom: 1px solid white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-bottom: 1px solid #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .social-navigation svg,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry svg {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image svg {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Use -webkit- only if supporting: Chrome < 54, iOS < 9.3, Android < 4.4.4 */
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image {
+ /* 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%);
+}
+
+.site-header.featured-image .site-featured-image .entry-header {
+ margin-top: calc( 4 * 1rem);
+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Entry meta */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image .hentry .entry-header {
- 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">+ .site-header.featured-image .site-featured-image .entry-header {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry .entry-header .entry-title:before {
- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header .entry-title:before {
+ background: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header .entry-meta {
+ font-weight: 500;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta > span {
+ margin-right: 1rem;
+ display: inline-block;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta > span:last-child {
+ margin-right: 0;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta a {
+ transition: color 110ms ease-in-out;
+ color: currentColor;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta a:hover {
+ text-decoration: none;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta .svg-icon {
+ position: relative;
+ display: inline-block;
+ vertical-align: middle;
+ margin-right: 0.5em;
+}
+
+.site-header.featured-image .site-featured-image .entry-header .entry-meta .discussion-avatar-list {
+ display: none;
+}
+
+@media only screen and (min-width: 768px) {
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta {
+ display: flex;
+ position: relative;
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-title {
+ padding-right: calc(1 * (100vw / 12) + 1rem);
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .comment-count {
+ position: absolute;
+ right: 0;
+ }
+ .site-header.featured-image .site-featured-image .entry-header.has-discussion .entry-meta .discussion-avatar-list {
+ display: block;
+ position: absolute;
+ bottom: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .custom-logo-link {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: white;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1639,15 +2288,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 0 2px white;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .site-branding,
-.site-header.featured-image .hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-branding {
+ position: relative;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .site-branding-container:before,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image .entry-header {
+ position: relative;
+ z-index: 9;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image .site-branding-container:after,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry:before,
-.site-header.featured-image .hentry:after, .site-header.featured-image:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image:before,
+.site-header.featured-image .site-featured-image:after, .site-header.featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1657,58 +2310,69 @@
</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;
- filter: grayscale(100%);
- z-index: 1;
-}
-
-.site-header.featured-image .hentry:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .site-header.featured-image .site-featured-image:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 2;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .hentry:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image .site-featured-image:after {
+ background: #000;
+ mix-blend-mode: multiply;
+ opacity: .7;
+ /* When image filters are active, a blue overlay is added. */
+}
+
+.image-filters-enabled .site-header.featured-image .site-featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- mix-blend-mode: multiply;
- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-header.featured-image .site-branding-container:after {
- background: rgba(255, 255, 255, 0.35);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .site-header.featured-image .site-featured-image:after {
+ opacity: 1;
+ }
+}
+
+.image-filters-enabled .site-header.featured-image .site-branding-container:after {
+ background: rgba(0, 0, 0, 0.35);
</ins><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: overlay;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.5;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode can have a light overlay */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: overlay) {
+ .image-filters-enabled .site-header.featured-image .site-branding-container:after {
+ background: rgba(255, 255, 255, 0.35);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image:after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #000e14;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Add a transition to the readability overlay, to add a subtle
</span><span class="cx" style="display: block; padding: 0 10px"> * but smooth effect when resizing the screen.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> transition: opacity 1200ms ease-in-out;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: 0.7;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 5;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* When image filters are active, a blue overlay is added. */
+}
+
+.image-filters-enabled .site-header.featured-image:after {
+ background: #000e14;
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.38;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .image-filters-enabled .site-header.featured-image:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.18;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- .site-header.featured-image:after {
- opacity: 0.1;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image ::-moz-selection {
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(255, 255, 255, 0.17);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1746,33 +2410,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 calc(1.5 * 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: calc(6 * 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry:first-of-type {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry:first-of-type {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-header {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-header {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(3 * 1rem) 1rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-header {
- margin: calc(3 * 1rem) calc(2 * (100vw / 12 )) 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-header {
+ margin: calc(3 * 1rem) calc(10% + 60px) 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .featured-image .hentry .entry-header {
- margin-bottom: 0;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-title {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-title:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1781,44 +2442,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-title a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-title a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-title a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #4a4a4a;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta,
-.hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta,
+.entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 500;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta > span,
-.hentry .entry-footer > span {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta > span,
+.entry .entry-footer > span {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta > span:last-child,
-.hentry .entry-footer > span:last-child {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta > span:last-child,
+.entry .entry-footer > span:last-child {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta a,
-.hentry .entry-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta a,
+.entry .entry-footer a {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: color 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> color: currentColor;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta a:hover,
-.hentry .entry-footer a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta a:hover,
+.entry .entry-footer a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta .svg-icon,
-.hentry .entry-footer .svg-icon {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta .svg-icon,
+.entry .entry-footer .svg-icon {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1825,89 +2487,80 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-meta {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-meta {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- .hentry .entry-meta.has-discussion .comment-count {
- float: right;
- position: relative;
- }
-}
-
-.hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
- display: none;
-}
-
-@media only screen and (min-width: 1168px) {
- .hentry .entry-meta.has-discussion .comment-count .discussion-avatar-list {
- bottom: 100%;
- display: block;
- position: absolute;
- }
-}
-
-.hentry .entry-footer {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-footer {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 1rem 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-footer {
- margin: calc(3 * 1rem) calc(2 * (100vw / 12));
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-footer {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-footer {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-footer {
+ 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">-.hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .post-thumbnail {
- margin: 1rem calc(2 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .post-thumbnail {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .post-thumbnail:focus {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail:focus {
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .post-thumbnail .post-thumbnail-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail .post-thumbnail-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .post-thumbnail .post-thumbnail-inner img {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .post-thumbnail .post-thumbnail-inner img {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner {
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner {
</ins><span class="cx" style="display: block; padding: 0 10px"> filter: grayscale(100%);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 1;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail .post-thumbnail-inner:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
+ background: rgba(0, 0, 0, 0.35);
+ content: "";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ height: 100%;
+ opacity: .5;
+ pointer-events: none;
+ position: absolute;
+ top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 100%;
- z-index: 10;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ z-index: 4;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail:before, .image-filters-enabled .hentry .post-thumbnail:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner:after {
+ display: none;
+ }
+}
+
+.image-filters-enabled .entry .post-thumbnail:before, .image-filters-enabled .entry .post-thumbnail:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1915,11 +2568,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> content: "\020";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><span class="cx" style="display: block; padding: 0 10px"> pointer-events: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail:before {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: screen;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1926,71 +2578,169 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.image-filters-enabled .hentry .post-thumbnail:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.image-filters-enabled .entry .post-thumbnail:after {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: .8;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content .more-link {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@supports (mix-blend-mode: multiply) {
+ .image-filters-enabled .entry .post-thumbnail:after {
+ opacity: 1;
+ }
+}
+
+.entry .entry-content,
+.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;
+ }
+}
+
+.entry .entry-content p {
+ word-wrap: break-word;
+}
+
+.entry .entry-content .more-link {
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: color 110ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content .more-link:after {
- content: "»";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .more-link:after {
+ content: "\02192";
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content .more-link:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .more-link:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a.button, .entry .entry-content a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content > iframe[style] {
- 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">+.entry .entry-content a.button {
+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content a.button:hover {
+ background: #111;
+ color: #fff;
+ cursor: pointer;
+}
+
+.entry .entry-content > iframe[style] {
+ margin: 32px 0 !important;
+ max-width: 100% !important;
+}
+
</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">- .hentry .entry-content > iframe[style] {
- 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">+ .entry .entry-content > iframe[style] {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content > iframe[style] {
- max-width: calc(6 * (100vw / 12)) !important;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content > iframe[style] {
+ 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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry .entry-content .wp-audio-shortcode {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .page-links a {
+ margin: calc(0.5 * 1rem);
+ text-decoration: none;
+}
+
+.entry .entry-content .wp-audio-shortcode {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - (2 * 1rem));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hentry .entry-content .wp-audio-shortcode {
- max-width: calc(8 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-audio-shortcode {
+ 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">- .hentry .entry-content .wp-audio-shortcode {
- max-width: calc(6 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry .entry-content .wp-audio-shortcode {
+ 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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Author description */
+.author-bio {
+ margin: calc(2 * 1rem) 1rem 1rem;
+}
+
+@media only screen and (min-width: 768px) {
+ .author-bio {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .author-bio {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .author-bio {
+ margin: calc(3 * 1rem) calc(10% + 60px);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .author-bio {
+ margin: calc(3 * 1rem) calc(10% + 60px);
+ }
+}
+
+.author-bio .author-title {
+ display: inline;
+}
+
+.author-bio .author-title:before {
+ background: #767676;
+ content: "\020";
+ display: block;
+ height: 2px;
+ margin: 1rem 0;
+ width: 1em;
+}
+
+.author-bio .author-description {
+ display: inline;
+ color: #767676;
+ font-size: 1.125em;
+ line-height: 1.2;
+}
+
+.author-bio .author-description .author-link {
+ display: inline-block;
+}
+
+.author-bio .author-description .author-link:hover {
+ color: #005177;
+ text-decoration: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Comments
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2003,40 +2753,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"> .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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * post itself (this happens on pages).
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * post itself (this happens on pages).
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.hentry + .comments-area {
- 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 .comments-title-wrap,
-.comments-area .comment-list,
-.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 .comments-title-wrap,
- .comments-area .comment-list,
- .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 {
- align-items: baseline;
- display: flex;
- justify-content: space-between;
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .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) {
+ .comments-area .comments-title-wrap {
+ align-items: baseline;
+ display: flex;
+ justify-content: space-between;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comments-area .comments-title-wrap .comments-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2050,6 +2814,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap .comments-title {
+ flex: 1 0 calc(3 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ .comments-area .comments-title-wrap .discussion-meta {
+ flex: 0 0 calc(2 * (100vw / 12));
+ margin-left: 1rem;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #comment {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2060,7 +2837,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #respond .comment-user-avatar {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 1rem 0 -1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #respond .comment .comment-form {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2080,18 +2857,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- #comments > #respond .comment-user-avatar {
- position: absolute;
- display: block;
- top: 0;
- left: 0;
- }
- #comments > #respond .comment-user-avatar .avatar {
- display: block;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-form-flex {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><span class="cx" style="display: block; padding: 0 10px"> flex-direction: column;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2125,12 +2890,32 @@
</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-reply {
- left: calc(1rem + 100%);
- bottom: 0;
- position: absolute;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body,
+.comment-list .trackback .comment-body {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: 0.71111em;
+ font-weight: 500;
+ margin-top: 1rem;
+ margin-bottom: 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">+.comment-list .pingback .comment-body a:not(.comment-edit-link),
+.comment-list .trackback .comment-body a:not(.comment-edit-link) {
+ font-weight: bold;
+ font-size: 19.55556px;
+ line-height: 1.5;
+ padding-right: 0.5rem;
+ display: block;
+}
+
+.comment-list .pingback .comment-body .comment-edit-link,
+.comment-list .trackback .comment-body .comment-edit-link {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: 500;
+}
+
</ins><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">@@ -2148,18 +2933,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
- opacity: 1;
-}
-
</del><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">@@ -2166,13 +2950,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-author {
- display: inline-block;
- 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">@@ -2194,13 +2971,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">@@ -2215,11 +2985,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #008fd3;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(100% + 0.25rem);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ right: calc(100% - 2.5rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> top: -3px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .comment .comment-author .post-author-badge {
+ right: calc(100% + 0.75rem);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author .post-author-badge svg {
</span><span class="cx" style="display: block; padding: 0 10px"> width: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> height: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2228,18 +3004,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 {
- display: inline-block;
- 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">@@ -2252,7 +3019,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">@@ -2263,15 +3030,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link-sep {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.2em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 0;
- transition: opacity 200ms ease-in-out;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: 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-metadata .edit-link {
</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">- transition: opacity 200ms ease-in-out;
- opacity: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link svg {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2295,6 +3058,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">@@ -2303,6 +3072,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">@@ -2342,11 +3115,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(1.5 * 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.discussion-meta .discussion-avatar-list {
- display: inline-block;
- margin-right: 8px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .discussion-meta .discussion-meta-info {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2399,8 +3167,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">@@ -2439,9 +3206,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.archive .page-header .page-description {
+ display: block;
+ color: #111;
+ font-size: 1em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .hfeed .hentry .entry-header {
- 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">+ .hfeed .entry .entry-header {
+ 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">@@ -2454,7 +3227,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">@@ -2473,34 +3246,52 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Footer
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> /* Site footer */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer {
- color: #767676;
-}
-
-.site-footer .site-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-area,
+#colophon .site-info {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-footer .site-info {
- 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">+ #colophon .widget-area,
+ #colophon .site-info {
+ 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">-.site-footer .site-info .imprint {
- margin-right: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-column {
+ display: flex;
+ flex-wrap: wrap;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .widget-column .widget {
+ width: 100%;
+}
+
+@media only screen and (min-width: 1168px) {
+ #colophon .widget-column .widget {
+ margin-right: calc(3 * 1rem);
+ width: calc(50% - (3 * 1rem));
+ }
+}
+
+#colophon .site-info {
+ color: #767676;
+}
+
+#colophon .site-info a {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-footer a:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .site-info a:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+#colophon .site-info .imprint,
+#colophon .site-info .privacy-policy-link {
+ margin-right: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Widgets */
</span><span class="cx" style="display: block; padding: 0 10px"> .widget {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2511,258 +3302,456 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget a {
+ color: #0073aa;
+}
+
+.widget a:hover {
+ color: #005177;
+}
+
+.widget_archive ul,
+.widget_categories ul,
+.widget_meta ul,
+.widget_nav_menu ul,
+.widget_pages ul,
+.widget_recent_comments ul,
+.widget_recent_entries ul,
+.widget_rss ul {
+ padding: 0;
+ list-style: none;
+}
+
+.widget_archive ul li,
+.widget_categories ul li,
+.widget_meta ul li,
+.widget_nav_menu ul li,
+.widget_pages ul li,
+.widget_recent_comments ul li,
+.widget_recent_entries ul li,
+.widget_rss ul li {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: calc(22px * 1.125);
+ font-weight: 700;
+ line-height: 1.2;
+ margin-top: 0.5rem;
+ margin-bottom: 0.5rem;
+}
+
+.widget_archive ul ul,
+.widget_categories ul ul,
+.widget_meta ul ul,
+.widget_nav_menu ul ul,
+.widget_pages ul ul,
+.widget_recent_comments ul ul,
+.widget_recent_entries ul ul,
+.widget_rss ul ul {
+ counter-reset: submenu;
+}
+
+.widget_archive ul ul > li > a::before,
+.widget_categories ul ul > li > a::before,
+.widget_meta ul ul > li > a::before,
+.widget_nav_menu ul ul > li > a::before,
+.widget_pages ul ul > li > a::before,
+.widget_recent_comments ul ul > li > a::before,
+.widget_recent_entries ul ul > li > a::before,
+.widget_rss ul ul > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.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;
+}
+
+.widget_search .search-field {
+ width: 100%;
+}
+
+@media only screen and (min-width: 600px) {
+ .widget_search .search-field {
+ width: auto;
+ }
+}
+
+.widget_search .search-submit {
+ display: block;
+ margin-top: 1rem;
+}
+
+.widget_calendar .calendar_wrap {
+ text-align: center;
+}
+
+.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 > * {
- margin: 32px 1rem;
- max-width: calc(100vw - (2 * 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 > * {
- margin: 32px 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 > *,
+ .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><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">+@media only screen and (min-width: 768px) {
+ .entry .entry-content > *,
+ .entry .entry-summary > * {
+ margin: 32px 0;
+ }
+}
+
+.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(1 * (100vw / 12));
- margin-right: calc(1 * (100vw / 12));
- max-width: calc(10 * (100vw / 12));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media only screen and (min-width: 1168px) {
- .entry-content > *.alignleft,
- .entry-summary > *.alignleft {
- max-width: calc(3 * (100vw / 12));
- }
-}
-
-.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 .wp-block-audio {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content > *.aligncenter,
+.entry .entry-summary > *.aligncenter {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content > *.aligncenter,
+ .entry .entry-summary > *.aligncenter {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .entry .entry-content > *.aligncenter,
+ .entry .entry-summary > *.aligncenter {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
+}
+
+@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-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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.88889em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0.66rem 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-decoration: none;
+ padding: 0.76rem 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: white;
</del><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.entry-content .wp-block-button .wp-block-button__link:hover {
- cursor: pointer;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button .wp-block-button__link:not(.has-background) {
+ background-color: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.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:not(.has-text-color) {
+ color: white;
+}
+
+.entry .entry-content .wp-block-button .wp-block-button__link:hover {
+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #111;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ cursor: pointer;
</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-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 {
+ color: white;
+ background: #111;
</ins><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="cx" style="display: block; padding: 0 10px"> outline-offset: -4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-width: 2px;
+ border-style: solid;
+}
+
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-background),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-background) {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 2px solid #0073aa;
</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-button.is-style-outline .wp-block-button__link:not(.has-text-color),
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
-.entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:focus:not(.has-text-color),
+.entry .entry-content .wp-block-button.is-style-outline .wp-block-button__link:active:not(.has-text-color) {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: currentColor;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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 {
+ color: white;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #111;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(22px * 1.6875);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(22px * 1.125);
</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.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 a:after,
-.entry-content .wp-block-categories li a:after,
-.entry-content .wp-block-latest-posts li a:after {
- color: #767676;
- content: ",";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .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:last-child a:after,
-.entry-content .wp-block-categories li:last-child a:after,
-.entry-content .wp-block-latest-posts li:last-child a:after {
- color: #767676;
- content: ".";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-archives li a,
+.entry .entry-content .wp-block-categories li a,
+.entry .entry-content .wp-block-latest-posts li a {
+ text-decoration: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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 ul {
+ padding-top: 0.75rem;
+}
+
+.entry .entry-content .wp-block-categories li ul {
+ list-style: none;
+ padding-left: 0;
+}
+
+.entry .entry-content .wp-block-categories ul {
+ counter-reset: submenu;
+}
+
+.entry .entry-content .wp-block-categories ul > li > a::before {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-weight: normal;
+ content: "– " counters(submenu, "– ", none);
+ counter-increment: submenu;
+}
+
+.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 {
- 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">+.entry .entry-content .wp-block-verse {
+ font-family: "NonBreakingSpaceOverride", "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="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">@@ -2770,50 +3759,57 @@
</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 {
- border: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .wp-block-pullquote {
+ border-color: transparent;
+ border-width: 2px;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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 {
+ color: #111;
</ins><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="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #111;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><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 * 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">@@ -2820,7 +3816,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 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 {
+ background-color: #0073aa;
+ padding-left: 0;
+ padding-right: 0;
+}
+
+@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">@@ -2828,201 +3837,292 @@
</span><span class="cx" style="display: 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 blockquote {
- 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 a {
+ color: #fff;
</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 blockquote:not(.has-text-color) p,
-.entry-content .wp-block-pullquote.is-style-solid-color cite {
- color: white;
</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:not(.has-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">+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color p,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-text-color a, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color, .entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</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">+@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><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 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;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ -webkit-hyphens: auto;
+ hyphens: auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><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 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 h2 {
- width: calc(6 * (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.alignleft h2,
-.entry-content .wp-block-cover-image.alignleft .wp-block-cover-image-text, .entry-content .wp-block-cover-image.alignright h2,
-.entry-content .wp-block-cover-image.alignright .wp-block-cover-image-text, .entry-content .wp-block-cover-image.aligncenter h2,
-.entry-content .wp-block-cover-image.aligncenter .wp-block-cover-image-text {
- width: 100%;
- z-index: 1;
- left: 50%;
- position: absolute;
- transform: translate(-50%, -50%);
- top: 50%;
</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.alignleft, .entry .entry-content .wp-block-cover-image.alignright,
+ .entry .entry-content .wp-block-cover.alignleft,
+ .entry .entry-content .wp-block-cover.alignright {
+ padding: 1rem;
+ }
</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 {
- 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 {
- 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 {
- 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 {
- 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="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: left;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: center;
</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,
-.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;
+ text-align: left;
</ins><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: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,
+.entry .entry-content hr.is-style-dots {
+ max-width: 100%;
+ background-color: inherit;
+ border: inherit;
+ height: inherit;
+ text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry .entry-content .wp-block-separator.is-style-dots,
+ .entry .entry-content hr.is-style-dots {
+ max-width: calc(8 * (100vw / 12) - 28px);
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .entry .entry-content .wp-block-separator.is-style-dots,
+ .entry .entry-content hr.is-style-dots {
+ max-width: calc(6 * (100vw / 12) - 28px);
+ }
+}
+
+.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">@@ -3029,19 +4129,28 @@
</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 {
- overflow: hidden;
</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;
</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-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-embed-twitter {
+ word-break: break-word;
+}
+
+.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 {
+ display: table;
</ins><span class="cx" style="display: block; padding: 0 10px"> transition: background 150ms ease-in-out;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3049,73 +4158,213 @@
</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;
+ margin-left: 0;
+ margin-top: calc(0.75 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><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-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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: pre-wrap;
+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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">+.entry .entry-content .wp-block-columns.alignfull {
+ 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">-.entry-content .wp-block-columns .wp-block-column > *:last-child {
- margin-bottom: 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;
+ }
+ .entry .entry-content .wp-block-columns.alignfull,
+ .entry .entry-content .wp-block-columns.alignfull .wp-block-column {
+ padding-left: calc(2 * 1rem);
+ padding-right: calc(2 * 1rem);
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry .entry-content .has-small-font-size {
+ font-size: 0.88889em;
+}
+
+.entry .entry-content .has-normal-font-size {
+ font-size: 1.125em;
+}
+
+.entry .entry-content .has-large-font-size {
+ font-size: 1.6875em;
+}
+
+.entry .entry-content .has-huge-font-size {
+ font-size: 2.25em;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .has-light-gray-background-color {
+ color: #fff;
+}
+
+.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,
+.entry .entry-content .has-secondary-background-color p,
+.entry .entry-content .has-secondary-background-color h1,
+.entry .entry-content .has-secondary-background-color h2,
+.entry .entry-content .has-secondary-background-color h3,
+.entry .entry-content .has-secondary-background-color h4,
+.entry .entry-content .has-secondary-background-color h5,
+.entry .entry-content .has-secondary-background-color h6,
+.entry .entry-content .has-secondary-background-color a,
+.entry .entry-content .has-dark-gray-background-color p,
+.entry .entry-content .has-dark-gray-background-color h1,
+.entry .entry-content .has-dark-gray-background-color h2,
+.entry .entry-content .has-dark-gray-background-color h3,
+.entry .entry-content .has-dark-gray-background-color h4,
+.entry .entry-content .has-dark-gray-background-color h5,
+.entry .entry-content .has-dark-gray-background-color h6,
+.entry .entry-content .has-dark-gray-background-color a,
+.entry .entry-content .has-light-gray-background-color p,
+.entry .entry-content .has-light-gray-background-color h1,
+.entry .entry-content .has-light-gray-background-color h2,
+.entry .entry-content .has-light-gray-background-color h3,
+.entry .entry-content .has-light-gray-background-color h4,
+.entry .entry-content .has-light-gray-background-color h5,
+.entry .entry-content .has-light-gray-background-color h6,
+.entry .entry-content .has-light-gray-background-color a {
+ color: #fff;
+}
+
+.entry .entry-content .has-white-background-color {
+ color: #111;
+}
+
+.entry .entry-content .has-white-background-color p,
+.entry .entry-content .has-white-background-color h1,
+.entry .entry-content .has-white-background-color h2,
+.entry .entry-content .has-white-background-color h3,
+.entry .entry-content .has-white-background-color h4,
+.entry .entry-content .has-white-background-color h5,
+.entry .entry-content .has-white-background-color h6,
+.entry .entry-content .has-white-background-color a {
+ color: #111;
+}
+
+.entry .entry-content .has-primary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-primary-background-color {
+ background-color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-secondary-background-color {
+ background-color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-dark-gray-background-color {
+ background-color: #111;
+}
+
+.entry .entry-content .has-light-gray-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-light-gray-background-color {
+ background-color: #767676;
+}
+
+.entry .entry-content .has-white-background-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color.has-white-background-color {
+ background-color: #FFF;
+}
+
+.entry .entry-content .has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-primary-color p {
+ color: #0073aa;
+}
+
+.entry .entry-content .has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-secondary-color p {
+ color: #005177;
+}
+
+.entry .entry-content .has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-dark-gray-color p {
+ color: #111;
+}
+
+.entry .entry-content .has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-light-gray-color p {
+ color: #767676;
+}
+
+.entry .entry-content .has-white-color,
+.entry .entry-content .wp-block-pullquote.is-style-solid-color blockquote.has-white-color {
+ color: #FFF;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Media */
</span><span class="cx" style="display: block; padding: 0 10px"> .page-content .wp-smiley,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-smiley,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3156,6 +4405,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">@@ -3162,11 +4425,13 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-caption .wp-caption-text {
- margin: calc(0.875 * 1rem) 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
+ font-size: 0.71111em;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0.5rem;
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -3175,13 +4440,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex-flow: row wrap;
+ justify-content: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: calc(1.5 * 1rem);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-right: 1rem;
- margin-bottom: 1rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: 16px;
+ margin-bottom: 16px;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3188,41 +4455,73 @@
</span><span class="cx" style="display: 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((100% - 16px * 1) / 2);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 2) / 3);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 3) / 4);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 4) / 5);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 5) / 6);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 6) / 7);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 7) / 8);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><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((100% - 16px * 8) / 9);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.gallery-item:last-of-type {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
</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">+.gallery-item:last-of-type {
+ padding-right: 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .gallery-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteenstylecssmapfromrev43842branches50srcwpcontentthemestwentynineteenstylecssmap"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/style.css.map (from rev 43842, branches/5.0/src/wp-content/themes/twentynineteen/style.css.map)</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentynineteen/style.css.map (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/style.css.map 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+{"version":3,"sourceRoot":"","sources":["style.scss","sass/mixins/_mixins-master.scss","sass/_normalize.scss","sass/typography/_typography.scss","sass/variables-site/_fonts.scss","sass/variables-site/_colors.scss","sass/typography/_headings.scss","sass/mixins/_utilities.scss","sass/typography/_copy.scss","sass/elements/_elements.scss","sass/elements/_lists.scss","sass/elements/_tables.scss","sass/forms/_buttons.scss","sass/forms/_fields.scss","sass/navigation/_navigation.scss","sass/navigation/_links.scss","sass/navigation/_menus.scss","sass/variables-site/_structure.scss","sass/navigation/_next-previous.scss","sass/modules/_accessibility.scss","s
ass/modules/_alignments.scss","sass/modules/_clearings.scss","sass/layout/_layout.scss","sass/site/_site.scss","sass/site/header/_site-header.scss","sass/site/header/_site-featured-image.scss","sass/site/primary/_posts-and-pages.scss","sass/site/primary/_comments.scss","sass/site/primary/_archives.scss","sass/site/footer/_site-footer.scss","sass/site/secondary/_widgets.scss","sass/blocks/_blocks.scss","sass/media/_media.scss","sass/media/_captions.scss","sass/media/_galleries.scss"],"names":[],"mappings":";AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAuBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACuDA;AAAA;AAAA;ADpBA;AE1DA;AAEA;AAAA;AAGA;AAAA;AAAA;AAA
A;AAKA;EACC;AAAmB;EACnB;AAAgC;;;AAGjC;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;EACC;EACA;;;AAGD;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACC;AAAyB;EACzB;AAAW;EACX;AAAmB;;;AAGpB;AAAA;AAAA;AAAA;AAKA;EACC;AAAmC;EACnC;AAAgB;;;AAGjB;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;EACC;AAAqB;EACrB;AAA4B;EAC5B;AAAmC;;;AAGpC;AAAA;AAAA;AAIA;AAAA;EAEC;;;AAGD;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGC;AAAmC;EACnC;AAAgB;;;AAGjB;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;AAAA;EAEC;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKC;AAAsB;EACtB;AAAiB;EACjB;AAAmB;EACnB;AAAW;;;AAGZ;AAAA;AAAA;AAAA;AAKA;AAAA;AACQ;EACP;;;AAGD;AAAA;AAAA;AAAA;AAKA;AAAA;AACS;EACR;;;AAGD;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIC;;;AAGD;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIC;EACA;;;AAGD;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIC;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACC;AAAwB;EACxB;AAAgB;EAChB;AAAgB;EAChB;AAAiB;EACjB;AA
AY;EACZ;AAAqB;;;AAGtB;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;AAAA;EAEC;AAAwB;EACxB;AAAY;;;AAGb;AAAA;AAAA;AAIA;AAAA;EAEC;;;AAGD;AAAA;AAAA;AAAA;AAKA;EACC;AAA+B;EAC/B;AAAsB;;;AAGvB;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAAA;AAKA;EACC;AAA4B;EAC5B;AAAe;;;AAGhB;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAGA;AAAA;AAAA;AAIA;EACC;;;AAGD;AAAA;AAAA;AAIA;EACC;;;AFrRD;AG7DA;EACC,WCKiB;;;ADFlB;EACC;EACA;EACA,OEKkB;EFJlB,aCPY;EDQZ;EACA;EACA,aCOwB;EDNxB;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;EAKC,OETkB;EFUlB,aCrBY;EDsBZ;EACA,aCNwB;EDOxB;;;AG1BD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAaC,aFVe;EEWf;EACA;EACA,aFK2B;EEJ3B;EACA;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYC,aF9Be;;;AEiChB;EACC,aFnCY;;;AEsCb;AAAA;AAAA;AAAA;AAAA;EAKC;;;AAGD;EACC,WFlCkB;;AGZjB;ED6CF;IAIE,WFpCiB;;;;AEwCnB;AAAA;AAAA;AAAA;AAAA;EAKC,WF/CkB;;AGXjB;EDqDF;AAAA;AAAA;AAAA;AAAA;IAQE,WFjDiB;;;;AEqDnB;AAAA;AAAA;AAAA;EAIC,WF1DkB;;;AE6DnB;AAA
A;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAWC,WFzEkB;;;AE4EnB;AAAA;AAAA;EAGC,WFhFkB;;;AEmFnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYC,WFhGkB;;;AEmGnB;AAAA;EAEC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;EAMC;EACA;;;AAGD;ACnIE;EDoIF;IAEE;;;;AEzIF;EACC;EACA;;;AAGD;EACC;;;AAKA;EACC,WJDiB;EIEjB;EACA,aJXc;;;AIehB;EACC,WJPkB;EIQlB,aJfW;EIgBX,aJFwB;EIGxB;;;AAGD;EACC,WJdkB;EIelB,aJvBY;;;AI0Bb;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;EACC;;AAEA;EACC;;AAGD;EACC;;;ARcF;ASlEA;EACC;;;AAGD;EACC,YJK6B;;;AIH9B;EACC,YJE6B;;;AIC9B;AAAA;AAAA;EAGC;;;AAGD;EACC,YJhBwB;;;AImBzB;EFAC;EEEA,OJFa;;;AISd;AAAA;EAEC,OJTmB;EIUnB;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;EACA;;;ARuBA;EACC,YIvDkB;EJwDlB;EACA;EACA;EACA;EACA;;;AQtBF;EACC,kBJvCmB;EIwCnB;EACA;;;ACvDD;AAAA;EAEC;;;AAGD;EACC;;AAEA;EACC;;;AAIF;EACC;;;AAGD;EACC,aNCwB;;;AMEzB;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;;;AD6BD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC,OJlEkB;;;AMdpB;EACC;EACA;;A
AEA;EACC,cNSkB;;;ALwDpB;AYtEA;AAAA;AAAA;AAAA;AAAA;ELyBC;EKlBA,YPD0B;EOE1B;EACA;EACA;EACA;EACA,aRTe;EQUf,WRDkB;EQElB;EACA,aRM2B;EQL3B;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC,YPnB+B;;AOsBhC;AAAA;AAAA;AAAA;AAAA;EACC;EACA;;;AC/BF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAgBC;EACA,YRdyB;EQezB;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC,cRHY;EQIZ;EACA;;;AAQF;EACC;EACA;EACA;EACA;EACA;;;AAKA;EACC;;;Ab6BF;Ac1EA;AAAA;AAAA;ACAA;ERqBC;EQlBA,OVkBa;;AUhBb;EACC,OVgBoB;;AUbrB;EAEC,OVYkB;EUXlB;EACA;;AAGD;EACC;EACA;;;ADbF;AAAA;AAAA;AELA;AAEA;EAEC;EACA;AAuJA;AAAA;AAAA;AAAA;;AArJA;EACC;;AAGD;EACC;;AAGD;EAEC;EACA;EACA;;AAEA;EAEC,OXFW;EWGX;EACA;;AAEA;EAEC;EACA,OXTU;EWUV;;AAEA;EACC;;AAGD;EAEC,OXhBe;;AWsBhB;EACC;;AAMA;AAAA;EACC;EACA;;AAKH;EACC;;AAKH;EAEC,YX9CY;EW+CZ,OXlEuB;EWmEvB;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AT9EA;ES8DD;IAmBE;;;AAGD;EAEC;
EACA;EACA;EACA;EACA;;AAIC;EACC;EACA;EACA;;ATjGH;ESuGI;IACC;;;AAMJ;EACC,OXhHqB;EWiHrB;EACA,aZ/FwB;EYgGxB;;AAEA;EAEC,YXlGe;;AWoGf;EACC,YXrGc;;AW4GnB;AAAA;AAAA;AAAA;EAIC;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;AAAA;EAEC;EACA;EACA,cC/IkB;;AVCnB;ES0IA;AAAA;AAAA;AAAA;IAOE;IACA;IACA;IACA;;;AASH;EACC;EACA;EACA;EACA;;AAEA;EAEC;EACA;EACA,cCxKkB;;AVCnB;ESmKA;IAOE;IACA;IACA;IACA;;;;AAMJ;AAEA;EACC;EACA;;AAEA;Ef7KA;EACA;EACA;Ee8KC;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA,OXnMe;EWoMf;EACA;;AAEA;EAEC,OXzMc;EW0Md;;AAGD;EACC,OX9Mc;EW+Md;EACA;;AAGD;EACC;EACA;EACA;;AAEA;EACC;;;AF5NN;AAAA;AAAA;AIVA;AAGA;EAEC;;AXFC;EWAF;IAKE;IACA;;;AXDA;EWLF;IAUE;IACA;;;AAGD;EAEC;EACA;EACA;EACA;;AXnBA;EWcD;IAQE;;;AXjBD;EWSD;IAYE;IACA;IACA;;;AAIA;EACC,ObtBgB;EauBhB;;AAEA;EAEC;EACA;EACA;EACA,Ob9Be;Ea+Bf;;AAIF;EACC;;AAGD;EACC,Ob/BgB;;AEflB;EWkDA;AAAA;IAIE;;;AAIF;EACC;;AX3DD;EW0DA;IAIE;;;AAGD;EACC,eDxEiB;;AC4EjB;EACC;;AAKH;EACC;;AX7ED;EW4EA;IAIE;IACA,cDvFiB;;;AC2FjB;EACC;;;AAUJ;EAEC;EACA;EACA;;AAGA;EAC
C;;AAEA;EAEC;;AAGD;EAEC;;AAIF;AAAA;EAEC;;AX5HD;EWqGD;IA4BE;IACA;;EAKC;AAAA;IACC;IACA;;EAIF;IACC,SD/IiB;;;;ACwJpB;EACC;EACA;EACA;;AXrJA;EWkJD;IAME;IACA;;;AAIF;AAAA;EAEC;EACA;EACA,adtKc;EcuKd;;AAEA;AAAA;EACC;;AX1KD;EWyKA;AAAA;IAIE;;;AAIF;AAAA;EACC;EACA;EACA;EACA;;AAKA;AAAA;EACC,ObzKU;;Aa8Kb;EACC;;;AlBtHF;AmB9EA;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAA8B;;AAE9B;EACC,kBdVyB;EcWzB;EACA;EACA;EACA;EACA,OdHmB;EcInB;ElBlBD;EACA;EkBmBC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;AAAiB;;;AAInB;AACA;EACC;;;AnB8CD;AoBlFA;EACC;EACA;;;AAGD;EACC;EACA,aHLoB;;;AGQrB;EACC;EnBHA;EACA;EACA;;;AD4ED;AqBtFA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EpBeC;EACA;EACA;;;AoBFD;AAAA;AAAA;AAAA;AAAA;AAAA;EpBOC;;;ADoED;AsBzFA;AAEA;EACC;;;AAGD;EACC;;;AtBsFD;AuB7FA;AAAA;AAAA;ACCA;EAEC;;AjBDC;EiBDF;IAKE;IACA;;EAEA;IACC;IACA;IACA;IACA;IACA;;EAEA;IACC;;;;AAQJ;EAEC,OnBdmB;EmBenB;;AjB1BC;EiBuBF;IAME;;;;AAMF;EAEC;EACA;EACA;;AjBvCC;EiBmCF;IAOE;IACA;IACA;IACA;IACA;;;AAGD;EACC;EACA;EACA;EACA;EACA;EA
CA;EACA;EACA;;AAEA;EACC;;AAGD;EAGC;;AjBlED;EiBiDD;IAqBE;IACA;;;;AAOH;EAEC;EACA;EACA,OnBxEkB;AmBkFlB;;AARA;EACC;;AjBrFA;EiBoFD;IAIE;;;AAKF;EACC;;AAGD;EACC;;AAEA;EACC,OnBzFiB;;AEZlB;EiB8EF;IA4BE;;;AAGD;EACC;EACA;;;AAMF;EAEC;EACA,OnB7GmB;EmB8GnB;EACA;;;AC3HD;AAEC;EACA;AAEA;EACA;AAEA;AAkCA;AAgBA;AAsFA;AAcA;AAOA;AAcA;AACA;EACA;EACA;EACA;AAEA;AAEA;AAaA;AAOA;AACE;AAmBF;AAaA;;AAvOA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAQC,OpBjBuB;;AoBoBxB;AAAA;AAAA;AAAA;AAAA;EAKC,OpBzBuB;EoB0BvB;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIC,OpBhCsB;EoBiCtB;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC,OpBtCsB;;AoB4CvB;EACC,OpB7CsB;EoB8CtB;EACA;;AAIF;AAAA;AAEC;EACA;EACE;;AAKH;EAEC;EACA;EACA;AAeA;;AlB9EA;EkB2DD;IAQE;IACA;;;AAKA;EACC,YpB3EqB;;AoBiFvB;EAEC;;AAEA;EAEC,cRvFiB;EQwFjB;;AAEA;EACC;;AAIF;ElB5EF;EkB+EG;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;;AAGD;EACC;;AlBhHF;EkBwHE;IACC;IACA;;EAGD;IACC;;EAGD;IACC;IACA;;EAGD;IACC;IACA;IACA;;;AAQJ;EAEC,YpBpJuB;EoBqJvB;;AAEA
;EAGC;;AAKF;AAAA;EAEC;EACA;;AAID;AAAA;AAAA;AAAA;EAKC;EACA;EACA;EAAQ;EACR;EACA;EACA;;AAYC;EACD;EACA;EACA;EACA;AAEA;;AACA;EACE;;AAKH;EACC,YpBvLY;EoBwLZ;EACA;;AAKC;EACD;EACA;EACA;AAEE;;AACF;EACC,YpBrMW;EoBsMX;EACA;AAEA;;AACA;EAND;IAOE;;;AAMD;EACC;EACF;EACA;EACA;AAEA;;AACA;EAPC;IAQA;;;AAKF;EACG;AACF;AAAA;AAAA;AAAA;EAIA;EACE;EACF;AAEA;;AACA;EACC;EACA;;AlB7PD;EkB2PA;IAKE;;;AAMH;EACC;;AAGD;EACC;;;AFvQF;AAAA;AAAA;AGPA;EACC;;;AAGD;EACC,YrBC0B;EqBA1B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EAEC;;AAEA;EACC;;AAGD;EAEC;EACA;;AnBlCA;EmB+BD;IAME;;;AAIF;EAGC;;AzBqBD;EACC,YIvDkB;EJwDlB;EACA;EACA;EACA;EACA;;AyBzBA;EACC;;AAEA;EACC,OrBtCgB;;AqB2CnB;AAAA;EAGC,OrB/CkB;EqBgDlB;;AAEA;AAAA;EAEC,cThEkB;ESiElB;;AAEA;AAAA;EACC;;AAIF;AAAA;EnBrDD;EmBwDE;;AAEA;AAAA;EACC;EACA,OrB5DU;;AqBgEZ;AAAA;EACC;EACA;EACA;EACA;;AAIF;EACC;;AAGD;EAEC;;AnBhGA;EmB8FD;IAKE;IACA;;;AnBpGD;EmB8FD;IAUE;;;AAIF;EAEC,QT/GmB;;AVCnB;EmB4GD;IAKE;;;AAGD;EACC;;AAGD;EACC;;AAEA;EACC;EACA;EACA;;AAQF;EACC;EACA;
;AAEA;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAZD;IAaE;;;AAKH;EACC;EACA;EACA;EACA;EACA;EAAQ;EACR;EACA;EACA;;AzB1IH;EACC,YIZY;EJaZ;EACA;EACA;;AAGD;EACC,YInBY;EJoBZ;EACA;EACA;AAEA;;AACA;EAPD;IAQE;;;AyBqID;EnB/JD;EmBiKE;EACA;;AAEA;EACC;EACA;;AAGD;EACC,OrB1KU;EqB2KV;;AAIF;EACC;;AAEA;EACC;;AAKF;EAEC;EACA;;AnB7MD;EmB0MA;IAME;IACA;;;AnB5MF;EmBqMA;IAWE;;;AAKF;EACC;;AnB3ND;EmB0NA;IAIE;;;AnBzNF;EmBqNA;IAQE;;;;AAMJ;AAEA;EAEC;;AnB5OC;EmB0OF;IAKE;IACA;;;AnBhPA;EmB0OF;IAUE;;;AAGD;EAEC;;AzBxLD;EACC,YIvDkB;EJwDlB;EACA;EACA;EACA;EACA;;AyBqLD;EAEC;EACA,OrBpPkB;EqBqPlB,WtBtPiB;EsBuPjB,atB/O0B;;AsBiP1B;EACC;;AAEA;EACC,OrBnPgB;EqBoPhB;;;AH/PJ;AAAA;AAAA;AIZA;EACC;;;AAGD;EACC;;;AAGD;AAEC;AAAA;AAAA;;AAGA;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;EAKC;;ApBnBA;EoBcD;AAAA;AAAA;AAAA;AAAA;IAQE;IACA;;;AAIF;EAEC;;ApB7BA;EoB2BD;IAKE;IACA;IACA;IACA;IACA;;;AAGD;EAEC;;A1BwBF;EACC,YIvDkB;EJwDlB;EACA;EACA;EACA;EACA;;AMvEA;EoBuCA;IAKE;;;ApB5CF;EoBgDA;IAEE;IACA;;;;AAMJ;EACC;EACA;;;AAGD;EACC;;AAEA;EACC;;A
AGD;EACC;;AAGD;EACC;EACA,WvBvEgB;EuBwEhB;EACA;EACA;EACA;;;AAMD;EACC;;;AAIF;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAEA;EACC;;;AAKH;EACC;EACA;;AAEA;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;;ApB3IC;EoByIF;IAKE;;EAEA;IACC;;;AAKD;AAAA;EAEC;;AAIF;EACC;;AAGD;EACC;;ApBjKA;EoBoKD;IAGE;IACA;;;AAGD;EACC;EACA,cV9KkB;EU+KlB;;ApB9KD;EoB2KA;IAME;IACA;IACA;IACA;IACA;;;AAIF;EACC;EACA;;ApB3LD;EoByLA;IAKE;IACA;;;AAGD;EACC;;AAEA;EACC,OtBlLe;;AsBuLlB;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ApBnND;EoB2MA;IAWE;;;AAGD;EACC;EACA;EACA;EACA;EACA;;ApB9NF;EoBmOD;IAGE;IACA,aVxOkB;IUyOlB;IACA;;;AAGD;AAAA;EAEC;EACA;EACA,OtBrOiB;EsBsOjB;;AAEA;AAAA;EACC;;AAGD;AAAA;EACC,OtB5OgB;EsB6OhB;;AAIF;EACC;;AAGD;EACC,OtBvPiB;EsBwPjB;EACA;EACA;EACA;;AAGD;EACC,OtB/PiB;EsBgQjB;EACA;;AAEA;EACC;EACA;EACA;;AAIF;EACC;EACA,cVxRkB;EUyRlB;EACA;;AAEA;EACC,OtB1QU;;AsB+Qb;EAEC;;AAEA;EACC;;AAGD;EACC;;AAGD;EACC;;AAEA;EACC;;;AAMJ;AAAA;EAEC;;AAEA;AAAA;EACC,OtBxSkB;;;AsB4SpB;E1BpTC;EACA;EACA;E0BqTA
;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAKA;EACC;EACA;;;AAOF;EACC;;AAEA;EACC;EACA;EACA;EACA;;;AAQF;AAAA;EAEC,avB1Wc;EuB2Wd,WvBnWiB;EuBoWjB,OtBjWkB;;AEXlB;EoB+WD;AAAA;IAGE;IACA;;;ApBnXD;EoBuXD;IAEE,aV1XkB;;;AU8XpB;AAAA;AAAA;EAGC;EACA;;;AJnXF;AAAA;AAAA;AKjBA;AAAA;AAAA;EAIC;;ArBDC;EqBHF;AAAA;AAAA;IAOE;IACA;;;AAGD;AAAA;AAAA;EAEC,OvBCkB;EuBAlB;EACA;;AAEA;AAAA;AAAA;EACC;;AAIF;AAAA;AAAA;AAAA;AAAA;AAAA;EAEC;EACA;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EACC;EACA;EACA,OvBhBiB;;;AEXlB;EqBgCF;IAGE;;;;AAIF;AAKC;AAAA;EAEC;;ArB9CA;EqB4CD;AAAA;IAKE;;;AAIF;AAAA;EACC;EACA;;AAGD;AAAA;EACC;;;ALxCF;AAAA;AAAA;AMtBA;AAEA;EAEC,OxBUmB;;AwBRnB;EAEC;;AtBLA;EsBGD;IAKE;IACA;;;AAGD;EACC,cZdkB;;AYkBpB;EACC;;AAEA;EACC;EACA,OxBJW;;;AL6Ed;A8BlGA;EACC;AAEA;;AACA;EACC;;;A9BiGF;A+BtGA;AAEA;AAAA;EAGC;EACA;EACA;AAWD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AxBfE;EwBDF;AAAA;IAQE;IACA;;;AxBHA;EwBNF;AAAA;IAaE;;;AAeD;AAAA;EACC;;AAGD;AAAA;EACC;;AAGD;AAAA;EAEC;EACA;;AxBtCA;EwBmCD;AAAA;IAME;IACA;IACA;;;AAIF;AAAA;EACC;EACA;EACA;
EACA;EACA;;AAGD;AAAA;EACC;EACA;EACA;;AxB1DA;EwBuDD;AAAA;IAME;IACA;;;AxBzDD;EwBkDD;AAAA;IAWE;;;AAIF;AAAA;EACC;EACA;EACA;EACA,ad3EmB;Ec4EnB,cd5EmB;;AVCnB;EwBsED;AAAA;IAQE;IACA;IACA;;;AAGF;AAAA;EAEC;EACA;;AxBjFA;EwB8ED;AAAA;IAME;IACA;IACA;IACA;IACA;IACA;;;;AAQF;EAEC;;AAEA;EACC;;AAGD;EAGC;;AxBjHD;EwB8GA;IAME;;;AxBzGF;EwBmGA;IAUE;;;AAQF;EACC;;AAOD;ExBlHD;EwBoHE;EACA,Y1BxIwB;E0ByIxB,W3BnIgB;E2BoIhB,a3B7Ia;E2B8Ib,a3B5HyB;E2B6HzB;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAGD;EACC,Y1BxJ6B;;A0B2J9B;EACC;EACA;;AAIF;EACC;;AAGD;ExB/ID;EwBoJE;EACA;;AAEA;EACC,O1B/KuB;;A0BmLzB;EACC,c1BnL8B;E0BoL9B,O1BpL8B;;A0ByLhC;AAAA;AAAA;EAGC;EACA;;AAEA;AAAA;AAAA;EACC,O1BzLiB;E0B0LjB,a3BrMa;E2BsMb;EACA;EACA,a3BtLyB;;A2BwLzB;AAAA;AAAA;EACC,O1BhMgB;E0BiMhB;;AAGD;AAAA;AAAA;EACC,O1BrMgB;E0BsMhB;;AAOF;EACC;EACA;EACA;;AAEC;EACC;;AAGF;EACC;;AACA;EACC;;AAOJ;EACC,W3BpOiB;E2BqOjB;EACA,Sd/OmB;;AcmPpB;EACC,a3BpPW;E2BqPX,W3BhPgB;E2BiPhB;;AAKA;EACC,a3B3Pa;E2B4Pb,W3B9OgB;E2B+OhB;EACA;EACA;;AAKF;EACC;EACA,SdvQmB;;AcyQnB;EACC;E
ACA;EACA;;AAGD;EACC,W3BpQgB;E2BqQhB;EACA;EACA;EACA;EACA,O1B1QgB;;A0B4QhB;EACC;;AxBvRF;EwB8QA;IAaE,W3B/Qe;;;A2BmRjB;EACC;EACA,a3BjSa;E2BkSb,W3B1RgB;E2B2RhB;EACA;EACA,O1B1RiB;;A0B6RlB;EAEC;;AAEA;EACC;EACA;EACA;EACA;;AAMD;EACC,W3B5Se;E2B6Sf;EACA;EACA;;AxB1TF;EwBsTC;IAOE,W3BjTc;;;A2BqThB;EACC;;AAGD;AAAA;EAEC;;AAGD;EACC,kB1BzTU;;A0B4TX;EAEC;;AAEA;EACC;EACA;EACA;;AxBrVH;EwB8UC;IAWE;;;AASH;EAEC;EACA;EACA;;AAGD;EACC;EACA;EACA;;AAGD;EACC,W3BxWgB;;A2B2WjB;EAEC;EACA;EACA;;AAEA;EACC,W3B/We;E2BgXf;EACA;;AAGD;AAAA;AAAA;EAEC,W3BzXe;;AGRjB;EwBmXA;IAmBE;IACA;;EAEA;IACC,W3B/Xc;;;A2BwYjB;EACC;;AAGD;EAEC;;AAGD;EACC;EACA;EACA;;AAQD;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC,a3B1aa;E2B2ab,W3BhagB;E2BiahB;EAEA;EACA;;AxB/aD;EwBuaA;AAAA;AAAA;AAAA;AAAA;AAAA;IAWE,W3Btae;I2Buaf;IACA;;;AxB/aF;EwBkaA;AAAA;AAAA;AAAA;AAAA;AAAA;IAiBE;IACA;;;AAOD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC;EACA;EACA;EACA;EACA;EACA;;AAIF;AAAA;EACC;;AAEA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC,SdndiB;;AcudnB;AAAA;EACC;;AA
EA;AAAA;AAAA;AAAA;AAAA;AAAA;EAGC,Sd7diB;;AcmepB;AAAA;EAEC;;AAID;AAAA;AAAA;AAAA;AAAA;EAKC,W3BreiB;E2BsejB,a3B9ec;E2B+ed,a3B9dsB;E2B+dtB;EACA;EACA;;AAID;AAAA;EAEC;EACA;AAYA;AAAA;;AAVA;AAAA;EACC,kB1BjfiB;E0BkfjB;EACA;;AAGD;AAAA;EACC;;AAQA;AAAA;AAAA;EACC;;AAIF;AAAA;EACC,O1BrgBiB;E0BsgBjB,W3BtgBgB;E2BugBhB,gB3BzgBgB;E2B0gBhB,c3B1gBgB;;A2B+gBlB;EACC;;AAMA;EACC,c1BrhBiB;;A0B0hBnB;EACC,a3BtiBc;;A2BwiBd;ExBlhBD;EwBohBE;EACA;EACA,Y1BziBwB;E0B0iBxB,W3BziBe;E2B0iBf,a3B9iBa;E2B+iBb,a3B7hByB;E2B8hBzB;EACA;;AxB5iBD;EwBmiBA;IAYE,W3BhjBc;I2BijBd;;;AAGD;EACC;;AAGD;EACC,Y1BzjB6B;;A0B4jB9B;EACC;EACA;;AAMH;EACC;;AAEA;EACC,W3BlkBgB;;A2B2kBhB;EACC;;AAGD;EACC;;AAIF;EACC,cdhmBkB;;AckmBlB;EACC;;AAQF;EACC,a3B3mBa;E2B4mBb;;AAEA;EACC;;AAIF;AAAA;AAAA;EAGC;;AASA;EACC,W3BxnBe;;AJ+FnB;AgC1GA;AAAA;AAAA;EAGC;EACA;EACA;EACA;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;;;AAGD;AAAA;AAAA;AChCA;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;;;ADsBD;AAAA;AAAA;AErCA;EACC;EACA;EACA;E
ACA;;;AAGD;EACC;EACA,ejBPoB;EiBQpB,ejBRoB;EiBSpB;EACA;EACA;;AAIC;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AADD;EACC;;AAIF;EACC;;;AAIF;EACC;EACA,W9BlBkB;E8BmBlB,a9B3Be;E8B4Bf,a9BXuB;E8BYvB;EACA;;;AAGD;EACC;EACA;EAGA;;AAEA;EACC","file":"style.css"}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentexcerptphpfromrev43842branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentexcerptphp"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php (from rev 43842, branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php)</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,33 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying post archives and search results
+ *
+ * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+
+?>
+
+<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
+ <header class="entry-header">
+ <?php
+ if ( is_sticky() && is_home() && ! is_paged() ) {
+ printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
+ }
+ the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
+ ?>
+ </header><!-- .entry-header -->
+
+ <?php twentynineteen_post_thumbnail(); ?>
+
+ <div class="entry-content">
+ <?php the_excerpt(); ?>
+ </div><!-- .entry-content -->
+
+ <footer class="entry-footer">
+ <?php twentynineteen_entry_footer(); ?>
+ </footer><!-- .entry-footer -->
+</article><!-- #post-${ID} -->
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentnonephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-none.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-none.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-none.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,6 +6,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,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">@@ -35,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">@@ -42,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="trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentpagephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-page.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-page.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-page.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,17 +6,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <header class="entry-header">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php
- if ( ! twentynineteen_can_show_post_thumbnail() ) {
- get_template_part( 'template-parts/header/entry', 'header' );}
- ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </header>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="entry-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span 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="trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentsinglephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-single.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-single.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/content/content-single.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,51 +6,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! twentynineteen_can_show_post_thumbnail() ) : ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <header class="entry-header">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php if ( ! is_page() ) : ?>
- <?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
- <?php endif; ?>
- <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
- <?php if ( ! is_page() ) : ?>
- <div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
- <?php twentynineteen_posted_by(); ?>
- <?php twentynineteen_posted_on(); ?>
- <span class="comment-count">
- <?php
- if ( ! empty( $discussion ) ) {
- twentynineteen_discussion_avatars_list( $discussion->authors );}
- ?>
- <?php twentynineteen_comment_count(); ?>
- </span>
- <?php
- // Edit post link.
- edit_post_link(
- sprintf(
- wp_kses(
- /* translators: %s: Name of current post. Only visible to screen readers. */
- __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
- array(
- 'span' => array(
- 'class' => array(),
- ),
- )
- ),
- get_the_title()
- ),
- '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
- '</span>'
- );
- ?>
- </div><!-- .meta-info -->
- <?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php get_template_part( 'template-parts/header/entry', 'header' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </header>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="entry-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -71,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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -82,6 +48,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_entry_footer(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </footer><!-- .entry-footer -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php get_template_part( 'template-parts/post/author', 'info' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! is_singular( 'attachment' ) ) : ?>
+ <?php get_template_part( 'template-parts/post/author', 'bio' ); ?>
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </article><!-- #post-${ID} -->
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteentemplatepartscontentcontentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/template-parts/content/content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/content/content.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -6,6 +6,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,7 +15,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <header class="entry-header">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_sticky() && is_home() && ! is_paged() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_singular() ) :
</span><span class="cx" style="display: block; padding: 0 10px"> the_title( '<h1 class="entry-title">', '</h1>' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,7 +23,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .entry-header -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_post_thumbnail(); ?>
</span><span 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="trunksrcwpcontentthemestwentynineteentemplatepartsheaderentryheaderphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/template-parts/header/entry-header.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/entry-header.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/header/entry-header.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,24 +4,43 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * @since Twenty Nineteen 1.0
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-if ( ! is_page() ) :
-?>
-<?php $discussion = twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
-<?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$discussion = ! is_page() && twentynineteen_can_show_post_thumbnail() ? twentynineteen_get_discussion_data() : null; ?>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! is_page() ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div class="<?php echo ( ! empty( $discussion ) && count( $discussion->authors ) > 0 ) ? 'entry-meta has-discussion' : 'entry-meta'; ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="entry-meta">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_posted_by(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_posted_on(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <span class="comment-count">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! empty( $discussion ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- twentynineteen_discussion_avatars_list( $discussion->authors );}
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ twentynineteen_discussion_avatars_list( $discussion->authors );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php twentynineteen_comment_count(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </span>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ // Edit post link.
+ edit_post_link(
+ sprintf(
+ wp_kses(
+ /* translators: %s: Name of current post. Only visible to screen readers. */
+ __( 'Edit <span class="screen-reader-text">%s</span>', 'twentynineteen' ),
+ array(
+ 'span' => array(
+ 'class' => array(),
+ ),
+ )
+ ),
+ get_the_title()
+ ),
+ '<span class="edit-link">' . twentynineteen_get_icon_svg( 'edit', 16 ),
+ '</span>'
+ );
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .meta-info -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteentemplatepartsheadersitebrandingphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,6 +4,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="site-branding">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,11 +12,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( has_custom_logo() ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="site-logo"><?php the_custom_logo(); ?></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- <?php if ( is_front_page() && is_home() ) : ?>
- <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
- <?php else : ?>
- <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php $blog_info = get_bloginfo( 'name' ); ?>
+ <?php if ( ! empty( $blog_info ) ) : ?>
+ <?php if ( is_front_page() && is_home() ) : ?>
+ <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
+ <?php else : ?>
+ <p class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></p>
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,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 class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,7 +43,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </nav><!-- #site-navigation -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( has_nav_menu( 'social' ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <nav class="social-navigation" aria-label="<?php esc_attr_e( 'Footer Social Links Menu', 'twentynineteen' ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <nav class="social-navigation" aria-label="<?php esc_attr_e( 'Social Links Menu', 'twentynineteen' ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> wp_nav_menu(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteentemplatepartspostauthorbiophpfromrev43842branches50srcwpcontentthemestwentynineteentemplatepartspostauthorbiophp"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: trunk/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php (from rev 43842, branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php)</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- trunk/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php (rev 0)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying Author info
+ *
+ * @package WordPress
+ * @subpackage Twenty_Nineteen
+ * @since 1.0.0
+ */
+
+if ( (bool) get_the_author_meta( 'description' ) ) : ?>
+<div class="author-bio">
+ <h2 class="author-title">
+ <span class="author-heading"><?php echo esc_html( sprintf( __( 'Published by %s', 'twentynineteen' ), get_the_author() ) ); ?></span>
+ </h2>
+ <p class="author-description">
+ <?php the_author_meta( 'description' ); ?>
+ <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
+ <?php _e( 'View more posts', 'twentynineteen' ); ?>
+ </a>
+ </p><!-- .author-description -->
+</div><!-- .author-bio -->
+<?php endif; ?>
</ins></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteentemplatepartspostauthorinfophp"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: trunk/src/wp-content/themes/twentynineteen/template-parts/post/author-info.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-info.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/post/author-info.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,21 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php
-/**
- * The template for displaying Author info
- *
- * @package WordPress
- * @subpackage Twenty_Nineteen
- */
-
-if ( (bool) get_the_author_meta( 'description' ) ) : ?>
-<div class="author-description">
- <h2 class="author-title">
- <span class="author-heading"><?php echo esc_html( sprintf( __( 'Published by %s', 'twentynineteen' ), get_the_author() ) ); ?></span>
- </h2>
- <p class="author-bio">
- <?php the_author_meta( 'description' ); ?>
- <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
- <?php _e( 'View more posts ', 'twentynineteen' ); ?>
- </a>
- </p><!-- .author-bio -->
-<div><!-- .author-description -->
-<?php endif; ?>
</del></span></pre></div>
<a id="trunksrcwpcontentthemestwentynineteentemplatepartspostdiscussionmetaphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: trunk/src/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php 2018-10-23 15:52:15 UTC (rev 43808)
+++ trunk/src/wp-content/themes/twentynineteen/template-parts/post/discussion-meta.php 2018-12-14 02:32:33 UTC (rev 44149)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,25 +4,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package WordPress
</span><span class="cx" style="display: block; padding: 0 10px"> * @subpackage Twenty_Nineteen
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @since 1.0.0
</ins><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Get 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>