<!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>[43860] branches/5.0/src/wp-content/themes/twentynineteen: Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="https://core.trac.wordpress.org/changeset/43860">43860</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/43860","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>allancole</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2018-11-02 23:52:16 +0000 (Fri, 02 Nov 2018)</dd>
</dl>
<pre style='padding-left: 1em; margin: 2em 0; border-left: 2px solid #ccc; line-height: 1.25; font-size: 105%; font-family: sans-serif'>Importing Twenty Nineteen, our new default theme for 2019, set for 5.0.
Let Gutenberg shine with this simple, fast, and powerful theme. Initial development occurred on GitHub. See: https://github.com/WordPress/twentynineteen
Props allancole, karmatosed, kjellr, yingling017, mrasharirfan, milana_cap, fabiankaegy, westonruter, aaronjorbin, netweb, b-07, khleomix, blowery, dereksmart, jasmussen, audrasjb, nielslange, mmaumio, dimadin, joyously, anevins12, peterwilsoncc, dannycooper, icaleb, siriokun, technosiren, travel_girl, azchughtai, ianbelanger, nadim1992, ismailelkorchi, nativeinside, chetan200891, icaleb, grapplerulrich, ocean90, joshfeck, frankew, abdulwahab610, mendezcode, eliorivero, melchoyce, joen, laurelfulford, mdawaffe, kraftbj, dsmart, mukeshpanchal27, burhandodhy, crunnells, Ismail-elkorchi, aryaprakasa.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#branches50srcwpcontentthemestwentynineteenclassesclasstwentynineteensvgiconsphp">branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenclassesclasstwentynineteenwalkercommentphp">branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteencommentsphp">branches/5.0/src/wp-content/themes/twentynineteen/comments.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenfooterphp">branches/5.0/src/wp-content/themes/twentynineteen/footer.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenfunctionsphp">branches/5.0/src/wp-content/themes/twentynineteen/functions.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenimagephp">branches/5.0/src/wp-content/themes/twentynineteen/image.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninccolorpatternsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninccustomizerphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteeninctemplatetagsphp">branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjscustomizecontrolsjs">branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenjscustomizepreviewjs">branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenpackagejson">branches/5.0/src/wp-content/themes/twentynineteen/package.json</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassblocks_blocksscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassmedia_captionsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassmixins_mixinsmasterscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassmodules_alignmentsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssiteheader_sitefeaturedimagescss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssiteheader_siteheaderscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssiteprimary_commentsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteensasssitesecondary_widgetsscss">branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorcss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorscss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstylertlcss">branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstylecss">branches/5.0/src/wp-content/themes/twentynineteen/style.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentexcerptphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartsheadersitebrandingphp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteentemplatepartspostauthorbiophp">branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorcustomizercss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.css</a></li>
<li><a href="#branches50srcwpcontentthemestwentynineteenstyleeditorcustomizerscss">branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.scss</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="branches50srcwpcontentthemestwentynineteenclassesclasstwentynineteensvgiconsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-svg-icons.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -197,9 +197,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'facebook.com',
</span><span class="cx" style="display: block; padding: 0 10px"> 'fb.me',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'feed' => array(
+ 'feed',
+ ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'google-plus' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'plus.google.com',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'mail' => array(
+ 'mailto:',
+ ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'slideshare' => array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'slideshare.net',
</span><span class="cx" style="display: block; padding: 0 10px"> ),
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenclassesclasstwentynineteenwalkercommentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/classes/class-twentynineteen-walker-comment.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -35,12 +35,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> $comment_author_link = get_comment_author_link( $comment );
</span><span class="cx" style="display: block; padding: 0 10px"> $comment_author_url = get_comment_author_url( $comment );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $comment_author = get_comment_author( $comment );
</ins><span class="cx" style="display: block; padding: 0 10px"> $avatar = get_avatar( $comment, $args['avatar_size'] );
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 0 != $args['avatar_size'] ) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( empty( $comment_author_url ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> echo $avatar;
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- echo preg_replace( '/>[^<]+</', sprintf( '>%s<', $avatar ), $comment_author_link );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ printf( '<a href="%s" rel="external nofollow" class="url">', $comment_author_url );
+ echo $avatar;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,8 +58,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: %s: comment author link */
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><span class="cx" style="display: block; padding: 0 10px"> __( '%s <span class="screen-reader-text says">says:</span>', 'twentynineteen' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- sprintf( '<b class="fn">%s</b>', get_comment_author_link( $comment ) )
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ sprintf( '<span class="fn">%s</span>', $comment_author )
</ins><span class="cx" style="display: block; padding: 0 10px"> );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ if ( ! empty( $comment_author_url ) ) {
+ echo '</a>';
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .comment-author -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteencommentsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/comments.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/comments.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/comments.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,7 +13,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-If the current post is protected by a password and
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * If the current post is protected by a password and
</ins><span class="cx" style="display: block; padding: 0 10px"> * the visitor has not yet entered the password we will
</span><span class="cx" style="display: block; padding: 0 10px"> * return early without loading the comments.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenfooterphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/footer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/footer.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/footer.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,11 +18,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <footer id="colophon" class="site-footer">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_template_part( 'template-parts/footer/footer', 'widgets' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="site-info">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php $blog_info = get_bloginfo( 'name' ); ?>
+ <?php if ( ! empty( $blog_info ) ) : ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <a class="site-name" href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a>,
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( __( 'https://wordpress.org/', 'twentynineteen' ) ); ?>" class="imprint">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php printf( __( 'Proudly powered by %s', 'twentynineteen' ), 'WordPress' ); ?>.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ /* translators: %s: WordPress. */
+ printf( esc_html__( 'Proudly powered by %s.', 'twentynineteen' ), 'WordPress' );
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( function_exists( 'the_privacy_policy_link' ) ) {
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/functions.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/functions.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -83,6 +83,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add theme support for selective refresh for widgets.
+ add_theme_support( 'customize-selective-refresh-widgets' );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Add support for Block Styles
</span><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'wp-block-styles' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -95,18 +98,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Enqueue editor styles
</span><span class="cx" style="display: block; padding: 0 10px"> add_editor_style( 'style-editor.css' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Add custom color to the editor color palette
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Editor color palette
</ins><span class="cx" style="display: block; padding: 0 10px"> add_theme_support(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'editor-color-palette',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'editor-color-palette',
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'name' => esc_html__( 'Primary Color', 'twentynineteen' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'slug' => 'primary',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'color' => twentynineteen_hsl_hex( absint( get_theme_mod( 'colorscheme_hue', 199 ) ), 100, 33 ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'color' => twentynineteen_hsl_hex( 'default' === get_theme_mod( 'colorscheme' ) ? 199 : get_theme_mod( 'colorscheme_primary_hue', 199 ), 100, 33 ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add support for responsive embedded content
+ add_theme_support( 'responsive-embeds' );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'after_setup_theme', 'twentynineteen_setup' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -120,7 +126,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> register_sidebar(
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'name' => __( 'Footer 1', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'name' => __( 'Footer', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'id' => 'sidebar-1',
</span><span class="cx" style="display: block; padding: 0 10px"> 'description' => __( 'Add widgets here to appear in your footer.', 'twentynineteen' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'before_widget' => '<section id="%1$s" class="widget %2$s">',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,12 +166,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( has_nav_menu( 'menu-1' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'twentynineteen-touch-navigation', get_theme_file_uri( '/js/touch-navigation.js' ), array(), '1.0', true );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $twentynineteen_l10n['expand'] = __( 'Expand child menu', 'twentynineteen' );
- $twentynineteen_l10n['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $l10n_skip_link_focus_fix['expand'] = __( 'Expand child menu', 'twentynineteen' );
+ $l10n_skip_link_focus_fix['collapse'] = __( 'Collapse child menu', 'twentynineteen' );
+ wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $l10n_skip_link_focus_fix );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_localize_script( 'twentynineteen-skip-link-focus-fix', 'twentynineteenScreenReaderText', $twentynineteen_l10n );
-
</del><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'twentynineteen-print-style', get_template_directory_uri() . '/print.css', array(), wp_get_theme()->get( 'Version' ), 'print' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_singular() && twentynineteen_can_show_post_thumbnail() ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -181,29 +186,38 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Enqueue supplemental block editor styles
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function twentynineteen_editor_frame_styles() {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function twentynineteen_editor_customizer_styles() {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Include color patterns
- require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_style( 'twentynineteen-editor-customizer-styles', get_theme_file_uri( '/style-editor-customizer.css' ), false, '1.0', 'all' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_style( 'twentynineteen-editor-frame-styles', get_theme_file_uri( '/style-editor-frame.css' ), false, '1.0', 'all' );
- wp_add_inline_style( 'twentynineteen-editor-frame-styles', twentynineteen_custom_colors_css() );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( 'custom' === get_theme_mod( 'colorscheme' ) ) {
+ // Include color patterns
+ require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
+ wp_add_inline_style( 'twentynineteen-editor-customizer-styles', twentynineteen_custom_colors_css() );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_frame_styles' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+add_action( 'enqueue_block_editor_assets', 'twentynineteen_editor_customizer_styles' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Display custom color CSS in customizer and on frontend.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_colors_css_wrap() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( 'custom' !== get_theme_mod( 'colorscheme' ) && ! is_customize_preview() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ // Only include custom colors in customizer or frontend
+ if ( ( ! is_customize_preview() && is_admin() ) || is_admin() ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> return;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> require_once( get_parent_theme_file_path( '/inc/color-patterns.php' ) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $hue = absint( get_theme_mod( 'colorscheme_hue', 250 ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
+ $primary_color = 199;
+ } else {
+ $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
+ }
</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">- <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $hue . '"' : ''; ?>>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <style type="text/css" id="custom-theme-colors" <?php echo is_customize_preview() ? 'data-hue="' . $primary_color . '"' : ''; ?>>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php echo twentynineteen_custom_colors_css(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </style>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenimagephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/image.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/image.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/image.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -100,4 +100,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </main><!-- .site-main -->
</span><span class="cx" style="display: block; padding: 0 10px"> </section><!-- .content-area -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php get_footer(); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+get_footer();
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninccolorpatternsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/color-patterns.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,8 +12,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_custom_colors_css() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $default_primary_color = 199;
- $primary_color = absint( get_theme_mod( 'colorscheme_hue', $default_primary_color ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( 'default' === get_theme_mod( 'colorscheme', 'default' ) ) {
+ $primary_color = 199;
+ } else {
+ $primary_color = absint( get_theme_mod( 'colorscheme_primary_hue', 199 ) );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Filter Twenty Nineteen default saturation level.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,10 +26,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @param int $saturation Color saturation level.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
- $reduced_saturation = ( .8 * $saturation ) . '%';
- $saturation = $saturation . '%';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $saturation = absint( apply_filters( 'twentynineteen_custom_colors_saturation', 100 ) );
+ $saturation = $saturation . '%';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $lightness = absint( apply_filters( 'twentynineteen_custom_colors_lightness', 33 ) );
+ $lightness = $lightness . '%';
+
+ $lightness_hover = absint( apply_filters( 'twentynineteen_custom_colors_lightness_hover', 23 ) );
+ $lightness_hover = $lightness_hover . '%';
+
</ins><span class="cx" style="display: block; padding: 0 10px"> $theme_css = '
</span><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Set background for:
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -54,7 +62,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *[class^="wp-block-"].is-style-solid-color,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-background-color,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-file .wp-block-file__button {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; 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">@@ -89,7 +97,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-button.is-style-outline .wp-block-button__link,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *[class^="wp-block-"] .has-primary-color,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *[class^="wp-block-"].is-style-solid-color .has-primary-color {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; 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">@@ -99,7 +107,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content blockquote,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-quote:not(.is-large),
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-quote:not(.is-style-large) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-left-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; 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">@@ -122,11 +130,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="datetime-local"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="color"]:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> textarea:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .gallery-item > div > a:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 0 0 2px hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Hover colors */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -139,7 +147,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-reply-link:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> #cancel-comment-reply-link:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget a:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > a:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -148,7 +156,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > a:focus:after,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .sub-menu > li > a:not(.mobile-submenu-expand):focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $editor_css = '
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -164,16 +172,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:hover .wp-block-button__link:not(.has-text-color),
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:focus .wp-block-button__link:not(.has-text-color),
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button.is-style-outline:active .wp-block-button__link:not(.has-text-color) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-quote:not(.is-large):not(.is-style-large),
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-styles-wrapper .editor-block-list__layout .wp-block-freeform blockquote {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-left: 2px solid hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-pullquote.is-style-solid-color:not(.has-background-color) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-file .wp-block-file__button,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -181,13 +189,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:active,
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: hsl( ' . $primary_color . ', ' . $saturation . ', 33% ); /* base: #0073a8; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness . ' ); /* base: #0073a8; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Hover colors */
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block a:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__layout .editor-block-list__block a:active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: hsl( ' . $primary_color . ', ' . $saturation . ', 23% ); /* base: #005177; */
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: hsl( ' . $primary_color . ', ' . $saturation . ', ' . $lightness_hover . ' ); /* base: #005177; */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Do not overwrite solid color pullquote or cover links */
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninccustomizerphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/customizer.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -49,11 +49,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_control(
</span><span class="cx" style="display: block; padding: 0 10px"> 'colorscheme',
</span><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'type' => 'radio',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'type' => 'radio',
</ins><span class="cx" style="display: block; padding: 0 10px"> 'label' => __( 'Color Scheme', 'twentynineteen' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'choices' => array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'default' => __( 'Default', 'twentynineteen' ),
- 'custom' => __( 'Custom', 'twentynineteen' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'default' => _x( 'Default', 'color scheme', 'twentynineteen' ),
+ 'custom' => _x( 'Custom', 'color scheme', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'section' => 'colors',
</span><span class="cx" style="display: block; padding: 0 10px"> 'priority' => 5,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,7 +62,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Add primary color setting and control.
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_setting(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'colorscheme_hue',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'colorscheme_primary_hue',
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'default' => 199,
</span><span class="cx" style="display: block; padding: 0 10px"> 'transport' => 'postMessage',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,10 +73,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize->add_control(
</span><span class="cx" style="display: block; padding: 0 10px"> new WP_Customize_Color_Control(
</span><span class="cx" style="display: block; padding: 0 10px"> $wp_customize,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'colorscheme_hue',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'colorscheme_primary_hue',
</ins><span class="cx" style="display: block; padding: 0 10px"> array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'label' => __( 'Primary Color' ),
- 'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'label' => __( 'Primary Color', 'twentynineteen' ),
+ 'description' => __( 'Changes the Color of the Featured Image overlay, Buttons, Links etc.', 'twentynineteen' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'section' => 'colors',
</span><span class="cx" style="display: block; padding: 0 10px"> 'mode' => 'hue',
</span><span class="cx" style="display: block; padding: 0 10px"> )
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteeninctemplatetagsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/inc/template-tags.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,14 +73,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function twentynineteen_entry_footer() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Posted by
- twentynineteen_posted_by();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Hide author, post date, category and tag text for pages.
+ if ( 'post' === get_post_type() ) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Posted on
- twentynineteen_posted_on();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Posted by
+ twentynineteen_posted_by();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Hide category and tag text for pages.
- if ( 'post' === get_post_type() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Posted on
+ twentynineteen_posted_on();
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* translators: used between list items, there is a space after the comma. */
</span><span class="cx" style="display: block; padding: 0 10px"> $categories_list = get_the_category_list( esc_html__( ', ', 'twentynineteen' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $categories_list ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -98,7 +99,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $tags_list ) {
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: 1: SVG icon. 2: posted in label, only visible to screen readers. 3: list of tags. */
</span><span class="cx" style="display: block; padding: 0 10px"> printf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '<span class="cat-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<span class="tags-links">%1$s<span class="screen-reader-text">%2$s </span>%3$s</span>',
</ins><span class="cx" style="display: block; padding: 0 10px"> twentynineteen_get_icon_svg( 'tag', 16 ),
</span><span class="cx" style="display: block; padding: 0 10px"> esc_html__( 'Tags:', 'twentynineteen' ),
</span><span class="cx" style="display: block; padding: 0 10px"> $tags_list
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -154,20 +155,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> else :
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <figure class="post-thumbnail">
- <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
- <?php
- the_post_thumbnail(
- 'post-thumbnail',
- array(
- 'alt' => the_title_attribute(
- array( 'echo' => false )
- ),
- )
- );
- ?>
- </a>
- </figure><!-- .post-thumbnail -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <figure class="post-thumbnail">
+ <a class="post-thumbnail-inner" href="<?php the_permalink(); ?>" aria-hidden="true" tabindex="-1">
+ <?php
+ the_post_thumbnail( 'post-thumbnail' );
+ ?>
+ </a>
+ </figure>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> endif; // End is_singular().
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjscustomizecontrolsjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/customize-controls.js 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,7 +12,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Only show the color hue control when there's a custom color scheme.
</span><span class="cx" style="display: block; padding: 0 10px"> wp.customize( 'colorscheme', function( setting ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp.customize.control( 'colorscheme_hue', function( control ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp.customize.control( 'colorscheme_primary_hue', function( control ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> var visibility = function() {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'custom' === setting.get() ) {
</span><span class="cx" style="display: block; padding: 0 10px"> control.container.slideDown( 180 );
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenjscustomizepreviewjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/js/customize-preview.js 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,7 +24,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Primary color.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp.customize( 'colorscheme_hue', function( value ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp.customize( 'colorscheme_primary_hue', function( value ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> value.bind( function( to ) {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Update custom color CSS.
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenpackagejson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/package.json 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/package.json 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,7 +34,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "scripts": {
</span><span class="cx" style="display: block; padding: 0 10px"> "build:style": "node-sass style.scss style.css --output-style expanded && postcss -r style.css",
</span><span class="cx" style="display: block; padding: 0 10px"> "build:style-editor": "node-sass style-editor.scss style-editor.css --output-style expanded && postcss -r style-editor.css",
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "build:style-editor-frame": "node-sass style-editor-frame.scss style-editor-frame.css --output-style expanded && postcss -r style-editor-frame.css",
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "build:style-editor-customizer": "node-sass style-editor-customizer.scss style-editor-customizer.css --output-style expanded && postcss -r style-editor-customizer.css",
</ins><span class="cx" style="display: block; padding: 0 10px"> "build:rtl": "rtlcss style.css style-rtl.css",
</span><span class="cx" style="display: block; padding: 0 10px"> "build:print": "node-sass print.scss print.css --output-style expanded && postcss -r print.css",
</span><span class="cx" style="display: block; padding: 0 10px"> "build": "run-p \"build:*\"",
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassblocks_blocksscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2,19 +2,13 @@
</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"> .entry-summary > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @include postContentMaxWidth();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 32px $size__spacing-unit;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 32px calc(2 * (100vw / 12));
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(8 * (100vw / 12));
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- @include media(desktop) {
- max-width: calc(6 * (100vw / 12));
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> // Set top margins for headings
</span><span class="cx" style="display: block; padding: 0 10px"> & + h1:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -123,6 +117,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: (0.33 * $desktop_width);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.aligncenter {
+ margin: 32px calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Video
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -194,10 +193,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(#{$font__size_base} * #{$font__size-ratio});
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:not(.menu-item-has-children) {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: ( .75 * $size__spacing-unit );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -205,7 +204,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -459,6 +458,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.aligncenter {
+ margin: 32px calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.has-left-content {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -497,7 +501,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-pre;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: ( $size__spacing-unit * .5 );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: left;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> //! Separator
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -505,6 +509,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> hr {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: (2 * $size__spacing-unit);
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: (2 * $size__spacing-unit);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: left;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:not(.is-style-dots) {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__text-light;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -526,11 +531,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.is-style-dots:before {
- color: $color__text-light;
- font-size: $font__size-lg;
- letter-spacing: $font__size-sm;
- padding-left: $font__size-sm;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.is-style-dots {
+ @include postContentMaxWidth();
+ text-align: center;
+
+ &:before {
+ color: $color__text-light;
+ font-size: $font__size-lg;
+ letter-spacing: $font__size-sm;
+ padding-left: $font__size-sm;
+ }
</ins><span class="cx" style="display: block; 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">@@ -588,6 +598,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> code {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-md;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: pre-wrap;
+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -653,12 +665,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: $color__link;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> p,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h1,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ h1,
</ins><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="cx" style="display: block; padding: 0 10px"> h4,
</span><span class="cx" style="display: block; padding: 0 10px"> h5,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h6,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ h6,
</ins><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__background-body;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassmedia_captionsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/media/_captions.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,10 +8,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-caption .wp-caption-text {
- margin: calc(0.875 * #{$size__spacing-unit}) 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__text-light;
+ font-size: $font__size-xs;
+ font-family: $font__heading;
+ line-height: $font__line-height-pre;
+ margin: 0;
+ padding: ( $size__spacing-unit * .5 );
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassmixins_mixinsmasterscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/mixins/_mixins-master.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -42,7 +42,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> mix-blend-mode: multiply;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: .8;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 3;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Browsers supporting mix-blend-mode don't need opacity < 1 */
</span><span class="cx" style="display: block; padding: 0 10px"> @supports (mix-blend-mode: multiply) {
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -87,4 +87,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 0 0 1px 0 rgba( $color__text-light, 0.7 ); // Antialiasing, outer edge.
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Calculates maximum width for post content */
+@mixin postContentMaxWidth() {
+ max-width: calc(100vw - (2 * #{ $size__spacing-unit }));
+
+ @include media(tablet) {
+ max-width: calc(8 * (100vw / 12));
+ }
+
+ @include media(desktop) {
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @import "utilities";
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassmodules_alignmentsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/modules/_alignments.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,9 +1,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensassnavigation_menumainnavigationscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/navigation/_menu-main-navigation.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -67,12 +67,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0.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">- &:not(:last-child) {
-
- .mobile-submenu-expand,
- .desktop-submenu-expand {
- margin-right: #{0.5 * $size__spacing-unit};
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .mobile-submenu-expand,
+ .desktop-submenu-expand {
+ margin-right: #{0.5 * $size__spacing-unit};
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -127,12 +124,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:not(:last-child) {
-
- .mobile-submenu-expand,
- .desktop-submenu-expand {
- margin-right: 0;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .mobile-submenu-expand,
+ .desktop-submenu-expand {
+ 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"> @include media(tablet) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -206,12 +200,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-menu .menu-item-has-children:focus > .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-menu .menu-item-has-children .sub-menu:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-menu .menu-item-has-children .sub-menu:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: table;
- margin-top: 0;
- opacity: 1;
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
+ margin-top: 0;
+ opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> right: auto;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteheader_sitefeaturedimagescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-featured-image.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,7 +61,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Entry header */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-featured-image .entry-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc( 4 * #{$size__spacing-unit});
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteheader_siteheaderscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/header/_site-header.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,23 +1,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Site header
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.featured-image {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ min-height: 90vh;
+
+ .site-branding-container {
+ margin-bottom: auto;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.featured-image {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: flex;
</del><span class="cx" style="display: block; padding: 0 10px"> min-height: 100vh;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- flex-direction: column;
- justify-content: space-between;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- .site-branding-container {
- margin-bottom: auto;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssiteprimary_commentsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_comments.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -122,6 +122,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> > .comment:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .pingback {
+
+ .comment-body {
+ color: $color__text-light;
+ font-family: $font__heading;
+ font-size: $font__size-xs;
+ font-weight: 500;
+ margin-bottom: $size__spacing-unit;
+
+ a:not(.comment-edit-link) {
+ font-weight: bold;
+ font-size: $font__size-base / (1 * $font__size-ratio);
+ line-height: 1.5;
+ padding-right: #{0.5 * $size__spacing-unit};
+ display: block;
+ }
+
+ .comment-edit-link {
+ color: $color__text-light;
+ font-family: $font__heading;
+ font-weight: 500;
+ }
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-reply {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -150,13 +175,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">- &:hover > .comment-body > .comment-meta > .comment-metadata {
- > .edit-link-sep,
- > .edit-link {
- opacity: 1;
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment-body {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * #{$size__spacing-unit}) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -163,12 +181,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-meta {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @include media(tablet) {
+ display: flex;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-author {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex: 0 0 auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -231,7 +253,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-metadata {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex: 1 0 auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: $size__spacing-unit;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -261,15 +283,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .edit-link-sep {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.2em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 0;
- transition: opacity 200ms ease-in-out;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .edit-link {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: opacity 200ms ease-in-out;
- opacity: 0;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> svg {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: scale(0.8);
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteensasssitesecondary_widgetsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,7 +28,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(#{$font__size_base} * #{$font__size-lg / 1em} );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(#{$font__size_base} * #{$font__size-ratio});
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorcustomizercss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.css (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.css 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,5 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!
+Twenty Nineteen Customizer Styles
+
+NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
+*/
</ins></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorcustomizerscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.scss (rev 0)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor-customizer.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,5 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/*!
+Twenty Nineteen Customizer Styles
+
+NOTE: This file is empty by default. It is automatically populated with styles if the user selects a custom primary color in the customzier.
+*/
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.css 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,17 +1,51 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*!
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Nineteen Editor Styles
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-NOTE: Styling alignment styles require use of [data-align] selectors.
-This is not ideal, but it works. Styles using those selectors should be refactored
-when Gutenberg supports styling those variations more intuitively.
</del><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Includes === */
</span><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Calculates maximum width for post content */
+/** === Editor Frame === */
+@media screen and (min-width: 600px) {
+ body .wp-block[data-align="full"] {
+ width: calc( 100% + 90px);
+ max-width: calc( 100% + 90px);
+ }
+}
+
+@media only screen and (min-width: 768px) {
+ body {
+ overflow-x: hidden;
+ }
+ body .editor-writing-flow {
+ max-width: 80%;
+ margin: 0 10%;
+ }
+ body .editor-post-title__block,
+ body .editor-default-block-appender,
+ body .editor-block-list__block {
+ margin-left: 0;
+ margin-right: 0;
+ }
+ body .wp-block[data-align="wide"] {
+ width: 100%;
+ }
+ body .wp-block[data-align="full"] {
+ position: relative;
+ left: calc( -12.5% - 14px);
+ width: calc( 125% + 116px);
+ max-width: calc( 125% + 116px);
+ }
+ body .wp-block[data-align="right"] {
+ max-width: 125%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Content Width === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(100vw - (2 * 1rem));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,6 +60,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block .wp-block {
+ width: 100%;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Base Typography === */
</span><span class="cx" style="display: block; padding: 0 10px"> body {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 22px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,6 +174,36 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Post Title === */
+.editor-post-title__block:before {
+ background: #767676;
+ content: "\020";
+ display: block;
+ height: 2px;
+ margin: 1rem 0;
+ width: 1em;
+}
+
+.editor-post-title__block:before {
+ width: 2.8125em;
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-left: 1em;
+ position: relative;
+ top: 0.5em;
+}
+
+.editor-post-title__block .editor-post-title__input {
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: 2.8125em;
+}
+
+/** === Default Appender === */
+.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
+ font-family: "Hoefler Text", "Baskerville Old Face", Garamond, "Times New Roman", serif;
+ font-size: 22px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Paragraph === */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-paragraph.has-drop-cap:not(:focus)::first-letter {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -154,37 +222,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.4;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.has-left-content {
- justify-content: center;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover.has-left-content h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover.has-left-content .wp-block-cover-text {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-block-cover.has-right-content {
- justify-content: center;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover.has-right-content h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover.has-right-content .wp-block-cover-text {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/cover"][data-align="left"] h2,
-body[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
-body[data-type="core/cover"][data-align="right"] h2,
-body[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/cover"][data-align="left"] h2,
+.wp-block[data-type="core/cover"][data-align="left"] .wp-block-cover-text,
+.wp-block[data-type="core/cover"][data-align="right"] h2,
+.wp-block[data-type="core/cover"][data-align="right"] .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 305px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 1168px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body[data-type="core/cover"][data-align="wide"] h2,
- body[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
- body[data-type="core/cover"][data-align="full"] h2,
- body[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block[data-type="core/cover"][data-align="wide"] h2,
+ .wp-block[data-type="core/cover"][data-align="wide"] .wp-block-cover-text,
+ .wp-block[data-type="core/cover"][data-align="full"] h2,
+ .wp-block[data-type="core/cover"][data-align="full"] .wp-block-cover-text {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(6 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(6 * (100vw / 12));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -292,15 +352,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> word-break: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"] p,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="left"] p,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="right"] p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"] p,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="left"] p,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="right"] p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.3;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -309,22 +369,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- body[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
- body[data-type="core/pullquote"] blockquote > .editor-rich-text p,
- body[data-type="core/pullquote"] p,
- body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
- body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
- body[data-type="core/pullquote"][data-align="left"] p,
- body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
- body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
- body[data-type="core/pullquote"][data-align="right"] p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-block[data-type="core/pullquote"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+ .wp-block[data-type="core/pullquote"] blockquote > .editor-rich-text p,
+ .wp-block[data-type="core/pullquote"] p,
+ .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+ .wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+ .wp-block[data-type="core/pullquote"][data-align="left"] p,
+ .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+ .wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+ .wp-block[data-type="core/pullquote"][data-align="right"] p {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.71111em;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -331,35 +391,35 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"] em,
-body[data-type="core/pullquote"][data-align="left"] em,
-body[data-type="core/pullquote"][data-align="right"] em {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"] em,
+.wp-block[data-type="core/pullquote"][data-align="left"] em,
+.wp-block[data-type="core/pullquote"][data-align="right"] em {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: normal;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit,
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color),
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote:not(.is-style-solid-color) {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
-body[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color,
+.wp-block[data-type="core/pullquote"][data-align="right"] .editor-block-list__block-edit .wp-block-pullquote.is-style-solid-color {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="left"] p,
-body[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
-body[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
-body[data-type="core/pullquote"][data-align="right"] p,
-body[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="left"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="left"] p,
+.wp-block[data-type="core/pullquote"][data-align="left"] .wp-block-pullquote__citation,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
+.wp-block[data-type="core/pullquote"][data-align="right"] blockquote > .editor-rich-text p,
+.wp-block[data-type="core/pullquote"][data-align="right"] p,
+.wp-block[data-type="core/pullquote"][data-align="right"] .wp-block-pullquote__citation {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -405,7 +465,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-separator.is-style-dots:before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6875em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- letter-spacing: 0.88889em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: calc(2 * 1rem);
+ padding-left: calc(2 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Latest Posts, Archives, Categories === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -427,7 +488,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-categories li,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-latest-posts li {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 1.6875em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(22px * 1.125);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -492,6 +553,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Classic Editor === */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Properly center-align captions in the classic-editor block */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-caption dd {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
+ font-size: 0.71111em;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0.5rem;
+ text-align: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-margin-start: 0px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-inline-start: 0px;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstyleeditorscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-editor.scss 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,9 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /*!
</span><span class="cx" style="display: block; padding: 0 10px"> Twenty Nineteen Editor Styles
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-NOTE: Styling alignment styles require use of [data-align] selectors.
-This is not ideal, but it works. Styles using those selectors should be refactored
-when Gutenberg supports styling those variations more intuitively.
</del><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Includes === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,10 +8,55 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @import "sass/variables-site/colors";
</span><span class="cx" style="display: block; padding: 0 10px"> @import "sass/mixins/mixins-master";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Editor Frame === */
+
+body {
+
+ // Non-standard media query necessary to override a Gutenberg breakpoint style.
+ @media screen and (min-width: 600px) {
+ .wp-block[data-align="full"] {
+ width: calc( 100% + 90px );
+ max-width: calc( 100% + 90px );
+ }
+ }
+
+ @include media(tablet) {
+ overflow-x: hidden;
+
+ .editor-writing-flow {
+ max-width: 80%;
+ margin: 0 10%;
+ }
+
+ .editor-post-title__block,
+ .editor-default-block-appender,
+ .editor-block-list__block {
+ margin-left: 0;
+ margin-right: 0;
+ }
+
+ .wp-block[data-align="wide"] {
+ width: 100%;
+ }
+
+ .wp-block[data-align="full"] {
+ position: relative;
+ left: calc( -12.5% - 14px );
+ width: calc( 125% + 116px );
+ max-width: calc( 125% + 116px );
+ }
+
+ .wp-block[data-align="right"] {
+ max-width: 125%;
+ }
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Content Width === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(100vw - (2 * #{$size__spacing-unit}));
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(tablet) {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(8 * (100vw / 12));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,6 +65,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> width: calc(6 * (100vw / 12 ));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-block {
+ width: 100%;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** === Base Typography === */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -125,6 +170,33 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/** === Post Title === */
+
+.editor-post-title__block {
+ @include post-section-dash;
+
+ &:before {
+ width: $font__size-xxl;
+ margin-top: 0;
+ margin-bottom: 0;
+ margin-left: 1em;
+ position: relative;
+ top: 0.5em;
+ }
+
+ .editor-post-title__input {
+ font-family: $font__heading;
+ font-size: $font__size-xxl;
+ }
+}
+
+/** === Default Appender === */
+
+.editor-default-block-appender input[type="text"].editor-default-block-appender__content {
+ font-family: $font__body;
+ font-size: $font__size_base;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** === Paragraph === */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-paragraph {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -151,7 +223,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"> &.has-left-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- justify-content: center;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-text {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -160,7 +231,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"> &.has-right-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- justify-content: center;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-text {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -169,8 +239,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/cover"][data-align="left"],
-body[data-type="core/cover"][data-align="right"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/cover"][data-align="left"],
+.wp-block[data-type="core/cover"][data-align="right"] {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-block-cover-text {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -179,8 +249,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/cover"][data-align="wide"],
-body[data-type="core/cover"][data-align="full"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/cover"][data-align="wide"],
+.wp-block[data-type="core/cover"][data-align="full"] {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @include media(desktop) {
</span><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -307,9 +377,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"],
-body[data-type="core/pullquote"][data-align="left"],
-body[data-type="core/pullquote"][data-align="right"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"],
+.wp-block[data-type="core/pullquote"][data-align="left"],
+.wp-block[data-type="core/pullquote"][data-align="right"] {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > .block-library-pullquote__content .editor-rich-text__tinymce[data-is-empty="true"]::before,
</span><span class="cx" style="display: block; padding: 0 10px"> blockquote > .editor-rich-text p,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -337,8 +407,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body[data-type="core/pullquote"][data-align="left"],
-body[data-type="core/pullquote"][data-align="right"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wp-block[data-type="core/pullquote"][data-align="left"],
+.wp-block[data-type="core/pullquote"][data-align="right"] {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .editor-block-list__block-edit {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 50%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -412,7 +482,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &.is-style-dots:before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: $color__text-light;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: $font__size-lg;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- letter-spacing: $font__size-sm;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ letter-spacing: calc(2 * #{$size__spacing-unit});
+ padding-left: calc(2 * #{$size__spacing-unit});
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -431,7 +502,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> li {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $font__heading;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: $font__size-lg;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(#{$font__size_base} * #{$font__size-ratio});
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: $font__line-height-heading;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -498,6 +569,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Properly center-align captions in the classic-editor block */
</span><span class="cx" style="display: block; padding: 0 10px"> .wp-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> dd {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color__text-light;
+ font-size: $font__size-xs;
+ font-family: $font__heading;
+ line-height: $font__line-height-pre;
+ margin: 0;
+ padding: ( $size__spacing-unit * .5 );
+ text-align: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-margin-start: 0px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-inline-start: 0px;
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstylertlcss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style-rtl.css 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,6 +56,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Calculates maximum width for post content */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Normalize */
</span><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -958,8 +959,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0.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">-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5rem;
</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">@@ -1014,8 +1015,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1082,9 +1083,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: table;
- margin-top: 0;
- opacity: 1;
</del><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1093,6 +1091,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
+ margin-top: 0;
+ opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> left: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1478,12 +1479,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Alignments */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: right;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ float: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: left;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ float: right;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1539,6 +1540,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+ margin-bottom: auto;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1545,15 +1557,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: flex;
</del><span class="cx" style="display: block; padding: 0 10px"> min-height: 100vh;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- flex-direction: column;
- justify-content: space-between;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image .site-branding-container {
- margin-bottom: auto;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1754,6 +1760,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"> .site-header.featured-image .site-featured-image .entry-header {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc( 4 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2401,6 +2408,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: 0.71111em;
+ font-weight: 500;
+ margin-bottom: 1rem;
+}
+
+.comment-list .pingback .comment-body a:not(.comment-edit-link) {
+ font-weight: bold;
+ font-size: 19.55556px;
+ line-height: 1.5;
+ padding-left: 0.5rem;
+ display: block;
+}
+
+.comment-list .pingback .comment-body .comment-edit-link {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: 500;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-reply {
</span><span class="cx" style="display: block; padding: 0 10px"> right: calc(1rem + 100%);
</span><span class="cx" style="display: block; padding: 0 10px"> bottom: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2429,11 +2458,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">-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
- opacity: 1;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-body {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2443,8 +2467,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment .comment-meta {
+ display: flex;
+ }
+}
+
+@media only screen and (min-width: 768px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex: 0 0 auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2512,7 +2542,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex: 1 0 auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2545,15 +2575,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link-sep {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.2em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 0;
- transition: opacity 200ms ease-in-out;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: opacity 200ms ease-in-out;
- opacity: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link svg {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2837,7 +2863,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss ul li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(22px * 1.6875);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(22px * 1.125);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2875,8 +2901,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* !Block styles */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-summary > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(100vw - (2 * 1rem));
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 32px 1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - (2 * 1rem));
</del><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> // Set top margins for headings
</span><span class="cx" style="display: block; padding: 0 10px"> & + h1:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2893,7 +2919,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-summary > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px calc(2 * (100vw / 12));
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2905,6 +2930,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry-content > *,
+ .entry-summary > * {
+ margin: 32px calc(2 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > * > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-summary > * > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3024,6 +3056,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-audio.aligncenter {
+ margin: 32px calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-video video {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3086,7 +3123,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-latest-posts li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(22px * 1.6875);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(22px * 1.125);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3362,6 +3399,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.aligncenter,
+.entry-content .wp-block-cover.aligncenter {
+ margin: 32px calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover-image.has-left-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover.has-left-content {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3405,7 +3448,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: right;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-separator,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3412,6 +3455,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content hr {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 2rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: right;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Remove duplicate rule-line when a separator
</span><span class="cx" style="display: block; padding: 0 10px"> * is followed by an H1, or H2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3435,6 +3479,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-separator.is-style-dots,
+.entry-content hr.is-style-dots {
+ max-width: calc(100vw - (2 * 1rem));
+ text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry-content .wp-block-separator.is-style-dots,
+ .entry-content hr.is-style-dots {
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .entry-content .wp-block-separator.is-style-dots,
+ .entry-content hr.is-style-dots {
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-separator.is-style-dots:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content hr.is-style-dots:before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3493,6 +3557,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-code code {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.125em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: pre-wrap;
+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-columns .wp-block-column > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3591,11 +3657,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-caption .wp-caption-text {
- margin: calc(0.875 * 1rem) 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
+ font-size: 0.71111em;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteenstylecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/style.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/style.css 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,6 +56,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* If we add the border using a regular CSS border, it won't look good on non-retina devices,
</span><span class="cx" style="display: block; padding: 0 10px"> * since its edges can look jagged due to lack of antialiasing. In this case, we are several
</span><span class="cx" style="display: block; padding: 0 10px"> * layers of box-shadow to add the border visually, which will render the border smoother. */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Calculates maximum width for post content */
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Normalize */
</span><span class="cx" style="display: block; padding: 0 10px"> /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Document
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -958,8 +959,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0.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">-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .main-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .main-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .main-menu > li.menu-item-has-children .desktop-submenu-expand {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0.5rem;
</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">@@ -1014,8 +1015,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .mobile-submenu-expand,
-.main-navigation .sub-menu > li.menu-item-has-children:not(:last-child) .desktop-submenu-expand {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation .sub-menu > li.menu-item-has-children .mobile-submenu-expand,
+.main-navigation .sub-menu > li.menu-item-has-children .desktop-submenu-expand {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1082,9 +1083,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: table;
- margin-top: 0;
- opacity: 1;
</del><span class="cx" style="display: block; padding: 0 10px"> /* Non-mobile position */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1093,6 +1091,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children:focus > .sub-menu,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children .sub-menu:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation .main-menu .menu-item-has-children .sub-menu:focus {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: table;
+ margin-top: 0;
+ opacity: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> right: auto;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1478,11 +1479,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Alignments */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .alignright {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*rtl:ignore*/
</ins><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1539,6 +1542,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header.featured-image {
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ min-height: 90vh;
+}
+
+.site-header.featured-image .site-branding-container {
+ margin-bottom: auto;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1545,15 +1559,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.featured-image {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: flex;
</del><span class="cx" style="display: block; padding: 0 10px"> min-height: 100vh;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- flex-direction: column;
- justify-content: space-between;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .site-header.featured-image .site-branding-container {
- margin-bottom: auto;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-branding {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1754,6 +1762,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"> .site-header.featured-image .site-featured-image .entry-header {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: calc( 4 * 1rem);
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2401,6 +2410,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.comment-list .pingback .comment-body {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-size: 0.71111em;
+ font-weight: 500;
+ margin-bottom: 1rem;
+}
+
+.comment-list .pingback .comment-body a:not(.comment-edit-link) {
+ font-weight: bold;
+ font-size: 19.55556px;
+ line-height: 1.5;
+ padding-right: 0.5rem;
+ display: block;
+}
+
+.comment-list .pingback .comment-body .comment-edit-link {
+ color: #767676;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ font-weight: 500;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-reply {
</span><span class="cx" style="display: block; padding: 0 10px"> left: calc(1rem + 100%);
</span><span class="cx" style="display: block; padding: 0 10px"> bottom: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2429,11 +2460,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">-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link-sep,
-.comment:hover > .comment-body > .comment-meta > .comment-metadata > .edit-link {
- opacity: 1;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-body {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: calc(2 * 1rem) 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2443,8 +2469,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment .comment-meta {
+ display: flex;
+ }
+}
+
+@media only screen and (min-width: 768px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-author {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex: 0 0 auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2512,7 +2544,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: inline-block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ flex: 1 0 auto;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2545,15 +2577,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link-sep {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0.2em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: 0;
- transition: opacity 200ms ease-in-out;
</del><span class="cx" style="display: block; padding: 0 10px"> vertical-align: baseline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: opacity 200ms ease-in-out;
- opacity: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment .comment-metadata .edit-link svg {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2837,7 +2865,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_rss ul li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(22px * 1.6875);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(22px * 1.125);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2875,8 +2903,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* !Block styles */
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-summary > * {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: calc(100vw - (2 * 1rem));
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 32px 1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: calc(100vw - (2 * 1rem));
</del><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> // Set top margins for headings
</span><span class="cx" style="display: block; padding: 0 10px"> & + h1:before,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2893,7 +2921,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (min-width: 768px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content > *,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-summary > * {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 32px calc(2 * (100vw / 12));
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: calc(8 * (100vw / 12));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2905,6 +2932,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media only screen and (min-width: 768px) {
+ .entry-content > *,
+ .entry-summary > * {
+ margin: 32px calc(2 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content > * > *:first-child,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-summary > * > *:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3024,6 +3058,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-audio.aligncenter {
+ margin: 32px calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-video video {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3086,7 +3125,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-latest-posts li {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: calc(22px * 1.6875);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: calc(22px * 1.125);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: bold;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.2;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3362,6 +3401,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> top: 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-cover-image.aligncenter,
+.entry-content .wp-block-cover.aligncenter {
+ margin: 32px calc(2 * (100vw / 12));
+ max-width: calc(6 * (100vw / 12));
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover-image.has-left-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-cover.has-left-content {
</span><span class="cx" style="display: block; padding: 0 10px"> justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3405,7 +3450,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: left;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-separator,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3412,6 +3457,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content hr {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 2rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ text-align: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Remove duplicate rule-line when a separator
</span><span class="cx" style="display: block; padding: 0 10px"> * is followed by an H1, or H2 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3435,6 +3481,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.entry-content .wp-block-separator.is-style-dots,
+.entry-content hr.is-style-dots {
+ max-width: calc(100vw - (2 * 1rem));
+ text-align: center;
+}
+
+@media only screen and (min-width: 768px) {
+ .entry-content .wp-block-separator.is-style-dots,
+ .entry-content hr.is-style-dots {
+ max-width: calc(8 * (100vw / 12));
+ }
+}
+
+@media only screen and (min-width: 1168px) {
+ .entry-content .wp-block-separator.is-style-dots,
+ .entry-content hr.is-style-dots {
+ max-width: calc(6 * (100vw / 12));
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-separator.is-style-dots:before,
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content hr.is-style-dots:before {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #767676;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3493,6 +3559,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-code code {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.125em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ white-space: pre-wrap;
+ word-break: break-word;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content .wp-block-columns .wp-block-column > *:first-child {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3591,11 +3659,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wp-caption .wp-caption-text {
- margin: calc(0.875 * 1rem) 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #767676;
+ font-size: 0.71111em;
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+ line-height: 1.6;
+ margin: 0;
+ padding: 0.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentexcerptphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content-excerpt.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,7 +15,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <header class="entry-header">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_sticky() && is_home() && ! is_paged() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' );
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartscontentcontentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/content/content.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,7 +15,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <header class="entry-header">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_sticky() && is_home() && ! is_paged() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- printf( '<span class="sticky-post">%s</span>', __( 'Featured', 'twentynineteen' ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ printf( '<span class="sticky-post">%s</span>', _x( 'Featured', 'post', 'twentynineteen' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_singular() ) :
</span><span class="cx" style="display: block; padding: 0 10px"> the_title( '<h1 class="entry-title">', '</h1>' );
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartsheadersitebrandingphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/header/site-branding.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,8 +12,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( has_custom_logo() ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="site-logo"><?php the_custom_logo(); ?></div>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- <?php if ( ! empty( get_bloginfo( 'name' ) ) ) : ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php $blog_info = get_bloginfo( 'name' ); ?>
+ <?php if ( ! empty( $blog_info ) ) : ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php if ( is_front_page() && is_home() ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php else : ?>
</span></span></pre></div>
<a id="branches50srcwpcontentthemestwentynineteentemplatepartspostauthorbiophp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php 2018-11-01 13:50:59 UTC (rev 43859)
+++ branches/5.0/src/wp-content/themes/twentynineteen/template-parts/post/author-bio.php 2018-11-02 23:52:16 UTC (rev 43860)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,7 +15,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <p class="author-description">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php the_author_meta( 'description' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <a class="author-link" href="<?php echo esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ); ?>" rel="author">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php _e( 'View more posts ', 'twentynineteen' ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php _e( 'View more posts', 'twentynineteen' ); ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </a>
</span><span class="cx" style="display: block; padding: 0 10px"> </p><!-- .author-description -->
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .author-bio -->
</span></span></pre>
</div>
</div>
</body>
</html>