<!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>[46712] branches/5.3/src/wp-content/themes/twentytwenty: Bundled Themes: Update Twenty Twenty.</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/46712">46712</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/46712","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>SergeyBiryukov</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2019-11-11 21:03:55 +0000 (Mon, 11 Nov 2019)</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'>Bundled Themes: Update Twenty Twenty.
This brings Twenty Twenty in sync with GitHub. For a full list of changes since 5.3 RC4, see https://github.com/WordPress/twentytwenty/compare/c267289...ab5fa23.
Reviewed by SergeyBiryukov.
Props williampatton, poena, andersnoren, desrosj, schlessera, leprincenoir, alextran, aristath, b-07, allancole, karmatosed, pierlo, joen, ianbelanger.
See <a href="https://core.trac.wordpress.org/ticket/48110">#48110</a>, <a href="https://core.trac.wordpress.org/ticket/48386">#48386</a>, <a href="https://core.trac.wordpress.org/ticket/48450">#48450</a>, <a href="https://core.trac.wordpress.org/ticket/48505">#48505</a>.
Merges <a href="https://core.trac.wordpress.org/changeset/46701">[46701]</a>, <a href="https://core.trac.wordpress.org/changeset/46702">[46702]</a>, <a href="https://core.trac.wordpress.org/changeset/46711">[46711]</a> to the 5.3 branch.
Fixes <a href="https://core.trac.wordpress.org/ticket/48557">#48557</a>.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches53srcwpcontentthemestwentytwentyassetscsseditorstyleblockrtlcss">branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentyassetscsseditorstyleblockcss">branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentyassetsjscustomizecontrolsjs">branches/5.3/src/wp-content/themes/twentytwenty/assets/js/customize-controls.js</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentyassetsjsindexjs">branches/5.3/src/wp-content/themes/twentytwenty/assets/js/index.js</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentyfooterphp">branches/5.3/src/wp-content/themes/twentytwenty/footer.php</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentyfunctionsphp">branches/5.3/src/wp-content/themes/twentytwenty/functions.php</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentyinccustomcssphp">branches/5.3/src/wp-content/themes/twentytwenty/inc/custom-css.php</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentyincstartercontentphp">branches/5.3/src/wp-content/themes/twentytwenty/inc/starter-content.php</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentyprintcss">branches/5.3/src/wp-content/themes/twentytwenty/print.css</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentystylertlcss">branches/5.3/src/wp-content/themes/twentytwenty/style-rtl.css</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentystylecss">branches/5.3/src/wp-content/themes/twentytwenty/style.css</a></li>
<li><a href="#branches53srcwpcontentthemestwentytwentytemplatepartscontentphp">branches/5.3/src/wp-content/themes/twentytwenty/template-parts/content.php</a></li>
</ul>
<h3>Property Changed</h3>
<ul>
<li><a href="#branches53">branches/5.3/</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<span class="cx" style="display: block; padding: 0 10px">Index: branches/5.3
</span><span class="cx" style="display: block; padding: 0 10px">===================================================================
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">--- branches/5.3 2019-11-11 20:54:49 UTC (rev 46711)
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+++ branches/5.3 2019-11-11 21:03:55 UTC (rev 46712)
</ins><a id="branches53"></a>
<div class="propset"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Property changes: branches/5.3</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.4:21757
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/4.9:43557,43622
</span><span class="cx" style="display: block; padding: 0 10px"> /branches/5.0:43681-43682,43684-43688,43719-43720,43723,43726-43727,43729-43731,43734-43744,43747,43751-43754,43758,43760-43765,43767-43770,43772,43774-43781,43783,43785,43790-43806,43808-43821,43825,43828,43830-43834,43836-43843,43846-43863,43867-43889,43891-43894,43897-43905,43908-43909,43911-43929,43931-43942,43946-43947,43949-43956,43959-43964,43967-43969,43988,43994,44014,44017,44047,44183,44185,44187-44206,44208-44213,44231-44232,44235,44248,44284,44287-44288
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/trunk:46583,46605-46606,46613,46616,46656,46658,46665,46668,46676-46677,46700,46703,46705,46707,46709
</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">+/trunk:46583,46605-46606,46613,46616,46656,46658,46665,46668,46676-46677,46700-46703,46705,46707,46709,46711
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="branches53srcwpcontentthemestwentytwentyassetscsseditorstyleblockrtlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block-rtl.css 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -78,11 +78,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 610px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="wide"] .wp-block,
-.wp-block[data-align="full"] .wp-block {
- max-width: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="wide"] .wp-block[data-align="wide"],
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="full"] .wp-block[data-align="wide"] {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 1200px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -106,14 +101,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"> .wp-block[data-align="wide"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
- margin-top: 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 1200px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="full"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 50px;
- margin-top: 50px;
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 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,6 +170,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #cd2653;
</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-secondary-color {
+ color: #6d6d6d;
+}
+
+.has-secondary-background-color {
+ background-color: #6d6d6d;
+}
+
+.has-subtle-background-color {
+ color: #dcd7ca;
+}
+
+.has-subtle-background-background-color {
+ background-color: #dcd7ca;
+}
+
+.has-background-color {
+ color: #6d6d6d;
+}
+
+.has-background-background-color {
+ background-color: #6d6d6d;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* GENERAL COLORS */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-background-color {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -319,6 +334,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.842em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.editor-styles-wrapper p.has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper p.has-regular-font-size {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -677,17 +693,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 1200px;
</del><span class="cx" style="display: block; padding: 0 10px"> width: calc(100% - 40px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[data-align="left"] .wp-block-cover,
-[data-align="left"] .wp-block-cover-image,
-[data-align="right"] .wp-block-cover,
-[data-align="right"] .wp-block-cover-image {
- max-width: 260px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"],
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] {
+ height: auto;
+ max-height: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover {
+ text-align: right;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
+ text-align: left;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit,
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
+ float: none;
+ margin-right: 0;
+ margin-left: 0;
+ max-width: 100%;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1051,6 +1081,33 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* BLOCK: COVER */
+
+ .wp-block[data-type="core/cover"][data-align="left"] [data-block],
+ .wp-block[data-type="core/cover"][data-align="right"] [data-block] {
+ margin-top: 0;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit {
+ float: left;
+ margin-right: 20px;
+ max-width: 260px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
+ float: right;
+ margin-left: 20px;
+ max-width: 260px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before {
+ margin-left: 0;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before {
+ margin-right: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: PULL QUOTE */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1130,12 +1187,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 21px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block[data-align="wide"],
- .wp-block[data-align="full"] {
- margin-bottom: 60px;
- margin-top: 60px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* TYPOGRAPHY */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-post-title__block .editor-post-title__input,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1207,10 +1258,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: GROUP */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .editor-styles-wrapper .wp-block-group.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background,
+ .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background,
+ .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background,
+ .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background {
+ padding: 80px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: LATEST POSTS */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: PULLQUOTE */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1282,14 +1340,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 1000px ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* STRUCTURE */
-
- .wp-block[data-align="wide"],
- .wp-block[data-align="full"] {
- margin-bottom: 80px;
- margin-top: 80px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: COLUMNS */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-column {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1296,13 +1346,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* BLOCK: GROUP */
-
- .wp-block[data-align="wide"] .wp-block-group.has-background,
- .wp-block[data-align="full"] .wp-block-group.has-background {
- padding: 80px 40px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: SEPARATOR */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1333,14 +1376,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* STRUCTURE */
-
- .wp-block[data-align="wide"],
- .wp-block[data-align="full"] {
- margin-bottom: 80px;
- margin-top: 80px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: PULLQUOTE */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentyassetscsseditorstyleblockcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/assets/css/editor-style-block.css 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -78,11 +78,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 610px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block[data-align="wide"] .wp-block,
-.wp-block[data-align="full"] .wp-block {
- max-width: none;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="wide"] .wp-block[data-align="wide"],
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="full"] .wp-block[data-align="wide"] {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 1200px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -106,14 +101,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"> .wp-block[data-align="wide"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 30px;
- margin-top: 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 1200px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block[data-align="full"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 50px;
- margin-top: 50px;
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 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,6 +170,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #cd2653;
</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-secondary-color {
+ color: #6d6d6d;
+}
+
+.has-secondary-background-color {
+ background-color: #6d6d6d;
+}
+
+.has-subtle-background-color {
+ color: #dcd7ca;
+}
+
+.has-subtle-background-background-color {
+ background-color: #dcd7ca;
+}
+
+.has-background-color {
+ color: #6d6d6d;
+}
+
+.has-background-background-color {
+ background-color: #6d6d6d;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* GENERAL COLORS */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-black-background-color {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -319,6 +334,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.842em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.editor-styles-wrapper p.has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper p.has-regular-font-size {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -677,17 +693,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .wp-block-cover-image .wp-block-cover__inner-container,
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .wp-block-cover .wp-block-cover__inner-container {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 1200px;
</del><span class="cx" style="display: block; padding: 0 10px"> width: calc(100% - 40px);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-[data-align="left"] .wp-block-cover,
-[data-align="left"] .wp-block-cover-image,
-[data-align="right"] .wp-block-cover,
-[data-align="right"] .wp-block-cover-image {
- max-width: 260px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"],
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] {
+ height: auto;
+ max-height: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover {
+ text-align: left;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover {
+ text-align: right;
+}
+
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit,
+.editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
+ float: none;
+ margin-left: 0;
+ margin-right: 0;
+ max-width: 100%;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover-image-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image .wp-block-cover-text,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-image h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1051,6 +1081,33 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* BLOCK: COVER */
+
+ .wp-block[data-type="core/cover"][data-align="left"] [data-block],
+ .wp-block[data-type="core/cover"][data-align="right"] [data-block] {
+ margin-top: 0;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .block-editor-block-list__block-edit {
+ float: right;
+ margin-left: 20px;
+ max-width: 260px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .block-editor-block-list__block-edit {
+ float: left;
+ margin-right: 20px;
+ max-width: 260px;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="right"] .wp-block-pullquote::before {
+ margin-right: 0;
+ }
+
+ .editor-styles-wrapper .wp-block[data-type="core/cover"][data-align="left"] .wp-block-pullquote::before {
+ margin-left: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: PULL QUOTE */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="right"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1130,12 +1187,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 21px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block[data-align="wide"],
- .wp-block[data-align="full"] {
- margin-bottom: 60px;
- margin-top: 60px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* TYPOGRAPHY */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-post-title__block .editor-post-title__input,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1207,10 +1258,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: GROUP */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .editor-styles-wrapper .wp-block-group.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .editor-styles-wrapper .wp-block:not([data-align="wide"]):not([data-align="full"]) div:not([class*="__inner-container"]) .wp-block-group.has-background,
+ .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="wide"] .wp-block-group.has-background,
+ .editor-styles-wrapper .wp-block div[class*="__inner-container"] .wp-block[data-align="full"] .wp-block-group.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 40px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .editor-styles-wrapper .wp-block[data-align="wide"] .wp-block-group.has-background,
+ .editor-styles-wrapper .wp-block[data-align="full"] .wp-block-group.has-background {
+ padding: 80px;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: LATEST POSTS */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: PULLQUOTE */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1282,14 +1340,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 1000px ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* STRUCTURE */
-
- .wp-block[data-align="wide"],
- .wp-block[data-align="full"] {
- margin-bottom: 80px;
- margin-top: 80px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: COLUMNS */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-column {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1296,13 +1346,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* BLOCK: GROUP */
-
- .wp-block[data-align="wide"] .wp-block-group.has-background,
- .wp-block[data-align="full"] .wp-block-group.has-background {
- padding: 80px 40px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: SEPARATOR */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1333,14 +1376,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 18px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* STRUCTURE */
-
- .wp-block[data-align="wide"],
- .wp-block[data-align="full"] {
- margin-bottom: 80px;
- margin-top: 80px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: PULLQUOTE */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .wp-block[data-type="core/pullquote"][data-align="wide"] .wp-block-pullquote.is-style-solid-color,
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentyassetsjscustomizecontrolsjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/assets/js/customize-controls.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/assets/js/customize-controls.js 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/assets/js/customize-controls.js 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,4 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* global twentyTwentyBgColors, twentyTwentyColor, Color, jQuery, wp, _ */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global twentyTwentyBgColors, twentyTwentyColor, jQuery, wp, _ */
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Customizer enhancements for a better user experience.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -74,11 +74,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .toCSS();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Get secondary color.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- value[ context ].secondary = Color( {
- h: colors.bgColorObj.h(),
- s: colors.bgColorObj.s() / 2,
- l: ( colors.textColorObj.l() * 0.57 ) + ( colors.bgColorObj.l() * 0.43 )
- } ).toCSS();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value[ context ].secondary = colors.bgColorObj
+ .clone()
+ .getReadableContrastingColor( colors.bgColorObj )
+ .s( colors.bgColorObj.s() / 2 )
+ .toCSS();
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Change the value.
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentyassetsjsindexjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/assets/js/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/assets/js/index.js 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/assets/js/index.js 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -30,10 +30,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( window.NodeList && ! NodeList.prototype.forEach ) {
</span><span class="cx" style="display: block; padding: 0 10px"> NodeList.prototype.forEach = function( callback, thisArg ) {
</span><span class="cx" style="display: block; padding: 0 10px"> var i;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ var len = this.length;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> thisArg = thisArg || window;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- for ( i = 0; i < this.length; i++ ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ for ( i = 0; i < len; i++ ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> callback.call( thisArg, this[ i ], i, this );
</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">@@ -68,6 +69,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">+// Add a class to the body for when touch is enabled for browsers that don't support media queries
+// for interaction media features. Adapted from <https://codepen.io/Ferie/pen/vQOMmO>
+( function() {
+ var matchMedia = function() {
+ // Include the 'heartz' as a way to have a non matching MQ to help terminate the join. See <https://git.io/vznFH>.
+ var prefixes = [ '-webkit-', '-moz-', '-o-', '-ms-' ];
+ var query = [ '(', prefixes.join( 'touch-enabled),(' ), 'heartz', ')' ].join( '' );
+ return window.matchMedia && window.matchMedia( query ).matches;
+ };
+
+ if ( ( 'ontouchstart' in window ) || ( window.DocumentTouch && document instanceof window.DocumentTouch ) || matchMedia() ) {
+ document.body.classList.add( 'touch-enabled' );
+ }
+}() );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* -----------------------------------------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> Cover Modals
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------------------------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -523,37 +539,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> self = self.parentElement;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- /**
- * Toggles `focus` class to allow submenu access on tablets.
- */
- ( function( menuObj ) {
- var touchStartFn, j,
- parentLink = menuObj.querySelectorAll( '.primary-menu .menu-item-has-children > a' );
-
- if ( 'ontouchstart' in window ) {
- touchStartFn = function( e ) {
- var menuItem = this.parentNode;
-
- if ( ! menuItem.classList.contains( 'focus' ) ) {
- e.preventDefault();
- for ( j = 0; j < menuItem.parentNode.children.length; ++j ) {
- if ( menuItem === menuItem.parentNode.children[j] ) {
- continue;
- }
- menuItem.parentNode.children[i].classList.remove( 'focus' );
- }
- menuItem.classList.add( 'focus' );
- } else {
- menuItem.classList.remove( 'focus' );
- }
- };
-
- for ( j = 0; j < parentLink.length; ++j ) {
- parentLink[j].addEventListener( 'touchstart', touchStartFn, false );
- }
- }
- }( menu ) );
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }; // twentytwenty.primaryMenu
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentyfooterphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/footer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/footer.php 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/footer.php 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,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"> <a href="<?php echo esc_url( home_url( '/' ) ); ?>"><?php echo bloginfo( 'name' ); ?></a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </p><!-- .footer-copyright -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <p class="powered-by-wordpress">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentytwenty' ) ); ?>">
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentyfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/functions.php 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/functions.php 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,9 +19,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Custom Logo
</span><span class="cx" style="display: block; padding: 0 10px"> * WP Body Open
</span><span class="cx" style="display: block; padding: 0 10px"> * Register Sidebars
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Enqueue block editor assets
- * Enqueue classic editor styles
- * Block editor settings
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Enqueue Block Editor Assets
+ * Enqueue Classic Editor Styles
+ * Block Editor Settings
</ins><span class="cx" style="display: block; 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">@@ -119,8 +119,15 @@
</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">- // Adds starter content to highlight the theme on fresh sites.
- add_theme_support( 'starter-content', twentytwenty_get_starter_content() );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*
+ * Adds starter content to highlight the theme on fresh sites.
+ * This is done conditionally to avoid loading the starter content on every
+ * page load, as it is a one-off operation only needed once in the customizer.
+ */
+ if ( is_customize_preview() ) {
+ require get_template_directory() . '/inc/starter-content.php';
+ add_theme_support( 'starter-content', twentytwenty_get_starter_content() );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Add theme support for selective refresh for widgets.
</span><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'customize-selective-refresh-widgets' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -167,9 +174,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Custom CSS.
</span><span class="cx" style="display: block; padding: 0 10px"> require get_template_directory() . '/inc/custom-css.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">-// Custom starter content to highlight the theme on fresh sites.
-require get_template_directory() . '/inc/starter-content.php';
-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Register and Enqueue Styles.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -531,7 +535,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'name' => _x( 'Regular', 'Name of the regular font size in the block editor', 'twentytwenty' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'shortName' => _x( 'M', 'Short name of the regular font size in the block editor.', 'twentytwenty' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'size' => 21,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'slug' => 'regular',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'slug' => 'normal',
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'name' => _x( 'Large', 'Name of the large font size in the block editor', 'twentytwenty' ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -692,26 +696,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $elements = array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'content' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'accent' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'color' => array( '.color-accent', '.color-accent-hover:hover', '.color-accent-hover:focus', ':root .has-accent-color', '.has-drop-cap:not(:focus):first-letter', '.wp-block-button.is-style-outline', 'a' ),
- 'border-color' => array( 'blockquote', '.border-color-accent', '.border-color-accent-hover:hover', '.border-color-accent-hover:focus' ),
- 'background' => array( 'button:not(.toggle)', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file .wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.bg-accent', '.bg-accent-hover:hover', '.bg-accent-hover:focus', ':root .has-accent-background-color', '.comment-reply-link' ),
- 'fill' => array( '.fill-children-accent', '.fill-children-accent *' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'color' => array( '.color-accent', '.color-accent-hover:hover', '.color-accent-hover:focus', ':root .has-accent-color', '.has-drop-cap:not(:focus):first-letter', '.wp-block-button.is-style-outline', 'a' ),
+ 'border-color' => array( 'blockquote', '.border-color-accent', '.border-color-accent-hover:hover', '.border-color-accent-hover:focus' ),
+ 'background-color' => array( 'button:not(.toggle)', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file .wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.bg-accent', '.bg-accent-hover:hover', '.bg-accent-hover:focus', ':root .has-accent-background-color', '.comment-reply-link' ),
+ 'fill' => array( '.fill-children-accent', '.fill-children-accent *' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'background' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'color' => array( ':root .has-background-color', 'button', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.wp-block-button', '.comment-reply-link' ),
- 'background' => array( ':root .has-background-background-color' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'color' => array( ':root .has-background-color', 'button', '.button', '.faux-button', '.wp-block-button__link', '.wp-block-file__button', 'input[type="button"]', 'input[type="reset"]', 'input[type="submit"]', '.wp-block-button', '.comment-reply-link', '.has-background.has-primary-background-color:not(.has-text-color)', '.has-background.has-primary-background-color *:not(.has-text-color)', '.has-background.has-accent-background-color:not(.has-text-color)', '.has-background.has-accent-background-color *:not(.has-text-color)' ),
+ 'background-color' => array( ':root .has-background-background-color' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'text' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'color' => array( 'body', '.entry-title a', ':root .has-primary-color' ),
- 'background' => array( ':root .has-primary-background-color' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'color' => array( 'body', '.entry-title a', ':root .has-primary-color' ),
+ 'background-color' => array( ':root .has-primary-background-color' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'secondary' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'color' => array( 'cite', 'figcaption', '.wp-caption-text', '.post-meta', '.entry-content .wp-block-archives li', '.entry-content .wp-block-categories li', '.entry-content .wp-block-latest-posts li', '.wp-block-latest-comments__comment-date', '.wp-block-latest-posts__post-date', '.wp-block-embed figcaption', '.wp-block-image figcaption', '.wp-block-pullquote cite', '.comment-metadata', '.comment-respond .comment-notes', '.comment-respond .logged-in-as', '.pagination .dots', '.entry-content hr:not(.has-background)', 'hr.styled-separator', ':root .has-secondary-color' ),
- 'background' => array( ':root .has-secondary-background-color' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'color' => array( 'cite', 'figcaption', '.wp-caption-text', '.post-meta', '.entry-content .wp-block-archives li', '.entry-content .wp-block-categories li', '.entry-content .wp-block-latest-posts li', '.wp-block-latest-comments__comment-date', '.wp-block-latest-posts__post-date', '.wp-block-embed figcaption', '.wp-block-image figcaption', '.wp-block-pullquote cite', '.comment-metadata', '.comment-respond .comment-notes', '.comment-respond .logged-in-as', '.pagination .dots', '.entry-content hr:not(.has-background)', 'hr.styled-separator', ':root .has-secondary-color' ),
+ 'background-color' => array( ':root .has-secondary-background-color' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'borders' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'border-color' => array( 'pre', 'fieldset', 'input', 'textarea', 'table', 'table *', 'hr' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'background' => array( 'caption', 'code', 'code', 'kbd', 'samp', '.wp-block-table.is-style-stripes tbody tr:nth-child(odd)', ':root .has-subtle-background-background-color' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'background-color' => array( 'caption', 'code', 'code', 'kbd', 'samp', '.wp-block-table.is-style-stripes tbody tr:nth-child(odd)', ':root .has-subtle-background-background-color' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'border-bottom-color' => array( '.wp-block-table.is-style-stripes' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'border-top-color' => array( '.wp-block-latest-posts.is-grid li' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'color' => array( ':root .has-subtle-background-color' ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -719,16 +723,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'header-footer' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'accent' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'color' => array( 'body:not(.overlay-header) .primary-menu > li > a', 'body:not(.overlay-header) .primary-menu > li > .icon', '.modal-menu a', '.footer-menu a, .footer-widgets a', '#site-footer .wp-block-button.is-style-outline', '.wp-block-pullquote:before', '.singular:not(.overlay-header) .entry-header a', '.archive-header a', '.header-footer-group .color-accent', '.header-footer-group .color-accent-hover:hover' ),
- 'background' => array( '.social-icons a', '#site-footer button:not(.toggle)', '#site-footer .button', '#site-footer .faux-button', '#site-footer .wp-block-button__link', '#site-footer .wp-block-file__button', '#site-footer input[type="button"]', '#site-footer input[type="reset"]', '#site-footer input[type="submit"]' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'color' => array( 'body:not(.overlay-header) .primary-menu > li > a', 'body:not(.overlay-header) .primary-menu > li > .icon', '.modal-menu a', '.footer-menu a, .footer-widgets a', '#site-footer .wp-block-button.is-style-outline', '.wp-block-pullquote:before', '.singular:not(.overlay-header) .entry-header a', '.archive-header a', '.header-footer-group .color-accent', '.header-footer-group .color-accent-hover:hover' ),
+ 'background-color' => array( '.social-icons a', '#site-footer button:not(.toggle)', '#site-footer .button', '#site-footer .faux-button', '#site-footer .wp-block-button__link', '#site-footer .wp-block-file__button', '#site-footer input[type="button"]', '#site-footer input[type="reset"]', '#site-footer input[type="submit"]' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'background' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'color' => array( '.social-icons a', 'body:not(.overlay-header) .primary-menu ul', '.header-footer-group button', '.header-footer-group .button', '.header-footer-group .faux-button', '.header-footer-group .wp-block-button:not(.is-style-outline) .wp-block-button__link', '.header-footer-group .wp-block-file__button', '.header-footer-group input[type="button"]', '.header-footer-group input[type="reset"]', '.header-footer-group input[type="submit"]' ),
- 'background' => array( '#site-header', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal', '.menu-modal-inner', '.search-modal-inner', '.archive-header', '.singular .entry-header', '.singular .featured-media:before', '.wp-block-pullquote:before' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'color' => array( '.social-icons a', 'body:not(.overlay-header) .primary-menu ul', '.header-footer-group button', '.header-footer-group .button', '.header-footer-group .faux-button', '.header-footer-group .wp-block-button:not(.is-style-outline) .wp-block-button__link', '.header-footer-group .wp-block-file__button', '.header-footer-group input[type="button"]', '.header-footer-group input[type="reset"]', '.header-footer-group input[type="submit"]' ),
+ 'background-color' => array( '#site-header', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal', '.menu-modal-inner', '.search-modal-inner', '.archive-header', '.singular .entry-header', '.singular .featured-media:before', '.wp-block-pullquote:before' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'text' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'color' => array( '.header-footer-group', 'body:not(.overlay-header) #site-header .toggle', '.menu-modal .toggle' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'background' => array( 'body:not(.overlay-header) .primary-menu ul' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'background-color' => array( 'body:not(.overlay-header) .primary-menu ul' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'border-bottom-color' => array( 'body:not(.overlay-header) .primary-menu > li > ul:after' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'border-left-color' => array( 'body:not(.overlay-header) .primary-menu ul ul:after' ),
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -736,8 +740,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'color' => array( '.site-description', 'body:not(.overlay-header) .toggle-inner .toggle-text', '.widget .post-date', '.widget .rss-date', '.widget_archive li', '.widget_categories li', '.widget cite', '.widget_pages li', '.widget_meta li', '.widget_nav_menu li', '.powered-by-wordpress', '.to-the-top', '.singular .entry-header .post-meta', '.singular:not(.overlay-header) .entry-header .post-meta a' ),
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'borders' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'border-color' => array( '.header-footer-group pre', '.header-footer-group fieldset', '.header-footer-group input', '.header-footer-group textarea', '.header-footer-group table', '.header-footer-group table *', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal nav *', '.footer-widgets-outer-wrapper', '.footer-top' ),
- 'background' => array( '.header-footer-group table caption', 'body:not(.overlay-header) .header-inner .toggle-wrapper::before' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'border-color' => array( '.header-footer-group pre', '.header-footer-group fieldset', '.header-footer-group input', '.header-footer-group textarea', '.header-footer-group table', '.header-footer-group table *', '.footer-nav-widgets-wrapper', '#site-footer', '.menu-modal nav *', '.footer-widgets-outer-wrapper', '.footer-top' ),
+ 'background-color' => array( '.header-footer-group table caption', 'body:not(.overlay-header) .header-inner .toggle-wrapper::before' ),
</ins><span class="cx" style="display: block; 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="branches53srcwpcontentthemestwentytwentyinccustomcssphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/inc/custom-css.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/inc/custom-css.php 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/inc/custom-css.php 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -129,7 +129,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Background color.
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $background && $background !== $background_default ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- twentytwenty_generate_css( '.editor-styles-wrapper', 'background', '#' . $background );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ twentytwenty_generate_css( '.editor-styles-wrapper', 'background-color', '#' . $background );
+ twentytwenty_generate_css( '.has-background.has-primary-background-color:not(.has-text-color),.has-background.has-primary-background-color *:not(.has-text-color),.has-background.has-accent-background-color:not(.has-text-color),.has-background.has-accent-background-color *:not(.has-text-color)', 'color', '#' . $background );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Borders color.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -164,7 +165,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Background color.
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $background && $background !== $background_default ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- twentytwenty_generate_css( 'body#tinymce.wp-editor.content', 'background', '#' . $background );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ twentytwenty_generate_css( 'body#tinymce.wp-editor.content', 'background-color', '#' . $background );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Text color.
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentyincstartercontentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/inc/starter-content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/inc/starter-content.php 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/inc/starter-content.php 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -175,10 +175,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'primary' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'name' => __( 'Primary', 'twentytwenty' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'items' => array(
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'link_home', // Note that the core "home" page is actually a link in case a static front page is not used.
+ 'page_about',
+ 'page_blog',
</ins><span class="cx" style="display: block; padding: 0 10px"> 'page_contact',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Assign a menu to the "expanded" (modal) menu location.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // This replicates primary just to demonstrate the expanded menu.
</ins><span class="cx" style="display: block; padding: 0 10px"> 'expanded' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'name' => __( 'Primary', 'twentytwenty' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'items' => array(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -185,6 +188,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'link_home', // Note that the core "home" page is actually a link in case a static front page is not used.
</span><span class="cx" style="display: block; padding: 0 10px"> 'page_about',
</span><span class="cx" style="display: block; padding: 0 10px"> 'page_blog',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'page_contact',
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> // Assign a menu to the "social" location.
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentyprintcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/print.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/print.css 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/print.css 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -66,6 +66,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h2.entry-title,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="cx" style="display: block; padding: 0 10px"> h4,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> .has-regular-font-size,
</span><span class="cx" style="display: block; padding: 0 10px"> .has-large-font-size,
</span><span class="cx" style="display: block; padding: 0 10px"> .comments-header {
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentystylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/style-rtl.css 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/style-rtl.css 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -180,6 +180,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute !important;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1px;
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: normal !important;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ word-break: normal;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .screen-reader-text:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -826,6 +827,29 @@
</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">+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="password"]: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: currentColor;
+}
+
+input[type="search"]:focus {
+ outline: thin dotted;
+ outline-offset: -4px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Tables ------------------------------------ */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1679,6 +1703,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(-180deg);
</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">+/*
+ * Enable nav submenu expansion with tapping on arrows on large-viewport
+ * touch interfaces (e.g. tablets or laptops with touch screens).
+ * These rules are supported by all browsers (>IE11) and when JS is disabled.
+ */
+@media (any-pointer: coarse) {
+
+ .primary-menu > li.menu-item-has-children > a {
+ padding-left: 0;
+ margin-left: 2rem;
+ }
+
+ .primary-menu ul li.menu-item-has-children > a {
+ margin-left: 4.5rem;
+ padding-left: 0;
+ width: unset;
+ }
+
+}
+
+/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
+body.touch-enabled .primary-menu > li.menu-item-has-children > a {
+ padding-left: 0;
+ margin-left: 2rem;
+}
+
+body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
+ margin-left: 4.5rem;
+ padding-left: 0;
+ width: unset;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* -------------------------------------------------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* 5. Menu Modal
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2316,6 +2372,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-meta-wrapper {
</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">+ margin-left: auto;
+ margin-right: auto;
+ max-width: 58rem;
+ width: calc(100% - 4rem);
</ins><span class="cx" style="display: 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-meta {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2476,6 +2536,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 4rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: auto;
+ margin-right: auto;
+ max-width: 58rem;
+ width: calc(100% - 4rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .hide-avatars .author-bio {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2685,6 +2749,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.842em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-regular-font-size {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2715,24 +2780,25 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-archives,
-.wp-block-categories,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-archives:not(.alignwide):not(.alignfull),
+.wp-block-categories:not(.alignwide):not(.alignfull),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-columns,
-.wp-block-cover,
-.wp-block-embed,
-.wp-block-gallery,
-.wp-block-group,
-.wp-block-latest-comments,
-.wp-block-latest-posts,
-.wp-block-media-text,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns:not(.alignwide):not(.alignfull),
+.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
+.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
+.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
+.wp-block-media-text:not(.alignwide):not(.alignfull),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-preformatted,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-video {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-video:not(.alignwide):not(.alignfull) {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2864,6 +2930,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block: Columns ---------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns.alignfull,
+.alignfull:not(.has-background) .wp-block-columns {
+ padding-right: 2rem;
+ padding-left: 2rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-column {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3.2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2943,10 +3015,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block: Gallery ---------------------------- */
</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-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) {
- margin-right: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery ul {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 -1.6rem 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2991,6 +3059,11 @@
</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">+.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-right: 2rem;
+ padding-left: 2rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Image ------------------------------ */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block: Media And Text --------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3139,8 +3212,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator.is-style-wide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - 4rem);
</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">- right: calc(50% - 50vw + 2rem);
- width: calc(100vw - 4rem);
</del><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"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* STYLE: DOTS */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3175,10 +3247,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: #dcd7ca;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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-table.is-style-stripes {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+figure.wp-block-table.is-style-stripes {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-table.is-style-stripes table {
+ border-collapse: inherit;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Quote ------------------------------ */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3202,6 +3278,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: auto;
+ margin-left: 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"> .wp-block-quote.is-large p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3224,9 +3302,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block: Widget Latest Comments ------------- */
</span><span class="cx" 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,
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-latest-comments li {
</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">+ margin: 2rem 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3291,9 +3368,14 @@
</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"> line-height: 1.5;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 58rem;
</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">+.entry-content > * {
+ margin-right: auto;
+ margin-left: auto;
+ margin-bottom: 1.25em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-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">@@ -3318,7 +3400,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h4,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h5,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 3.5rem 0 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 3.5rem auto 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content ul ul,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3329,7 +3411,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content hr {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 4rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 4rem 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"> /* Font Families ----------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3361,14 +3443,62 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Alignment Classes ------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
+ max-width: 58rem;
+ width: calc(100% - 4rem);
+}
+
+[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
+ max-width: 58rem;
+ width: 100%;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignnone,
</span><span class="cx" style="display: block; padding: 0 10px"> .aligncenter,
</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 {
- margin: 3rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright,
+.alignwide {
+ margin-top: 4rem;
+ margin-left: auto;
+ margin-bottom: 4rem;
+ margin-right: auto;
+}
+
+[class*="__inner-container"] > *:not(.alignwide):not(.alignfull) {
+ margin-right: auto;
+ margin-left: auto;
+}
+
+/* Full */
+
+.alignfull {
+ margin-top: 5rem;
+ margin-left: auto;
+ margin-bottom: 5rem;
+ margin-right: auto;
+ max-width: 100vw;
+ position: relative;
+ width: 100%;
+}
+
+[class*="__inner-container"] > .alignfull {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Wide */
+
+.alignwide {
+ max-width: 120rem;
+ position: relative;
+ width: calc(100% - 4rem);
+}
+
+[class*="__inner-container"] > .alignwide {
+ width: 100%;
+}
+
+/* Center */
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .aligncenter,
</span><span class="cx" style="display: block; padding: 0 10px"> .aligncenter img {
</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">@@ -3375,6 +3505,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Left and right */
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3382,38 +3514,14 @@
</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"> float: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0.3rem 0 2rem 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0.3rem 2rem 2rem 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0.3rem 2rem 2rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0.3rem 2rem 2rem 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide {
- margin: 4rem auto;
- max-width: 120rem;
-}
-
-.entry-content > .alignwide {
- max-width: calc(100vw - 4rem);
- position: relative;
- right: calc(50% - 50vw + 2rem);
- width: calc(100vw - 4rem);
-}
-
-.alignfull {
- margin: 5rem 0;
-}
-
-.entry-content > .alignfull {
- max-width: 100vw;
- position: relative;
- right: calc(50% - 50vw);
- width: 100vw;
-}
-
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Entry Media ------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignfull > figcaption,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3420,7 +3528,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .alignfull > .wp-caption-text {
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 120rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 58rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: calc(100% - 4rem);
</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">@@ -4349,36 +4457,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media ( max-width: 599px ) {
-
- /* Blocks -------------------------------- */
-
- /* BLOCK: COLUMNS */
-
- .alignfull:not(.has-background) .wp-block-column > p:not(.has-background-color),
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- max-width: calc(100% - 4rem);
- margin: auto;
- }
-}
-
-@media ( min-width: 600px ) and ( max-width: 781px ) {
-
- /* Blocks -------------------------------- */
-
- /* BLOCK: COLUMNS */
-
- .alignfull:not(.has-background) .wp-block-column:nth-child(odd) > p:not(.has-background-color),
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- padding-right: 2rem;
- }
-
- .alignfull:not(.has-background) .wp-block-column:nth-child(even) > p:not(.has-background-color),
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- padding-left: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 660px ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Blocks -------------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4399,16 +4477,40 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > p .alignleft,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > .wp-block-image .alignleft {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .wp-block-image .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
+ margin-left: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > p .alignright,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > .wp-block-image .alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .wp-block-image .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
+ 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 ( min-width: 700px ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4425,7 +4527,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"> hr {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 8rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 8rem 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"> table {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4474,7 +4576,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .heading-size-2,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="cx" style="display: block; padding: 0 10px"> .heading-size-3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 6rem 0 3rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 6rem auto 3rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h4,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4483,7 +4585,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .heading-size-5,
</span><span class="cx" style="display: block; padding: 0 10px"> h6,
</span><span class="cx" style="display: block; padding: 0 10px"> .heading-size-6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 4.5rem 0 2.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 4.5rem auto 2.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"> h1,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4850,26 +4952,27 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: BASE MARGINS */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-archives,
- .wp-block-categories,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-archives:not(.alignwide):not(.alignfull),
+ .wp-block-categories:not(.alignwide):not(.alignfull),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-columns,
- .wp-block-cover,
- .wp-block-embed,
- .wp-block-gallery,
- .wp-block-group,
- .wp-block-latest-comments,
- .wp-block-latest-posts,
- .wp-block-media-text,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-columns:not(.alignwide):not(.alignfull),
+ .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
+ .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
+ .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
+ .wp-block-media-text:not(.alignwide):not(.alignfull),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-preformatted,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-pullquote,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-video {
- margin-bottom: 5rem;
- margin-top: 5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-video:not(.alignwide):not(.alignfull) {
+ margin-bottom: 4rem;
+ margin-top: 4rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: COLUMNS */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4983,13 +5086,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: SEPARATOR */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 6rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 6rem 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"> .wp-block-separator.is-style-wide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - 8rem);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(50% - 50vw + 4rem);
- width: calc(100vw - 8rem);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Entry Content ------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5006,17 +5107,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 6rem 0 3rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 6rem auto 3rem;
</ins><span class="cx" style="display: 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 h4,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h5,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 4.5rem 0 2.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 4.5rem auto 2.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">- /* ALIGNMENT CLASSES */
-
</del><span class="cx" style="display: block; padding: 0 10px"> .alignnone,
</span><span class="cx" style="display: block; padding: 0 10px"> .aligncenter {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 4rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5031,8 +5130,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.3rem 0 2rem 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">- .alignwide,
- .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignwide,
+ .entry-content > .alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5039,7 +5138,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignwide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - 8rem);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(50% - 50vw + 4rem);
</del><span class="cx" style="display: block; padding: 0 10px"> width: calc(100vw - 8rem);
</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">@@ -5279,15 +5377,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .alignfull .wp-block-column:first-child > p,
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- padding-right: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-columns.alignwide + .wp-block-columns.alignwide,
+ .wp-block-columns.alignfull + .wp-block-columns.alignfull {
+ margin-top: -2.8rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .alignfull:not(.has-background) .wp-block-column:last-child > p,
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- padding-left: 2rem;
- }
</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 ( min-width: 1000px ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5512,7 +5605,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.alignwide + .wp-block-columns.alignwide,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.alignfull + .wp-block-columns.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -5.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -4.8rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: GALLERY */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5525,8 +5618,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: GROUP */
</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-group.alignwide.has-background,
- .wp-block-group.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .wp-block-group.alignwide.has-background,
+ .entry-content > .wp-block-group.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 8rem 4rem;
</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">@@ -5533,7 +5626,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: SEPARATOR */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 8rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 8rem 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"> /* Entry Content ------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5540,8 +5633,63 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* ALIGNMENT CLASSES */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .alignwide,
- .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignleft,
+ .entry-content > p .alignleft,
+ .entry-content > .wp-block-image .alignleft {
+ position: absolute;
+ left: calc((100vw - 58rem) / 2 + 58rem);
+ max-width: calc((100% - 58rem) / 2 - 4rem);
+ }
+
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
+ position: relative;
+ left: inherit;
+ max-width: inherit;
+ }
+
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
+ position: absolute;
+ left: calc((100% - 58rem) / 2 + 58rem);
+ max-width: calc((100% - 58rem) / 2 - 4rem);
+ }
+
+ .entry-content > .alignright,
+ .entry-content > p .alignright,
+ .entry-content > .wp-block-image .alignright,
+ [class*="__inner-container"] > .alignright {
+ position: absolute;
+ right: calc((100vw - 58rem) / 2 + 58rem);
+ max-width: calc((100% - 58rem) / 2 - 4rem);
+ }
+
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
+ position: relative;
+ right: inherit;
+ max-width: inherit;
+ }
+
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
+ position: absolute;
+ right: calc((100% - 58rem) / 2 + 58rem);
+ max-width: calc((100% - 58rem) / 2 - 4rem);
+ }
+
+ .entry-content > .alignwide,
+ .entry-content > .alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5690,8 +5838,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: GROUP */
</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-group.alignwide.has-background,
- .wp-block-group.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .wp-block-group.alignwide.has-background,
+ .entry-content > .wp-block-group.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 8rem 6rem;
</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">@@ -5711,7 +5859,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* ALIGNMENT CLASSES */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 10rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 10rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5805,7 +5953,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator.is-style-wide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 120rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(50% - 60rem);
</del><span class="cx" style="display: block; padding: 0 10px"> width: 120rem;
</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">@@ -5827,10 +5974,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignwide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 120rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- right: calc(50% - 60rem);
</del><span class="cx" style="display: block; padding: 0 10px"> width: 120rem;
</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">+ [class*="__inner-container"] > .alignwide {
+ max-width: 120rem;
+ 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 ( min-width: 1330px ) {
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentystylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/style.css 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/style.css 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -180,6 +180,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute !important;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 1px;
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: normal !important;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ word-break: normal;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .screen-reader-text:focus {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -832,6 +833,29 @@
</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">+input[type="text"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="password"]: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: currentColor;
+}
+
+input[type="search"]:focus {
+ outline: thin dotted;
+ outline-offset: -4px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Tables ------------------------------------ */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> table {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1687,6 +1711,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(180deg);
</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">+/*
+ * Enable nav submenu expansion with tapping on arrows on large-viewport
+ * touch interfaces (e.g. tablets or laptops with touch screens).
+ * These rules are supported by all browsers (>IE11) and when JS is disabled.
+ */
+@media (any-pointer: coarse) {
+
+ .primary-menu > li.menu-item-has-children > a {
+ padding-right: 0;
+ margin-right: 2rem;
+ }
+
+ .primary-menu ul li.menu-item-has-children > a {
+ margin-right: 4.5rem;
+ padding-right: 0;
+ width: unset;
+ }
+
+}
+
+/* Repeat previous rules for IE11 (when JS enabled for polyfill). */
+body.touch-enabled .primary-menu > li.menu-item-has-children > a {
+ padding-right: 0;
+ margin-right: 2rem;
+}
+
+body.touch-enabled .primary-menu ul li.menu-item-has-children > a {
+ margin-right: 4.5rem;
+ padding-right: 0;
+ width: unset;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* -------------------------------------------------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* 5. Menu Modal
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2328,6 +2384,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-meta-wrapper {
</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">+ margin-right: auto;
+ margin-left: auto;
+ max-width: 58rem;
+ width: calc(100% - 4rem);
</ins><span class="cx" style="display: 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-meta {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2488,6 +2548,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .author-bio {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 4rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-right: auto;
+ margin-left: auto;
+ max-width: 58rem;
+ width: calc(100% - 4rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .hide-avatars .author-bio {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2699,6 +2763,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.842em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .has-normal-font-size,
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .has-regular-font-size {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2729,24 +2794,25 @@
</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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-archives,
-.wp-block-categories,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-archives:not(.alignwide):not(.alignfull),
+.wp-block-categories:not(.alignwide):not(.alignfull),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-columns,
-.wp-block-cover,
-.wp-block-embed,
-.wp-block-gallery,
-.wp-block-group,
-.wp-block-latest-comments,
-.wp-block-latest-posts,
-.wp-block-media-text,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns:not(.alignwide):not(.alignfull),
+.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
+.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
+.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
+.wp-block-media-text:not(.alignwide):not(.alignfull),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-preformatted,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-pullquote,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-video {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-video:not(.alignwide):not(.alignfull) {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2878,6 +2944,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block: Columns ---------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-columns.alignfull,
+.alignfull:not(.has-background) .wp-block-columns {
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-column {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3.2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2957,10 +3029,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block: Gallery ---------------------------- */
</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-gallery:not(.alignwide):not(.alignfull):not(.alignright):not(.alignleft) {
- margin-left: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-gallery ul {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 -1.6rem 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3005,6 +3073,11 @@
</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">+.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
+ padding-left: 2rem;
+ padding-right: 2rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Image ------------------------------ */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block: Media And Text --------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3153,8 +3226,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator.is-style-wide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - 4rem);
</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">- left: calc(50% - 50vw + 2rem);
- width: calc(100vw - 4rem);
</del><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"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* STYLE: DOTS */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3189,10 +3261,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: #dcd7ca;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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-table.is-style-stripes {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+figure.wp-block-table.is-style-stripes {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block-table.is-style-stripes table {
+ border-collapse: inherit;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Block: Quote ------------------------------ */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3220,6 +3296,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 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"> .wp-block-quote.is-large p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3242,9 +3320,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Block: Widget Latest Comments ------------- */
</span><span class="cx" 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,
</del><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-latest-comments li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 2rem 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3309,9 +3386,14 @@
</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"> line-height: 1.5;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 58rem;
</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">+.entry-content > * {
+ margin-left: auto;
+ margin-right: auto;
+ margin-bottom: 1.25em;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-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">@@ -3336,7 +3418,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h4,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h5,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 3.5rem 0 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 3.5rem auto 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content ul ul,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3347,7 +3429,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content hr {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 4rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 4rem 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"> /* Font Families ----------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3379,14 +3461,62 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Alignment Classes ------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
+ max-width: 58rem;
+ width: calc(100% - 4rem);
+}
+
+[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
+ max-width: 58rem;
+ width: 100%;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignnone,
</span><span class="cx" style="display: block; padding: 0 10px"> .aligncenter,
</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 {
- margin: 3rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.alignright,
+.alignwide {
+ margin-top: 4rem;
+ margin-right: auto;
+ margin-bottom: 4rem;
+ margin-left: auto;
+}
+
+[class*="__inner-container"] > *:not(.alignwide):not(.alignfull) {
+ margin-left: auto;
+ margin-right: auto;
+}
+
+/* Full */
+
+.alignfull {
+ margin-top: 5rem;
+ margin-right: auto;
+ margin-bottom: 5rem;
+ margin-left: auto;
+ max-width: 100vw;
+ position: relative;
+ width: 100%;
+}
+
+[class*="__inner-container"] > .alignfull {
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Wide */
+
+.alignwide {
+ max-width: 120rem;
+ position: relative;
+ width: calc(100% - 4rem);
+}
+
+[class*="__inner-container"] > .alignwide {
+ width: 100%;
+}
+
+/* Center */
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .aligncenter,
</span><span class="cx" style="display: block; padding: 0 10px"> .aligncenter img {
</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">@@ -3393,6 +3523,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Left and right */
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3402,7 +3534,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0.3rem 2rem 2rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0.3rem 2rem 2rem 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3409,33 +3541,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0.3rem 0 2rem 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0.3rem 2rem 2rem 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.alignwide {
- margin: 4rem auto;
- max-width: 120rem;
-}
-
-.entry-content > .alignwide {
- max-width: calc(100vw - 4rem);
- position: relative;
- left: calc(50% - 50vw + 2rem);
- width: calc(100vw - 4rem);
-}
-
-.alignfull {
- margin: 5rem 0;
-}
-
-.entry-content > .alignfull {
- max-width: 100vw;
- position: relative;
- left: calc(50% - 50vw);
- width: 100vw;
-}
-
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Entry Media ------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignfull > figcaption,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3442,7 +3550,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .alignfull > .wp-caption-text {
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 120rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 58rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> width: calc(100% - 4rem);
</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">@@ -4371,36 +4479,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media ( max-width: 599px ) {
-
- /* Blocks -------------------------------- */
-
- /* BLOCK: COLUMNS */
-
- .alignfull:not(.has-background) .wp-block-column > p:not(.has-background-color),
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- max-width: calc(100% - 4rem);
- margin: auto;
- }
-}
-
-@media ( min-width: 600px ) and ( max-width: 781px ) {
-
- /* Blocks -------------------------------- */
-
- /* BLOCK: COLUMNS */
-
- .alignfull:not(.has-background) .wp-block-column:nth-child(odd) > p:not(.has-background-color),
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- padding-left: 2rem;
- }
-
- .alignfull:not(.has-background) .wp-block-column:nth-child(even) > p:not(.has-background-color),
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- padding-right: 2rem;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 660px ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Blocks -------------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4425,20 +4503,48 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignleft,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > p .alignleft,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > .wp-block-image .alignleft {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .wp-block-image .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: calc(( 100vw - 58rem - 8rem ) / -2);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
+
+ /*rtl:ignore*/
+ margin-left: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignright,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > p .alignright,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .entry-content > .wp-block-image .alignright {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .wp-block-image .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*rtl:ignore*/
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: calc(( 100vw - 58rem - 8rem ) / -2);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
+
+ /*rtl:ignore*/
+ 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 ( min-width: 700px ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4455,7 +4561,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"> hr {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 8rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 8rem 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"> table {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4504,7 +4610,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .heading-size-2,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="cx" style="display: block; padding: 0 10px"> .heading-size-3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 6rem 0 3rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 6rem auto 3rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h4,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4513,7 +4619,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .heading-size-5,
</span><span class="cx" style="display: block; padding: 0 10px"> h6,
</span><span class="cx" style="display: block; padding: 0 10px"> .heading-size-6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 4.5rem 0 2.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 4.5rem auto 2.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"> h1,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4880,26 +4986,27 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: BASE MARGINS */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-archives,
- .wp-block-categories,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-archives:not(.alignwide):not(.alignfull),
+ .wp-block-categories:not(.alignwide):not(.alignfull),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-code,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-columns,
- .wp-block-cover,
- .wp-block-embed,
- .wp-block-gallery,
- .wp-block-group,
- .wp-block-latest-comments,
- .wp-block-latest-posts,
- .wp-block-media-text,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-columns:not(.alignwide):not(.alignfull),
+ .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
+ .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
+ .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
+ .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
+ .wp-block-media-text:not(.alignwide):not(.alignfull),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-preformatted,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-pullquote,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-quote.is-style-large,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-verse,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-block-video {
- margin-bottom: 5rem;
- margin-top: 5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-video:not(.alignwide):not(.alignfull) {
+ margin-bottom: 4rem;
+ margin-top: 4rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: COLUMNS */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5013,13 +5120,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: SEPARATOR */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 6rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 6rem 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"> .wp-block-separator.is-style-wide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - 8rem);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(50% - 50vw + 4rem);
- width: calc(100vw - 8rem);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Entry Content ------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5036,17 +5141,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 6rem 0 3rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 6rem auto 3rem;
</ins><span class="cx" style="display: 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 h4,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h5,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content h6 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 4.5rem 0 2.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 4.5rem auto 2.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">- /* ALIGNMENT CLASSES */
-
</del><span class="cx" style="display: block; padding: 0 10px"> .alignnone,
</span><span class="cx" style="display: block; padding: 0 10px"> .aligncenter {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 4rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5065,8 +5168,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.3rem 0 2rem 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">- .alignwide,
- .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignwide,
+ .entry-content > .alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5073,7 +5176,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignwide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(100vw - 8rem);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(50% - 50vw + 4rem);
</del><span class="cx" style="display: block; padding: 0 10px"> width: calc(100vw - 8rem);
</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">@@ -5313,15 +5415,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .alignfull .wp-block-column:first-child > p,
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- padding-left: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block-columns.alignwide + .wp-block-columns.alignwide,
+ .wp-block-columns.alignfull + .wp-block-columns.alignfull {
+ margin-top: -2.8rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .alignfull:not(.has-background) .wp-block-column:last-child > p,
- .alignfull:not(.has-background) .wp-block-group__inner-container > p:not(.has-background-color) {
- padding-right: 2rem;
- }
</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 ( min-width: 1000px ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5546,7 +5643,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.alignwide + .wp-block-columns.alignwide,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-columns.alignfull + .wp-block-columns.alignfull {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: -5.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: -4.8rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: GALLERY */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5559,8 +5656,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: GROUP */
</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-group.alignwide.has-background,
- .wp-block-group.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .wp-block-group.alignwide.has-background,
+ .entry-content > .wp-block-group.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 8rem 4rem;
</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">@@ -5567,7 +5664,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: SEPARATOR */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> hr.wp-block-separator {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 8rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 8rem 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"> /* Entry Content ------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5574,8 +5671,63 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* ALIGNMENT CLASSES */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .alignwide,
- .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignleft,
+ .entry-content > p .alignleft,
+ .entry-content > .wp-block-image .alignleft {
+ position: absolute;
+ right: calc((100vw - 58rem) / 2 + 58rem);
+ max-width: calc((100% - 58rem) / 2 - 4rem);
+ }
+
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignleft {
+ position: relative;
+ right: inherit;
+ max-width: inherit;
+ }
+
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignleft,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignleft {
+ position: absolute;
+ right: calc((100% - 58rem) / 2 + 58rem);
+ max-width: calc((100% - 58rem) / 2 - 4rem);
+ }
+
+ .entry-content > .alignright,
+ .entry-content > p .alignright,
+ .entry-content > .wp-block-image .alignright,
+ [class*="__inner-container"] > .alignright {
+ position: absolute;
+ left: calc((100vw - 58rem) / 2 + 58rem);
+ max-width: calc((100% - 58rem) / 2 - 4rem);
+ }
+
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .alignright,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"]:not(.alignwide):not(.alignfull) [class*="__inner-container"] > .wp-block-image .alignright {
+ position: relative;
+ left: inherit;
+ max-width: inherit;
+ }
+
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"].alignwide [class*="__inner-container"] > .wp-block-image .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > p .alignright,
+ [class*="wp-block"].alignfull [class*="__inner-container"] > .wp-block-image .alignright {
+ position: absolute;
+ left: calc((100% - 58rem) / 2 + 58rem);
+ max-width: calc((100% - 58rem) / 2 - 4rem);
+ }
+
+ .entry-content > .alignwide,
+ .entry-content > .alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5724,8 +5876,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* BLOCK: GROUP */
</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-group.alignwide.has-background,
- .wp-block-group.alignfull.has-background {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .wp-block-group.alignwide.has-background,
+ .entry-content > .wp-block-group.alignfull.has-background {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 8rem 6rem;
</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">@@ -5745,7 +5897,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* ALIGNMENT CLASSES */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .alignfull {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .entry-content > .alignfull {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 10rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 10rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5843,7 +5995,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator.is-style-wide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 120rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(50% - 60rem);
</del><span class="cx" style="display: block; padding: 0 10px"> width: 120rem;
</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">@@ -5869,10 +6020,14 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > .alignwide {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 120rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- left: calc(50% - 60rem);
</del><span class="cx" style="display: block; padding: 0 10px"> width: 120rem;
</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">+ [class*="__inner-container"] > .alignwide {
+ max-width: 120rem;
+ 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 ( min-width: 1330px ) {
</span></span></pre></div>
<a id="branches53srcwpcontentthemestwentytwentytemplatepartscontentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.3/src/wp-content/themes/twentytwenty/template-parts/content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.3/src/wp-content/themes/twentytwenty/template-parts/content.php 2019-11-11 20:54:49 UTC (rev 46711)
+++ branches/5.3/src/wp-content/themes/twentytwenty/template-parts/content.php 2019-11-11 21:03:55 UTC (rev 46712)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,7 +25,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</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 class="post-inner section-inner <?php echo is_page_template( 'templates/template-full-width.php' ) ? '' : 'thin'; ?> ">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="post-inner <?php echo is_page_template( 'templates/template-full-width.php' ) ? '' : 'thin'; ?> ">
</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">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,6 +39,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .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">+ </div><!-- .post-inner -->
+
+ <div class="section-inner">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,7 +64,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- .post-inner -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div><!-- .section-inner -->
</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">
</span></span></pre>
</div>
</div>
</body>
</html>