<!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>[12050] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer: wporg-developer: Sync with https://github.com/WordPress/wporg-developer/commit/790d402933d2725374de0d19e6bf6a576c8b15d2</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="http://meta.trac.wordpress.org/changeset/12050">12050</a><script type="application/ld+json">{"@context":"http://schema.org","@type":"EmailMessage","description":"Review this Commit","action":{"@type":"ViewAction","url":"http://meta.trac.wordpress.org/changeset/12050","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>dufresnesteven</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2022-09-05 05:14:31 +0000 (Mon, 05 Sep 2022)</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'>wporg-developer: Sync with https://github.com/WordPress/wporg-developer/commit/790d402933d2725374de0d19e6bf6a576c8b15d2</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopercontentreferencephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/content-reference.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperfunctionsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperheaderphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincautocompletephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/autocomplete.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincclicommandsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/cli-commands.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincformattingphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/formatting.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincimportblockeditorphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/import-block-editor.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperinclooppaginationphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/loop-pagination.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincregistrationsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/registrations.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincsearchphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/search.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperinctemplatetagsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincusercontentphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsautocompletejs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/autocomplete.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsfunctionreferencejs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/function-reference.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsusernotespreviewjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/user-notes-preview.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperpackagejson">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/package.json</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperpagehomelandingphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-home-landing.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperpagereferencelandingphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-reference-landing.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperreferencetemplateparamsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-params.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperreferencetemplaterelatedphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-related.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperreferencetemplatesourcephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-source.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscssadminscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/admin.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscssmainscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscsspagedashiconsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersearchphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/search.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersearchformphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/searchform.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsadmincss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/admin.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsautocompletecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/autocomplete.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsawesompletecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/awesomplete.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsmaincss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetspagedashiconscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperembedphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/embed.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperreferencetemplatehooksphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-hooks.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscss_globalscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/_global.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscss_resetscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/_reset.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscssprismscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/prism.scss</a></li>
<li>sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/</li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscsssettings_colorsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_colors.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscsssettings_dimensionsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_dimensions.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscsssettings_indexscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_index.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsprismcss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/prism.css</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopercontentreferencephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/content-reference.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/content-reference.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/content-reference.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,7 +23,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'header_text' => __( 'Contents', 'wporg' )
</span><span class="cx" style="display: block; padding: 0 10px"> ) );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $content = '<div class="content-toc">' . $TOC->add_toc( $content ) . '</div>';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $content = $TOC->add_toc( $content );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> endif;
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperembedphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/embed.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/embed.php (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/embed.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,213 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Modified version of the embed template from wp-includes/embed-template.php
+ *
+ * @package wporg-developer
+ */
+
+remove_action( 'embed_content_meta', 'print_embed_comments_button' );
+
+if ( ! headers_sent() ) {
+ header( 'X-WP-embed: true' );
+}
+
+/**
+ * Returns list of parameter => data type.
+ *
+ * @param int $post_id
+ *
+ * @return array
+ */
+function get_params( $post_id ) {
+ $tags = get_post_meta( $post_id, '_wp-parser_tags', true );
+ $params = array();
+
+ if ( $tags ) {
+ foreach ( $tags as $tag ) {
+ if ( is_array( $tag ) && 'param' == $tag['name'] ) {
+ $params[ $tag['variable'] ] = implode( ' | ', $tag['types'] );
+ }
+ }
+ }
+
+ return $params;
+}
+
+/**
+ * Returns a function string to display.
+ *
+ * @param int $post_id
+ *
+ * @return string
+ */
+function get_signature( $post_id ) {
+ $title = get_the_title();
+ $has_args = count( get_params( $post_id ) ) > 0;
+ $post_type = get_post_type( $post_id );
+
+ if ( 'wp-parser-hook' === $post_type ) {
+ $hook_type = DevHub\get_hook_type_name( $post_id );
+ $delimiter = false !== strpos( $title, '$' ) ? '"' : "'";
+
+ if ( $has_args ) {
+ return "{$hook_type}( <span class=\"wp-embed-hook\">{$delimiter}{$title}{$delimiter},</span> ... )";
+ }
+ return "{$hook_type}( <span class=\"wp-embed-hook\">{$delimiter}{$title}{$delimiter}</span> )";
+ }
+
+ if ( 'wp-parser-class' === $post_type ) {
+ return 'class ' . $title . ' {}';
+ }
+
+ if ( $has_args ) {
+ return $title . '( ... )';
+ }
+
+ return $title . '()';
+}
+
+$embed_post_id = get_the_ID();
+$params = get_params( $embed_post_id );
+$embed_title = get_signature( $embed_post_id );
+$param_count = count( $params );
+$parameter_display_max = 4; // We truncate the display of params
+
+?>
+<!DOCTYPE html>
+<html <?php language_attributes(); ?> class="no-js">
+<head>
+ <title><?php echo esc_html( wp_get_document_title() ); ?></title>
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <?php
+ /**
+ * Print scripts or data in the embed template <head> tag.
+ *
+ * @since 4.4.0
+ */
+ do_action( 'embed_head' );
+ ?>
+ <style>
+ .wp-embed {
+ color: #50575e;
+ }
+
+ code {
+ background: #efefef;
+ border-radius: 4px;
+ padding: 2px 6px;
+ font-weight: 400;
+ }
+
+ p.wp-embed-heading {
+ font-weight: normal;
+ font-size: 1.25rem;
+ font-family:
+ Hack, "Fira Code", Consolas, Menlo, Monaco, "Andale Mono",
+ "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
+ "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L",
+ "Courier New", Courier, monospace;
+ }
+
+ .wp-embed-parameters-title {
+ margin: 16px 0 8px;
+ font-size: 14px;
+ font-weight: normal;
+ }
+
+ .wp-embed-parameters ul {
+ margin: 0 0 0 8px;
+ padding: 0;
+ list-style: none;
+ }
+
+ .wp-embed-parameters ul li {
+ padding: 4px;
+ }
+
+ .wp-embed-parameters code {
+ margin-right: 8px;
+ }
+
+ .wp-embed-hook {
+ color: #24831d;
+ }
+
+ .wp-embed-footer a {
+ color: #135e96;
+ }
+ </style>
+
+</head>
+<body <?php body_class(); ?>>
+ <div <?php post_class( 'wp-embed' ); ?>>
+
+ <p class="wp-embed-heading">
+ <a href="<?php the_permalink(); ?>" target="_top">
+ <?php echo wp_kses_post( $embed_title ); ?>
+ </a>
+ </p>
+
+ <div class="wp-embed-excerpt">
+ <?php the_excerpt(); ?>
+
+ <?php if ( $params ) : ?>
+ <div class="wp-embed-parameters">
+ <h6 class="wp-embed-parameters-title"><?php echo esc_html__( 'Parameters:', 'wporg' ); ?></h6>
+ <ul>
+ <?php
+ for ( $i = 0; $i < min( $param_count, $parameter_display_max ); $i++ ) {
+ $key = array_keys( $params )[ $i ];
+ ?>
+ <li>
+ <code><?php echo esc_html( $key ); ?></code>
+ <span class="wp-embed-parameters-type"><?php echo esc_html( $params[ $key ] ); ?></span>
+ </li>
+ <?php } ?>
+
+ <?php
+ if ( ! empty( $params ) && $param_count > $parameter_display_max ) {
+ /* translators: %d number of non printed parameter */
+ echo '<li>' . sprintf( '... %s more', esc_attr( $param_count - $parameter_display_max ) ) . '</li>';
+ }
+ ?>
+ </ul>
+ </div>
+ <?php endif; ?>
+
+ </div>
+
+ <?php
+ /**
+ * Print additional content after the embed excerpt.
+ *
+ * @since 4.4.0
+ */
+ do_action( 'embed_content' );
+ ?>
+
+ <div class="wp-embed-footer">
+ <?php the_embed_site_title(); ?>
+
+ <div class="wp-embed-meta">
+ <?php
+ /**
+ * Prints additional meta content in the embed template.
+ *
+ * @since 4.4.0
+ */
+ do_action( 'embed_content_meta' );
+ ?>
+ </div>
+
+ <?php
+ /**
+ * Print scripts or data before the closing body tag in the embed template.
+ *
+ * @since 4.4.0
+ */
+ do_action( 'embed_footer' );
+ ?>
+ </div>
+ </div>
+</body>
+</html>
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/embed.php
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperfunctionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -147,6 +147,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'init', __NAMESPACE__ . '\\init' );
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'widgets_init', __NAMESPACE__ . '\\widgets_init' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Set up the theme.
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function init() {
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> register_nav_menus();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -164,10 +167,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_theme_support( 'title-tag' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Modify default breadcrumbs.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- add_filter( 'breadcrumb_trail_items', __NAMESPACE__ . '\\breadcrumb_trail_items_for_hooks', 10, 2 );
- add_filter( 'breadcrumb_trail_items', __NAMESPACE__ . '\\breadcrumb_trail_items_for_handbook_root', 10, 2 );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_filter( 'breadcrumb_trail_items', __NAMESPACE__ . '\\breadcrumb_trail_items_for_hooks', 10, 2 );
+ add_filter( 'breadcrumb_trail_items', __NAMESPACE__ . '\\breadcrumb_trail_items_for_handbook_root', 10, 2 );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- add_filter( 'syntaxhighlighter_htmlresult', __NAMESPACE__ . '\\syntaxhighlighter_htmlresult' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_filter( 'mkaz_code_syntax_force_loading', '__return_true' );
+ add_filter( 'mkaz_prism_css_path', __NAMESPACE__ . '\\update_prism_css_path' );
</ins><span class="cx" style="display: block; 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">@@ -177,8 +181,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Trail plugin to introduce trail items related to the parent that shouldn't
</span><span class="cx" style="display: block; padding: 0 10px"> * be shown.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * @param array $items The breadcrumb trail items
- * @param array $args Original args
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @param array $items The breadcrumb trail items.
+ * @param array $args Original args.
</ins><span class="cx" style="display: block; padding: 0 10px"> * @return array
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function breadcrumb_trail_items_for_hooks( $items, $args ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -185,7 +189,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $post_type = 'wp-parser-hook';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Bail early when not the single archive for hook
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( ! is_singular() || $post_type !== get_post_type() || ! isset( $items[4] ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( ! is_singular() || get_post_type() !== $post_type || ! isset( $items[4] ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> return $items;
</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">@@ -208,8 +212,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * item that simply links to the currently loaded page. The trailing breadcrumb
</span><span class="cx" style="display: block; padding: 0 10px"> * item is already the unlinked handbook name, which is sufficient.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * @param array $items The breadcrumb trail items
- * @param array $args Original args
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @param array $items The breadcrumb trail items.
+ * @param array $args Original args.
</ins><span class="cx" style="display: block; padding: 0 10px"> * @return array
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function breadcrumb_trail_items_for_handbook_root( $items, $args ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -225,53 +229,63 @@
</span><span class="cx" style="display: block; 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">- * widgets_init function.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Register widget areas.
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @access public
</span><span class="cx" style="display: block; padding: 0 10px"> * @return void
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function widgets_init() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- register_sidebar( array(
- 'name' => __( 'Sidebar', 'wporg' ),
- 'id' => 'sidebar-1',
- 'before_widget' => '<aside id="%1$s" class="box gray widget %2$s">',
- 'after_widget' => '</div></aside>',
- 'before_title' => '<h1 class="widget-title">',
- 'after_title' => '</h1><div class="widget-content">',
- ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ register_sidebar(
+ array(
+ 'name' => __( 'Sidebar', 'wporg' ),
+ 'id' => 'sidebar-1',
+ 'before_widget' => '<aside id="%1$s" class="box gray widget %2$s">',
+ 'after_widget' => '</div></aside>',
+ 'before_title' => '<h1 class="widget-title">',
+ 'after_title' => '</h1><div class="widget-content">',
+ )
+ );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- register_sidebar( array(
- 'name' => __( 'Landing Page Footer - Left', 'wporg' ),
- 'id' => 'landing-footer-1',
- 'description' => __( 'Appears in footer of the primary landing page', 'wporg' ),
- 'before_widget' => '<div id="%1$s" class="widget box %2$s">',
- 'after_widget' => '</div>',
- 'before_title' => '<h4 class="widget-title">',
- 'after_title' => '</h4>',
- ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ register_sidebar(
+ array(
+ 'name' => __( 'Landing Page Footer - Left', 'wporg' ),
+ 'id' => 'landing-footer-1',
+ 'description' => __( 'Appears in footer of the primary landing page', 'wporg' ),
+ 'before_widget' => '<div id="%1$s" class="widget box %2$s">',
+ 'after_widget' => '</div>',
+ 'before_title' => '<h4 class="widget-title">',
+ 'after_title' => '</h4>',
+ )
+ );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- register_sidebar( array(
- 'name' => __( 'Landing Page Footer - Center', 'wporg' ),
- 'id' => 'landing-footer-2',
- 'description' => __( 'Appears in footer of the primary landing page', 'wporg' ),
- 'before_widget' => '<div id="%1$s" class="widget box %2$s">',
- 'after_widget' => '</div>',
- 'before_title' => '<h4 class="widget-title">',
- 'after_title' => '</h4>',
- ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ register_sidebar(
+ array(
+ 'name' => __( 'Landing Page Footer - Center', 'wporg' ),
+ 'id' => 'landing-footer-2',
+ 'description' => __( 'Appears in footer of the primary landing page', 'wporg' ),
+ 'before_widget' => '<div id="%1$s" class="widget box %2$s">',
+ 'after_widget' => '</div>',
+ 'before_title' => '<h4 class="widget-title">',
+ 'after_title' => '</h4>',
+ )
+ );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- register_sidebar( array(
- 'name' => __( 'Landing Page Footer - Right', 'wporg' ),
- 'id' => 'landing-footer-3',
- 'description' => __( 'Appears in footer of the primary landing page', 'wporg' ),
- 'before_widget' => '<div id="%1$s" class="widget box %2$s">',
- 'after_widget' => '</div>',
- 'before_title' => '<h4 class="widget-title">',
- 'after_title' => '</h4>',
- ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ register_sidebar(
+ array(
+ 'name' => __( 'Landing Page Footer - Right', 'wporg' ),
+ 'id' => 'landing-footer-3',
+ 'description' => __( 'Appears in footer of the primary landing page', 'wporg' ),
+ 'before_widget' => '<div id="%1$s" class="widget box %2$s">',
+ 'after_widget' => '</div>',
+ 'before_title' => '<h4 class="widget-title">',
+ 'after_title' => '</h4>',
+ )
+ );
</ins><span class="cx" style="display: block; 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">+ * Modify the default query.
+ *
</ins><span class="cx" style="display: block; padding: 0 10px"> * @param \WP_Query $query
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function pre_get_posts( $query ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -288,13 +302,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // For search query modifications see DevHub_Search.
</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">+/**
+ * Regiser navigation menu area.
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function register_nav_menus() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- \register_nav_menus( array(
- 'devhub-menu' => __( 'Developer Resources Menu', 'wporg' ),
- 'devhub-cli-menu' => __( 'WP-CLI Commands Menu', 'wporg' ),
- 'reference-home-api' => __( 'Reference API Menu', 'wporg' ),
- ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ \register_nav_menus(
+ array(
+ 'devhub-menu' => __( 'Developer Resources Menu', 'wporg' ),
+ 'devhub-cli-menu' => __( 'WP-CLI Commands Menu', 'wporg' ),
+ 'reference-home-api' => __( 'Reference API Menu', 'wporg' ),
+ )
+ );
</ins><span class="cx" style="display: block; 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">@@ -318,6 +336,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return home_url( user_trailingslashit( "reference/classes/$class/$method" ) );
</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">+/**
+ * Filer the permalink for a taxonomy.
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function taxonomy_permalink( $link, $term, $taxonomy ) {
</span><span class="cx" style="display: block; padding: 0 10px"> global $wp_rewrite;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -325,7 +346,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return $link;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $taxonomy === 'wp-parser-source-file' ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( 'wp-parser-source-file' === $taxonomy ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> $slug = $term->slug;
</span><span class="cx" style="display: block; padding: 0 10px"> if ( substr( $slug, -4 ) === '-php' ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $slug = substr( $slug, 0, -4 ) . '.php';
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -332,9 +353,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $slug = str_replace( '_', '/', $slug );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> $link = home_url( user_trailingslashit( "reference/files/$slug" ) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- } elseif ( $taxonomy === 'wp-parser-since' ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ } elseif ( 'wp-parser-since' === $taxonomy ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> $link = str_replace( $term->slug, str_replace( '-', '.', $term->slug ), $link );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> return $link;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -353,10 +375,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> </script>\n";
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Register and enqueue the theme assets.
+ */
</ins><span class="cx" style="display: block; padding: 0 10px"> function theme_scripts_styles() {
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'dashicons' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // phpcs:ignore WordPress.WP.EnqueuedResourceParameters.MissingVersion
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style( 'open-sans', '//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_style( 'wporg-developer-style', get_stylesheet_uri(), array(), '4' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_style( 'wporg-developer-style', get_stylesheet_uri(), array(), filemtime( __DIR__ . '/style.css' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_style(
</span><span class="cx" style="display: block; padding: 0 10px"> 'wp-dev-sass-compiled',
</span><span class="cx" style="display: block; padding: 0 10px"> get_template_directory_uri() . '/stylesheets/main.css',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -363,11 +389,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> array( 'wporg-developer-style' ),
</span><span class="cx" style="display: block; padding: 0 10px"> filemtime( __DIR__ . '/stylesheets/main.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">- wp_enqueue_script( 'wporg-developer-navigation', get_template_directory_uri() . '/js/navigation.js', array(), '20181209', true );
- wp_enqueue_script( 'wporg-developer-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true );
- wp_enqueue_script( 'wporg-developer-search', get_template_directory_uri() . '/js/search.js', array(), '20150430', true );
- wp_enqueue_script( 'wporg-developer-chapters', get_template_directory_uri() . '/js/chapters.js', array( 'jquery' ), '20190603' );
- wp_enqueue_script( 'wporg-developer-menu', get_template_directory_uri() . '/js/menu.js', array( 'jquery' ), '20180201', true );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script( 'wporg-developer-navigation', get_stylesheet_directory_uri() . '/js/navigation.js', array(), filemtime( __DIR__ . '/js/navigation.js' ), true );
+ wp_enqueue_script( 'wporg-developer-chapters', get_stylesheet_directory_uri() . '/js/chapters.js', array( 'jquery' ), filemtime( __DIR__ . '/js/chapters.js' ) );
+ wp_enqueue_script( 'wporg-developer-menu', get_stylesheet_directory_uri() . '/js/menu.js', array( 'jquery' ), filemtime( __DIR__ . '/js/menu.js' ), true );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -384,42 +408,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * If a syntax highlighted code block exceeds a given number of lines, wrap the
- * markup with other markup to trigger the code expansion/collapse JS handling
- * already implemented for the code reference.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Customize the syntax highlighter style.
+ * See https://github.com/PrismJS/prism-themes.
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * @param string $text The pending result of the syntax highlighting.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * @param string $path Path to the file to override, relative to the theme.
</ins><span class="cx" style="display: block; padding: 0 10px"> * @return string
</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 syntaxhighlighter_htmlresult( $text ) {
-
- // is_admin() is true in front end AJAX requests.
- if ( is_admin() && !( defined( 'DOING_AJAX' ) && DOING_AJAX ) ) {
- return $text;
- }
-
- $new_text = '';
- // Collapse is handled for >10 lines. But just go ahead and show the full
- // code if that is just barely being exceeded (no one wants to expand to
- // see one or two more lines).
- $lines_to_show = 12;
- $do_collapse = ( substr_count( $text, "\n" ) - 1 ) > $lines_to_show;
-
- if ( $do_collapse ) {
- $new_text .= '<section class="source-content">';
- $new_text .= '<div class="source-code-container">';
- }
-
- $new_text .= $text;
-
- if ( $do_collapse ) {
- $new_text .= '</div>';
- $new_text .= '<p class="source-code-links"><span>';
- $new_text .= '<a href="#" class="show-complete-source">' . __( 'Expand full source code', 'wporg' ) . '</a>';
- $new_text .= '<a href="#" class="less-complete-source">' . __( 'Collapse full source code', 'wporg' ) . '</a>';
- $new_text .= '</span></p>';
- $new_text .= '</section>';
- }
-
- return $new_text;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function update_prism_css_path( $path ) {
+ return '/stylesheets/prism.css';
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperheaderphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/header.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -7,15 +7,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @package wporg-developer
</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">+\WordPressdotorg\skip_to( '#content' );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> echo do_blocks( '<!-- wp:wporg/global-header /-->' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$show_search = DevHub\should_show_search_bar();
+
+// When to show the masthead
+$show_masthead = is_front_page() || is_page( 'reference' );
+
</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">-<header id="masthead" class="site-header<?php if ( is_front_page() ) { echo ' home'; } ?>" role="banner">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<header id="masthead" class="site-header<?php if ( $show_masthead ) { echo ' home'; } ?>" role="banner">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php if ( function_exists( 'wporg_is_handbook' ) && wporg_is_handbook() && ! is_search() ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="#" id="secondary-toggle" onclick="return false;"><strong><?php _e( 'Menu', 'wporg' ); ?></strong></a>
</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">- <div class="site-branding">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="site-branding<?php echo ! $show_masthead && $show_search ? ' has-actions': '' ?>">
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <h1 class="site-title">
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( DevHub\get_site_section_url() ); ?>" rel="home"><?php echo DevHub\get_site_section_title(); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </h1>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,33 +32,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <p class="site-description"><?php _e( 'The freedom to build.', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <nav id="site-navigation" class="main-navigation" role="navigation">
- <button class="menu-toggle dashicons dashicons-arrow-down-alt2" aria-controls="primary-menu" aria-expanded="false" aria-label="<?php esc_attr_e( 'Primary Menu', 'wporg' ); ?>"></button>
- <?php
- $active_menu = is_post_type_archive( 'command' ) || is_singular( 'command' ) ? 'devhub-cli-menu' : 'devhub-menu';
- wp_nav_menu( array(
- 'theme_location' => $active_menu,
- 'container_class' => 'menu-container',
- 'container_id' => 'primary-menu',
- ) ); ?>
- </nav>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div>
+ <?php if ( $show_search ) : ?>
+ <?php get_search_form(); ?>
+ <?php endif; ?>
+
+ <?php if ( ! $show_masthead ) : ?>
+ <nav id="site-navigation" class="main-navigation" role="navigation">
+ <button class="menu-toggle dashicons dashicons-arrow-down-alt2" aria-controls="primary-menu" aria-expanded="false" aria-label="<?php esc_attr_e( 'Primary Menu', 'wporg' ); ?>"></button>
+ <?php
+ $active_menu = is_post_type_archive( 'command' ) || is_singular( 'command' ) ? 'devhub-cli-menu' : 'devhub-menu';
+ wp_nav_menu( array(
+ 'theme_location' => $active_menu,
+ 'container_class' => 'menu-container',
+ 'container_id' => 'primary-menu',
+ ) ); ?>
+ </nav>
+ <?php endif; ?>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </header><!-- #masthead -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div id="page" class="hfeed site devhub-wrap">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a href="#main" class="screen-reader-text"><?php _e( 'Skip to content', 'wporg' ); ?></a>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <?php do_action( 'before' ); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php
- if ( DevHub\should_show_search_bar() ) : ?>
- <div id="inner-search">
- <?php get_search_form(); ?>
- <div id="inner-search-icon-container">
- <div id="inner-search-icon">
- <div class="dashicons dashicons-search"><span class="screen-reader-text"><?php _e( 'Search', 'wporg' ); ?></span></div>
- </div>
- </div>
- </div>
-
- <?php endif; ?>
</del><span class="cx" style="display: block; padding: 0 10px"> <div id="content" class="site-content">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincautocompletephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/autocomplete.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/autocomplete.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/autocomplete.php 2022-09-05 05:14:31 UTC (rev 12050)
</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"> wp_register_script( 'awesomplete', get_template_directory_uri() . '/js/awesomplete.min.js', array(), '20160322', true );
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'awesomplete' );
</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_register_script( 'autocomplete', get_template_directory_uri() . '/js/autocomplete.js', array( 'awesomplete' ), '20160524', true );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_register_script( 'autocomplete', get_stylesheet_directory_uri() . '/js/autocomplete.js', array( 'awesomplete' ), filemtime( dirname( __DIR__ ) . '/js/autocomplete.js' ), true );
</ins><span class="cx" style="display: block; padding: 0 10px"> wp_localize_script( 'autocomplete', 'autocomplete', array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'ajaxurl' => admin_url( 'admin-ajax.php' ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'nonce' => wp_create_nonce( 'autocomplete_nonce' ),
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -99,13 +99,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'orderby' => '',
</span><span class="cx" style="display: block; padding: 0 10px"> 'search_orderby_title' => 1,
</span><span class="cx" style="display: block; padding: 0 10px"> 'order' => 'ASC',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '_autocomplete_search' => true,
</ins><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $search = get_posts( $args );
</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 ( !empty( $search ) ) {
- $titles = wp_list_pluck( $search, 'post_title' );
- $form_data['posts'] = array_values( array_unique( $titles ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( ! empty( $search ) ) {
+ $post_types_function_like = array( 'wp-parser-function', 'wp-parser-method' );
+
+ foreach ( $search as $post ) {
+ $permalink = get_permalink( $post->ID );
+ $title = $post->post_title;
+
+ if ( in_array( $post->post_type, $post_types_function_like ) ) {
+ $title .= '()';
+ }
+
+ if ( $post->post_type == 'wp-parser-class' ) {
+ $title = 'class ' . $title . ' {}';
+ }
+
+ $form_data['posts'][ $title ] = $permalink;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_send_json_success ( $form_data );
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincclicommandsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/cli-commands.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/cli-commands.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/cli-commands.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -101,7 +101,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> WP_CLI::confirm( "Looks like WP $version was already parsed on " . date_i18n( 'Y-m-d H:i', $last_parsed_date ) . ". Proceed anyway?" );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Determine importing user's ID.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Determine importing user's ID.
</ins><span class="cx" style="display: block; padding: 0 10px"> $user = get_user_by( 'id', $user_id );
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! $user ) {
</span><span class="cx" style="display: block; padding: 0 10px"> WP_CLI::error( 'Invalid user_id provided.' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -113,21 +113,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'posts-to-posts' => 'posts-to-posts/posts-to-posts.php',
</span><span class="cx" style="display: block; padding: 0 10px"> ];
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Get the phpdoc-parser plugin if not installed.
- $all_plugins = get_plugins();
- if ( ! in_array( $plugins['phpdoc-parser'], array_keys( $all_plugins ) ) ) {
- WP_CLI::log( "Installing phpdoc-parser plugin..." );
- WP_CLI::runcommand( 'plugin install https://github.com/WordPress/phpdoc-parser/archive/master.zip' );
- touch( WP_PLUGIN_DIR . '/phpdoc-parser/.devhub-parser-installed' );
- }
-
- // Verify the phpdoc-parser plugin is available locally.
- wp_cache_set( 'plugins', [], 'plugins' ); // Reset cache of plugins.
- $all_plugins = get_plugins();
- if ( ! in_array( $plugins['phpdoc-parser'], array_keys( $all_plugins ) ) ) {
- WP_CLI::error( 'The PHPDoc-Parser plugin (from https://github.com/WordPress/phpdoc-parser) could not be automatically installed locally in ' . WP_PLUGIN_DIR . '/. Please do so manually.' );
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Install phpdoc-parser plugin dependencies if not installed.
</span><span class="cx" style="display: block; padding: 0 10px"> $plugin_dir = WP_PLUGIN_DIR . '/phpdoc-parser/';
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! file_exists( $plugin_dir . 'vendor' ) ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -188,8 +173,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"> // 3. Run the parser.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // If running locally, run a quick parse which skips DB replication-lag sleep()'s
+ $quick = in_array( wp_get_environment_type(), array( 'local', 'development' ) ) ? '--quick' : '';
</ins><span class="cx" style="display: block; padding: 0 10px"> WP_CLI::log( 'Running the parser (this will take awhile)...' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- WP_CLI::runcommand( "parser create {$path} --user={$user_id}" );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ WP_CLI::runcommand( "parser create {$path} --user={$user_id} {$quick}" );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // 4. Deactivate phpdoc-parser plugin.
</span><span class="cx" style="display: block; padding: 0 10px"> WP_CLI::log( 'Deactivating phpdoc-parser plugin...' );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -278,22 +265,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> WP_CLI::launch( $cmd, false, true );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Remove the phpdoc-parser plugin.
- // @todo Add argument to facilitate disabling this step, or do a git checkout and only delete if no local changes.
- $plugin = 'phpdoc-parser';
- $all_plugins = get_plugins();
- if ( in_array( $plugin . '/plugin.php', array_keys( $all_plugins ) ) ) {
- // Only delete the plugin if it was automatically installed via parse command.
- if ( file_exists( WP_PLUGIN_DIR . '/phpdoc-parser/.devhub-parser-installed' ) ) {
- WP_CLI::log( "Deleting plugin {$plugin}..." );
- WP_CLI::runcommand( "plugin delete {$plugin}" );
- } else {
- WP_CLI::log( "Plugin {$plugin} present but was manually installed or looks to have customizations so it must be deleted manually, if so desired." );
- }
- } else {
- WP_CLI::log( "Plugin {$plugin} not present so it can't be deleted." );
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> WP_CLI::success( 'Clean-up is complete.' );
</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="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincformattingphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/formatting.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/formatting.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/formatting.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,25 +39,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'devhub-format-description', array( __CLASS__, 'autolink_references' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'devhub-format-description', array( __CLASS__, 'fix_param_hash_formatting' ), 9 );
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'devhub-format-description', array( __CLASS__, 'fix_param_description_html_as_code' ) );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_filter( 'devhub-format-description', array( __CLASS__, 'fix_param_description_quotes_to_code' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'devhub-format-description', array( __CLASS__, 'convert_lists_to_markup' ) );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'devhub-format-hash-param-description', array( __CLASS__, 'autolink_references' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'devhub-format-hash-param-description', array( __CLASS__, 'fix_param_description_parsedown_bug' ) );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_filter( 'devhub-format-hash-param-description', array( __CLASS__, 'fix_param_description_quotes_to_code' ) );
+ add_filter( 'devhub-format-hash-param-description', array( __CLASS__, 'convert_lists_to_markup' ) );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'devhub-function-return-type', array( __CLASS__, 'autolink_references' ) );
</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_filter( 'syntaxhighlighter_htmlresult', array( __CLASS__, 'fix_code_entity_encoding' ), 20 );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_shortcode( 'php', array( __CLASS__, 'do_shortcode_php' ) );
+ add_shortcode( 'js', array( __CLASS__, 'do_shortcode_js' ) );
+ add_shortcode( 'css', array( __CLASS__, 'do_shortcode_css' ) );
+ add_shortcode( 'code', array( __CLASS__, 'do_shortcode_code' ) );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /**
- * Fixes bug in (or at least in using) SyntaxHighlighter code shortcodes that
- * causes double-encoding of `>` character.
- *
- * @param string $content The text being handled as code.
- * @return string
- */
- public static function fix_code_entity_encoding( $content ) {
- return str_replace( '&gt;', '>', $content );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_filter(
+ 'no_texturize_shortcodes',
+ function ( $shortcodes ) {
+ $shortcodes[] = 'php';
+ $shortcodes[] = 'js';
+ $shortcodes[] = 'css';
+ $shortcodes[] = 'code';
+ return $shortcodes;
+ }
+ );
</ins><span class="cx" style="display: block; 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">@@ -313,7 +319,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Simple allowable tags that should get unencoded.
</span><span class="cx" style="display: block; padding: 0 10px"> // Note: This precludes them from being able to be used in an encoded fashion
</span><span class="cx" style="display: block; padding: 0 10px"> // within a parameter description.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $allowable_tags = array( 'code' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $allowable_tags = array( 'code', 'br' );
</ins><span class="cx" style="display: block; padding: 0 10px"> foreach ( $allowable_tags as $tag ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $text = str_replace( array( "<{$tag}>", "</{$tag}>" ), array( "<{$tag}>", "</{$tag}>" ), $text );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -378,29 +384,39 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $content = " $piece "; // Pad with whitespace to simplify the regexes
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Only if the text contains something that might be a function.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( false !== strpos( $content, '()' ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( str_contains( $content, '()' ) || str_contains( $content, '::' ) || str_contains( $content, '->' ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Detect references to class methods, e.g. WP_Query::query()
</span><span class="cx" style="display: block; padding: 0 10px"> // or functions, e.g. register_post_type().
</span><span class="cx" style="display: block; padding: 0 10px"> $content = preg_replace_callback(
</span><span class="cx" style="display: block; padding: 0 10px"> '~
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- (?!<.*?) # Non-capturing check to ensure not matching what looks like the inside of an HTML tag.
- ( # 1: The full method or function name.
- ((\w+)::)? # 2: The class prefix, if a method reference.
- (\w+) # 3: The method or function name.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ (?!<.*?) # Non-capturing check to ensure not matching what looks like the inside of an HTML tag.
+ (?P<name>
+ (?P<class>
+ (\w+) # Class Name
+ (::|->|->) # Object reference
+ (\w+) # Method
+ (?P<after>\(\)| ) # () or whitespace to terminate.
+ )
+ |
+ (?P<function>\w+\(\)) # Functions must always end in ().
</ins><span class="cx" style="display: block; padding: 0 10px"> )
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- \(\) # The () that signifies either a method or function.
- (?![^<>]*?>) # Non-capturing check to ensure not matching what looks like the inside of an HTML tag.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ (?![^<>]*?>) # Non-capturing check to ensure not matching what looks like the inside of an HTML tag.
</ins><span class="cx" style="display: block; padding: 0 10px"> ~x',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- function ( $matches ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function( $matches ) {
+ $name = rtrim( $matches['name'], '() ' );
+ $after = ( '()' === $matches['after'] ? '' : ' ' );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Reference to a class method.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $matches[2] ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $matches['class'] ) {
+ $name = str_replace( array( '->', '->' ), '::', $name );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Only link actually parsed methods.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $post = get_page_by_title( $matches[1], OBJECT, 'wp-parser-method' ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $post = get_page_by_title( $name, OBJECT, 'wp-parser-method' ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> return sprintf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '<a href="%s">%s</a>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<a href="%s" rel="method">%s</a>' . $after,
</ins><span class="cx" style="display: block; padding: 0 10px"> get_permalink( $post->ID ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $matches[0]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $name . '()'
</ins><span class="cx" style="display: block; 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">@@ -407,11 +423,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Reference to a function.
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> // Only link actually parsed functions.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $post = get_page_by_title( $matches[1], OBJECT, 'wp-parser-function' ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $post = get_page_by_title( $name, OBJECT, 'wp-parser-function' ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> return sprintf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '<a href="%s">%s</a>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<a href="%s" rel="function">%s</a>' . $after,
</ins><span class="cx" style="display: block; padding: 0 10px"> get_permalink( $post->ID ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $matches[0]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $name . '()'
</ins><span class="cx" style="display: block; 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">@@ -451,7 +467,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Only link actually parsed classes.
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $post = get_page_by_title( $matches[0], OBJECT, 'wp-parser-class' ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> return sprintf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- '<a href="%s">%s</a>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ '<a href="%s" rel="class">%s</a>',
</ins><span class="cx" style="display: block; padding: 0 10px"> get_permalink( $post->ID ),
</span><span class="cx" style="display: block; padding: 0 10px"> $matches[0]
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -483,6 +499,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * list processing during parsing.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Recognizes lists where list items are denoted with an asterisk or dash.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Examples:
+ * - https://developer.wordpress.org/reference/functions/add_menu_page/
+ * - https://developer.wordpress.org/reference/classes/wp_term_query/__construct/
+ * - https://developer.wordpress.org/reference/hooks/password_change_email/
+ * - https://developer.wordpress.org/reference/classes/WP_Query/parse_query/
</ins><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Does not handle nesting of lists.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -490,44 +511,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @return string
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public static function convert_lists_to_markup( $text ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $inline_list = false;
- $li = '<br /> * ';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Expand new lines for ease of matching.
+ $text = preg_replace( '!<br>\s*!', "<br>\n", $text );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Convert asterisks to a list.
- // Example: https://developer.wordpress.org/reference/functions/add_menu_page/
- if ( false !== strpos( $text, ' * ' ) ) {
- // Display as simple plaintext list.
- $text = str_replace( ' * ', "\n" . $li, $text );
- $inline_list = true;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Trim any trailing <br>s on strings.
+ $text = preg_replace( '/<br>\s*$/s', '', $text );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Convert dashes to a list.
- // Example: https://developer.wordpress.org/reference/classes/wp_term_query/__construct/
- // Example: https://developer.wordpress.org/reference/hooks/password_change_email/
- if ( false !== strpos( $text, ' - ' ) ) {
- // Display as simple plaintext list.
- $text = str_replace( ' - ', "\n" . $li, $text );
- $inline_list = true;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Add line items
+ $text = preg_replace( '!^\s*[*-] (.+?)(<br>)*$!m', '<li>$1</li>', $text, -1, $replacements_made );
+
+ if ( ! $replacements_made ) {
+ return $text;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // If list detected.
- if ( $inline_list ) {
- // Replace first item, ensuring the opening 'ul' tag is prepended.
- $text = preg_replace( '~^' . preg_quote( $li ) . '(.+)$~mU', "<ul><li>\$1</li>\n", $text, 1 );
- // Wrap subsequent list items in 'li' tags.
- $text = preg_replace( '~^' . preg_quote( $li ) . '(.+)$~mU', "<li>\$1</li>\n", $text );
- $text = trim( $text );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Wrap in a `ul`.
+ $text = substr_replace( $text, '<ul><li>', strpos( $text, '<li>' ), 4 ); // First instance
+ $text = substr_replace( $text, '</li></ul>', strrpos( $text, '</li>' ), 5 ); // Last instance.
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Close the list if it hasn't been closed before start of next hash parameter.
- //$text = preg_replace( '~(</li>)(\s+</li>)~smU', '$1</ul>$2', $text );
- $text = preg_replace( '~(</li>)(\s*</li>)~smU', '$1</ul>$2', $text );
-
- // Closethe list if it hasn't been closed and it's the end of the description.
- if ( '</li>' === substr( trim( $text ), -5 ) ) {
- $text .= '</ul>';
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> return $text;
</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">@@ -597,9 +597,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $name = ltrim( $name, '$' );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $name ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $new_text .= "<b>'{$name}'</b><br />";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $new_text .= "<code>{$name}</code>";
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $new_text .= "<i><span class='type'>({$type})</span></i> {$description}";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $new_text .= "<span class='type'>{$type}</span><div class='desc'>{$description}</div>";
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( ! $skip_closing_li ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $new_text .= '</li>';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -670,6 +670,154 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return $text;
</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">+ /**
+ * Wraps code-like references within 'code' tags.
+ *
+ * Example: https://developer.wordpress.org/reference/classes/wp_term_query/__construct/
+ *
+ * @param string $text Text.
+ * @return string
+ */
+ public static function fix_param_description_quotes_to_code( $text ) {
+ // Don't do anything if this is a hash notation string.
+ if ( ! $text || str_starts_with( $text, '{' ) || str_contains( $text, '<ul class="param-hash">' ) ) {
+ return $text;
+ }
+
+ $textarr = preg_split( '/(<[^<>]+>)/', $text, -1, PREG_SPLIT_DELIM_CAPTURE ); // split out HTML tags
+ $text = '';
+ $within_code = false;
+ foreach ( $textarr as $piece ) {
+ // HTML tags are untouched.
+ if ( str_starts_with( $piece, '<' ) || $within_code ) {
+ $text .= $piece;
+
+ if ( str_starts_with( $piece, '</code' ) ) {
+ $within_code = false;
+ } elseif ( ! $within_code ) {
+ $within_code = str_starts_with( $piece, '<code' );
+ }
+
+ continue;
+ }
+
+ // Pipe delimited types inline.
+ $piece = preg_replace( "/(([\w'\[\]]+\|)+[\w'\[\]]+)/", '<code>$1</code>', $piece, -1 );
+
+ // Quoted strings.
+ $piece = preg_replace( "/('[^' ]*')/", '<code>$1</code>', $piece, -1 );
+
+ // Replace ###PARAM### too.
+ // Example: http://localhost:8888/reference/hooks/password_change_email/
+ $piece = preg_replace( "/((#{2,})\w+\\2)/", '<code>$1</code>', $piece );
+
+ $text .= $piece;
+ }
+
+ return $text;
+ }
+
+ /**
+ * Render the php shortcode using the Code Syntax Block syntax.
+ *
+ * This is a workaround for user-submitted code, which used the php shortcode from Syntax Highlighter Evolved.
+ *
+ * @param array|string $attr Shortcode attributes array or empty string.
+ * @param string $content Shortcode content.
+ * @param string $tag Shortcode name.
+ * @return string
+ */
+ public static function do_shortcode_php( $attr, $content, $tag ) {
+ $attr = is_array( $attr ) ? $attr : array();
+ $attr['lang'] = 'php';
+
+ return self::do_shortcode_code( $attr, $content, $tag );
+ }
+
+ /**
+ * Render the js shortcode using the Code Syntax Block syntax.
+ *
+ * This is a workaround for user-submitted code, which used the js shortcode from Syntax Highlighter Evolved.
+ *
+ * @param array|string $attr Shortcode attributes array or empty string.
+ * @param string $content Shortcode content.
+ * @param string $tag Shortcode name.
+ * @return string
+ */
+ public static function do_shortcode_js( $attr, $content, $tag ) {
+ $attr = is_array( $attr ) ? $attr : array();
+ $attr['lang'] = 'js';
+
+ return self::do_shortcode_code( $attr, $content, $tag );
+ }
+
+ /**
+ * Render the css shortcode using the Code Syntax Block syntax.
+ *
+ * This is a new shortcode, but built to mirror the above two, `js` & `php`.
+ *
+ * @param array|string $attr Shortcode attributes array or empty string.
+ * @param string $content Shortcode content.
+ * @param string $tag Shortcode name.
+ * @return string
+ */
+ public static function do_shortcode_css( $attr, $content, $tag ) {
+ $attr = is_array( $attr ) ? $attr : array();
+ $attr['lang'] = 'css';
+
+ return self::do_shortcode_code( $attr, $content, $tag );
+ }
+
+ /**
+ * Render the code shortcode using the Code Syntax Block syntax.
+ *
+ * This is used in the handbooks content.
+ *
+ * @param array|string $attr Shortcode attributes array or empty string.
+ * @param string $content Shortcode content.
+ * @param string $tag Shortcode name.
+ * @return string
+ */
+ public static function do_shortcode_code( $attr, $content, $tag ) {
+ // Use an allowedlist of languages, falling back to PHP.
+ // This should account for all languages used in the handbooks.
+ $lang_list = [ 'js', 'json', 'sh', 'bash', 'html', 'css', 'scss', 'php', 'markdown', 'yaml' ];
+ $lang = in_array( $attr['lang'], $lang_list ) ? $attr['lang'] : 'php';
+
+ $content = self::_trim_code( $content );
+ // Hides numbers if <= 4 lines of code (last line has no linebreak).
+ $show_line_numbers = substr_count( $content, "\n" ) > 3;
+
+ // Shell is flagged with `sh` or `bash` in the handbooks, but Prism uses `shell`.
+ if ( 'sh' === $lang || 'bash' === $lang ) {
+ $lang = 'shell';
+ }
+
+ return do_blocks(
+ sprintf(
+ '<!-- wp:code {"lineNumbers":$3$s} --><pre class="wp-block-code"><code lang="%1$s" class="language-%1$s %4$s">%2$s</code></pre><!-- /wp:code -->',
+ $lang,
+ $content,
+ $show_line_numbers ? 'true' : 'false',
+ $show_line_numbers ? 'line-numbers' : ''
+ )
+ );
+ }
+
+ /**
+ * Trim off any extra space, including initial new lines.
+ * Strip out <br /> and <p> added by WordPress.
+ *
+ * @param string $content Shortcode content.
+ * @return string
+ */
+ public static function _trim_code( $content ) {
+ $content = preg_replace( '/<br \/>/', '', $content );
+ $content = preg_replace( '/<\/p>\s*<p>/', "\n\n", $content );
+ // Trim everything except leading spaces.
+ $content = trim( $content, "\n\r\t\v\x00" );
+ return $content;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> } // DevHub_Formatting
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> DevHub_Formatting::init();
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincimportblockeditorphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/import-block-editor.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/import-block-editor.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/import-block-editor.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -21,8 +21,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'wporg_markdown_after_transform', array( $this, 'wporg_markdown_after_transform' ), 10, 2 );
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'wporg_markdown_edit_link', array( $this, 'wporg_markdown_edit_link' ), 10, 2 );
</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_filter( 'syntaxhighlighter_htmlresult', array( $this, 'fix_code_entity_encoding' ) );
-
</del><span class="cx" style="display: block; padding: 0 10px"> add_action( 'pre_post_update', function( $post_id, $data ) {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $this->get_post_type() === $data['post_type'] ) {
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'wp_kses_allowed_html', array( __CLASS__, 'allow_extra_tags' ), 10, 1 );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -143,30 +141,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">- * Fixes unwarranted HTML entity encoding within code shortcodes.
- *
- * @param string $content Post content.
- * @return string
- */
- public function fix_code_entity_encoding( $content ) {
- if ( $this->get_post_type() !== get_post_type() ) {
- return $content;
- }
-
- if ( false !== mb_strpos( $content, '&' ) ) {
- $content = preg_replace_callback(
- '|(<pre class="brush[^>]+)(.+)(</pre)|Us',
- function( $matches ) {
- return $matches[1] . html_entity_decode( $matches[2], ENT_QUOTES | ENT_HTML401 ) . $matches[3];
- },
- $content
- );
- }
-
- return $content;
- }
-
- /**
</del><span class="cx" style="display: block; padding: 0 10px"> * Fixes fetched value of markdown_source meta field to not be the
</span><span class="cx" style="display: block; padding: 0 10px"> * raw.githubcontent.com domain that is currently incorrectly used
</span><span class="cx" style="display: block; padding: 0 10px"> * in the block editor manifest.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -342,7 +316,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @return string
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public function wporg_markdown_edit_link( $link, $post_id ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $this->get_post_type() === get_post_type( $post_id ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $this->get_post_type() === get_post_type( $post_id ) && defined( 'WP_CORE_STABLE_BRANCH' ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> $link = str_replace( '/wp/' . WP_CORE_STABLE_BRANCH . '/', '/trunk/', $link );
</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="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperinclooppaginationphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/loop-pagination.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/loop-pagination.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/loop-pagination.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -54,10 +54,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'total' => $max_num_pages,
</span><span class="cx" style="display: block; padding: 0 10px"> 'current' => $current,
</span><span class="cx" style="display: block; padding: 0 10px"> 'prev_next' => true,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- //'prev_text' => __( '« Previous' ), // This is the WordPress default.
- //'next_text' => __( 'Next »' ), // This is the WordPress default.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'prev_text' => __( 'Previous', 'wporg' ),
+ 'next_text' => __( 'Next', 'wporg' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'show_all' => false,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'end_size' => 1,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'end_size' => 2,
</ins><span class="cx" style="display: block; padding: 0 10px"> 'mid_size' => 1,
</span><span class="cx" style="display: block; padding: 0 10px"> 'add_fragment' => '',
</span><span class="cx" style="display: block; padding: 0 10px"> 'type' => 'plain',
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -110,4 +110,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return $page_links;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincregistrationsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/registrations.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/registrations.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/registrations.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -74,8 +74,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'show_in_rest' => true,
</span><span class="cx" style="display: block; padding: 0 10px"> ) );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Methods
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Rewrite rules. The more specific rules like `/embed` must be first, to override the more generic rules.
</ins><span class="cx" style="display: block; padding: 0 10px"> add_rewrite_rule( 'reference/classes/page/([0-9]{1,})/?$', 'index.php?post_type=wp-parser-class&paged=$matches[1]', 'top' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_rewrite_rule( 'reference/classes/([^/]+)/embed/?$', 'index.php?post_type=wp-parser-class&name=$matches[1]&embed=true', 'top' );
+ add_rewrite_rule( 'reference/classes/([^/]+)/([^/]+)/embed/?$', 'index.php?post_type=wp-parser-method&name=$matches[1]-$matches[2]&embed=true', 'top' );
</ins><span class="cx" style="display: block; padding: 0 10px"> add_rewrite_rule( 'reference/classes/([^/]+)/([^/]+)/?$', 'index.php?post_type=wp-parser-method&name=$matches[1]-$matches[2]', 'top' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Classes
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincsearchphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/search.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/search.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/search.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -68,7 +68,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public static function pre_get_posts( $query ) {
</span><span class="cx" style="display: block; padding: 0 10px"> // Don't modify anything if not a non-admin main search query.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( ! ( ! is_admin() && $query->is_main_query() && $query->is_search() ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if (
+ (
+ // Not the admin
+ is_admin() ||
+ // Not non-main queries / non-searches
+ ( ! $query->is_main_query() || ! $query->is_search() )
+ ) &&
+ // but yes if it's the autocomplete search (which is admin, and not the main query).
+ ! $query->get( '_autocomplete_search' )
+ ) {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -85,11 +94,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><span class="cx" style="display: block; padding: 0 10px"> // If user has '()' at end of a search string, assume they want a specific function/method.
</span><span class="cx" style="display: block; padding: 0 10px"> $s = htmlentities( $query->get( 's' ) );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( '()' === substr( $s, -2 ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( '()' === substr( $s, -2 ) || '(' == substr( $s, -1 ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> // Enable exact search.
</span><span class="cx" style="display: block; padding: 0 10px"> $query->set( 'exact', true );
</span><span class="cx" style="display: block; padding: 0 10px"> // Modify the search query to omit the parentheses.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $query->set( 's', substr( $s, 0, -2 ) ); // remove '()'
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $query->set( 's', trim( $s, '()' ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> // Restrict search to function-like content.
</span><span class="cx" style="display: block; padding: 0 10px"> $query->set( 'post_type', array( 'wp-parser-function', 'wp-parser-method' ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperinctemplatetagsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -113,7 +113,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Check if the current page is a reply to a note.
</span><span class="cx" style="display: block; padding: 0 10px"> $reply_id = 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( isset( $_GET['replytocom'] ) && $_GET['replytocom'] ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( isset( $_GET['replytocom'] ) && $_GET['replytocom'] ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Javascript uses preventDefault() when clicking links with '?replytocom={comment_ID}'
</span><span class="cx" style="display: block; padding: 0 10px"> * We assume Javascript is disabled when visiting a page with this query var.
</span><span class="cx" style="display: block; padding: 0 10px"> * There are no consequences if Javascript is enabled.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -175,7 +175,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $is_user_logged_in = is_user_logged_in();
</span><span class="cx" style="display: block; padding: 0 10px"> $can_user_post_note = DevHub\can_user_post_note( true, get_the_ID() );
</span><span class="cx" style="display: block; padding: 0 10px"> $is_user_verified = $is_user_logged_in && $can_user_post_note;
</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"> $args['updated_note'] = 0;
</span><span class="cx" style="display: block; padding: 0 10px"> if ( isset( $_GET['updated-note'] ) && $_GET['updated-note'] ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $args['updated_note'] = absint( $_GET['updated-note'] );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -620,17 +620,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @return string
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function get_site_section_url() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $parts = explode( '/', $GLOBALS['wp']->request );
- switch ( $parts[0] ) {
- case 'reference':
- case 'plugins':
- case 'themes':
- return home_url( '/' . $parts[0] . '/' );
- case 'cli':
- return home_url( '/cli/commands/' );
- default:
- return home_url( '/' );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return home_url( '/' );
</ins><span class="cx" style="display: block; 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">@@ -644,23 +634,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> case 'resources':
</span><span class="cx" style="display: block; padding: 0 10px"> case 'resource':
</span><span class="cx" style="display: block; padding: 0 10px"> return sprintf( __( 'Developer Resources: %s', 'wporg' ), get_the_title() );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- case 'reference':
- return __( 'Code Reference', 'wporg' );
- case 'plugins':
- return __( 'Plugin Handbook', 'wporg' );
- case 'themes':
- return __( 'Theme Handbook', 'wporg' );
- case 'apis':
- return __( 'Common APIs Handbook', 'wporg' );
- case 'block-editor':
- return __( 'Block Editor Handbook', 'wporg' );
- case 'cli':
- return __( 'WP-CLI Commands', 'wporg' );
- case 'coding-standards':
- return __( 'Coding Standards Handbook', 'wporg' );
- case 'rest-api':
- return __( 'REST API Handbook', 'wporg' );
</del><span class="cx" style="display: block; padding: 0 10px"> default:
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if( is_page( 'reference' ) ) {
+ return __( 'Code Reference', 'wporg' );
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> return __( 'Developer Resources', 'wporg' );
</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">@@ -687,6 +665,36 @@
</span><span class="cx" style="display: block; 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">+ * Returns the hook string.
+ *
+ * @param int $post_id
+ *
+ * @return string
+ */
+ function get_hook_type_name( $post_id ) {
+ $hook_type = get_post_meta( $post_id, '_wp-parser_hook_type', true );
+ if ( false !== strpos( $hook_type, 'action' ) ) {
+ if ( 'action_reference' === $hook_type ) {
+ $hook_type = 'do_action_ref_array';
+ } elseif ( 'action_deprecated' === $hook_type ) {
+ $hook_type = 'do_action_deprecated';
+ } else {
+ $hook_type = 'do_action';
+ }
+ } else {
+ if ( 'filter_reference' === $hook_type ) {
+ $hook_type = 'apply_filters_ref_array';
+ } elseif ( 'filter_deprecated' === $hook_type ) {
+ $hook_type = 'apply_filters_deprecated';
+ } else {
+ $hook_type = 'apply_filters';
+ }
+ }
+
+ return $hook_type;
+ }
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Retrieve function name and arguments as signature string
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param int $post_id
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -707,7 +715,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $types = array();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( 'wp-parser-class' === get_post_type( $post_id ) ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return $signature;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return '<span class="keyword">class</span> ' . $signature . ' {}';
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $tags ) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -725,24 +733,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $hook_args[] = ' <nobr><span class="arg-type">' . esc_html( $type ) . '</span> <span class="arg-name">' . esc_html( $arg ) . '</span></nobr>';
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $hook_type = get_post_meta( $post_id, '_wp-parser_hook_type', true );
- if ( false !== strpos( $hook_type, 'action' ) ) {
- if ( 'action_reference' === $hook_type ) {
- $hook_type = 'do_action_ref_array';
- } elseif ( 'action_deprecated' === $hook_type ) {
- $hook_type = 'do_action_deprecated';
- } else {
- $hook_type = 'do_action';
- }
- } else {
- if ( 'filter_reference' === $hook_type ) {
- $hook_type = 'apply_filters_ref_array';
- } elseif ( 'filter_deprecated' === $hook_type ) {
- $hook_type = 'apply_filters_deprecated';
- } else {
- $hook_type = 'apply_filters';
- }
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $hook_type = get_hook_type_name( $post_id );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $delimiter = false !== strpos( $signature, '$' ) ? '"' : "'";
</span><span class="cx" style="display: block; padding: 0 10px"> $signature = $delimiter . $signature . $delimiter;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -782,6 +773,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> $signature .= ')';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $return = get_return( $post_id, false );
+ if ( $return ) {
+ $signature .= ': ' . $return;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> return wp_kses_post( $signature );
</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">@@ -804,9 +800,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $tags ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $encountered_optional = false;
</span><span class="cx" style="display: block; padding: 0 10px"> foreach ( $tags as $tag ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Fix unintended markup introduced by parser.
- $tag = str_replace( array( '<strong>', '</strong>' ), '__', $tag );
-
</del><span class="cx" style="display: block; padding: 0 10px"> if ( ! empty( $tag['name'] ) && 'param' == $tag['name'] ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $params[ $tag['variable'] ] = $tag;
</span><span class="cx" style="display: block; padding: 0 10px"> $types = array();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -871,7 +864,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">-
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -879,6 +871,54 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * Recurse through parameters that referer to arguments in other functions or methods, and find the innermost parameter description.
+ * For example the description for the wp_count_terms( $args ) parameter refers to get_terms( $args ) which in turn refers to WP_Term_Query::__construct( $query ).
+ * Given the wp_count_terms( $args ) parameter, this will find and return the one for WP_Term_Query::__construct( $query ).
+ *
+ * @param array $param A single parameter array as found in `_wp-parser_args` postmeta.
+ * @param int $recursion_limit Maximum number of levels to recurse through.
+ *
+ * @return array|null
+ */
+
+ function get_param_reference( $param, $recursion_limit = 3 ) {
+ if ( $recursion_limit > 0 && preg_match_all( '#rel="(function|method)">([^<>()]+)[(][)]</a>#', $param[ 'content' ], $matches, PREG_SET_ORDER ) ) {
+ foreach ( $matches as $match ) {
+ if ( $_post = get_page_by_title( $match[2], OBJECT, 'wp-parser-' . $match[1] ) ) {
+ if ( $_params = get_params( $_post->ID ) ) {
+
+ $arg_names_to_try = array_unique([
+ $param['variable'], // An exact match for the name eg $args
+ '$args',
+ '$query', // For example get_terms( $args ) -> WP_Term_Query::__construct( $query )
+ ]);
+
+ foreach ( $arg_names_to_try as $variable_name ) {
+ if ( isset( $_params[ $variable_name ] ) ) {
+ // Sometimes the referenced doc page has another level of indirection!
+ $recurse = get_param_reference( $_params[ $variable_name ], $recursion_limit - 1 );
+ if ( $recurse ) {
+ $recurse[ 'parent' ] = $_post->post_title;
+ $recurse[ 'parent_var' ] = $variable_name;
+ return $recurse;
+ } else {
+ $result = $_params[ $variable_name ];
+ $result[ 'parent' ] = $_post->post_title;
+ $result[ 'parent_var' ] = $variable_name;
+ return $result;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+
+ return null;
+ }
+
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Retrieve arguments as an array
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param int $post_id
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -915,7 +955,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @return string
</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 get_return( $post_id = null ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function get_return( $post_id = null, $include_description = true ) {
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( empty( $post_id ) ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $post_id = get_the_ID();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -934,7 +974,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $type = empty( $return['types'] ) ? '' : esc_html( implode( '|', $return['types'] ) );
</span><span class="cx" style="display: block; padding: 0 10px"> $type = apply_filters( 'devhub-function-return-type', $type, $post_id );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return "<span class='return-type'>({$type})</span> $description";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $include_description ) {
+ return "<span class='return-type'>{$type}</span> $description";
+ } else {
+ return "<span class='return-type'>{$type}</span>";
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1245,13 +1289,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @return boolean
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function post_type_has_uses_info( $post_type = null ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $post_type = $post_type ? $post_type : get_post_type();
- $post_types_with_uses = array( 'wp-parser-function', 'wp-parser-method', 'wp-parser-class' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $post_type = $post_type ? $post_type : get_post_type();
+ $post_types_with_uses = array( 'wp-parser-function', 'wp-parser-method', 'wp-parser-class' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> return in_array( $post_type, $post_types_with_uses );
</span><span class="cx" style="display: block; 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">+ * Does the post type support hooks information?
+ *
+ * @param string $post_type Optional. The post type name. If blank, assumes current post type.
+ *
+ * @return boolean
+ */
+ function post_type_has_hooks_info( $post_type = null ) {
+ $post_type = $post_type ? $post_type : get_post_type();
+ $post_types_with_hooks = array( 'wp-parser-function', 'wp-parser-method' );
+
+ return in_array( $post_type, $post_types_with_hooks );
+ }
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Retrieves a WP_Query object for the posts that the current post uses.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param int|WP_Post|null $post Optional. Post ID or post object. Default is global $post.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1272,15 +1330,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ) );
</span><span class="cx" style="display: block; padding: 0 10px"> return $connected;
</span><span class="cx" style="display: block; padding: 0 10px"> } elseif ( 'wp-parser-function' === $post_type ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $connection_types = array( 'functions_to_functions', 'functions_to_methods', 'functions_to_hooks' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $connection_types = array( 'functions_to_functions', 'functions_to_methods' );
</ins><span class="cx" style="display: block; padding: 0 10px"> } else {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $connection_types = array( 'methods_to_functions', 'methods_to_methods', 'methods_to_hooks' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $connection_types = array( 'methods_to_functions', 'methods_to_methods' );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $connected = new \WP_Query( array(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'post_type' => array( 'wp-parser-function', 'wp-parser-method', 'wp-parser-hook' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'post_type' => array( 'wp-parser-function', 'wp-parser-method' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'connected_type' => $connection_types,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'connected_direction' => array( 'from', 'from', 'from' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'connected_direction' => array( 'from', 'from' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> 'connected_items' => $post_id,
</span><span class="cx" style="display: block; padding: 0 10px"> 'nopaging' => true,
</span><span class="cx" style="display: block; padding: 0 10px"> ) );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1289,6 +1347,33 @@
</span><span class="cx" style="display: block; 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">+ * Retrieves a WP_Query object for the hook posts that the current post is linked to.
+ *
+ * @param int|WP_Post|null $post Optional. Post ID or post object. Default is global $post.
+ * @return WP_Query|null The WP_Query if the post's post type supports 'uses', null otherwise.
+ */
+ function get_hooks( $post = null ) {
+ $post_id = get_post_field( 'ID', $post );
+ $post_type = get_post_type( $post );
+
+ if ( 'wp-parser-function' === $post_type ) {
+ $connection_types = array( 'functions_to_hooks' );
+ } else {
+ $connection_types = array( 'methods_to_hooks' );
+ }
+
+ $connected = new \WP_Query( array(
+ 'post_type' => 'wp-parser-hook',
+ 'connected_type' => $connection_types,
+ 'connected_direction' => array( 'from' ),
+ 'connected_items' => $post_id,
+ 'nopaging' => true,
+ ) );
+
+ return $connected;
+ }
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Retrieves a WP_Query object for the posts that use the specified post.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param int|WP_Post|null $post Optional. Post ID or post object. Default is global $post.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1336,12 +1421,62 @@
</span><span class="cx" style="display: block; 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">+ * Find functions & methods that are often used by other functions and methods.
+ */
+ function _get_functions_to_exclude_from_uses() {
+ global $wpdb;
+
+ $ids = get_transient( __METHOD__ );
+ if ( $ids ) {
+ return $ids;
+ }
+
+ $ids = $wpdb->get_col(
+ "SELECT p2p_to
+ FROM {$wpdb->p2p} p2p
+ WHERE p2p_type IN ( 'methods_to_functions', 'functions_to_functions', 'methods_to_methods', 'functions_to_methods' )
+ GROUP BY p2p_to
+ HAVING COUNT(*) > 50"
+ );
+
+ set_transient( __METHOD__, $ids, DAY_IN_SECONDS );
+
+ return $ids;
+ }
+
+ /**
+ * Rearrange the results of get_uses() so that frequent functions are pushed to the bottom.
+ * Sorts the array in-place.
+ *
+ * @return int The number of infrequent items in the list (ie the cutoff point for show/hide).
+ */
+ function split_uses_by_frequent_funcs( &$posts ) {
+
+ $frequent_funcs = _get_functions_to_exclude_from_uses();
+
+ // Sort the posts array so frequently used functions are at the end
+ usort( $posts, function( $a, $b ) use ( $frequent_funcs ) {
+ return (int) in_array( $a->ID, $frequent_funcs ) - (int) in_array( $b->ID, $frequent_funcs );
+ } );
+
+ $infrequent_count = 0;
+ foreach ( $posts as $i => $post ) {
+ if ( in_array( $post->ID, $frequent_funcs ) ) {
+ break;
+ }
+ $infrequent_count = $i + 1;
+ }
+
+ return $infrequent_count;
+ }
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Returns the array of post types that have source code.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @return array
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function get_post_types_with_source_code() {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return array( 'wp-parser-class', 'wp-parser-method', 'wp-parser-function' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return array( 'wp-parser-class', 'wp-parser-method', 'wp-parser-function', 'wp-parser-hook' );
</ins><span class="cx" style="display: block; 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">@@ -1429,6 +1564,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> fclose( $handle );
</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">+ // Trim leading whitespace.
+ if ( preg_match_all( "!^([\t ]*).+$!m", $source_code, $m ) ) {
+ $strip_prefix = min( array_map( 'strlen', $m[1] ) );
+ if ( $strip_prefix ) {
+ $source_code = preg_replace( "!^[\t ]{" . $strip_prefix . "}!m", '$1', $source_code );
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> update_post_meta( $post_id, $meta_key, addslashes( $source_code ) );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> return $source_code;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1593,6 +1736,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $description = $post->post_content;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Replace code blocks generated by Markdown with wp:code blocks.
+ $description = str_replace( '<pre><code>', '[code lang="php"]', $description );
+ $description = str_replace( '</code></pre>', '[/code]', $description );
+
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( $description ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $description = apply_filters( 'the_content', apply_filters( 'get_the_content' , $description ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1623,10 +1770,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $post_types = get_parsed_post_types();
</span><span class="cx" style="display: block; padding: 0 10px"> $taxonomies = array( 'wp-parser-since', 'wp-parser-package', 'wp-parser-source-file' );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return ! ( is_search() || is_404() ) && ( is_singular( $post_types ) || is_post_type_archive( $post_types ) || is_tax( $taxonomies ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return ! ( is_search() || is_404() ) && ( is_singular( $post_types ) || is_post_type_archive( $post_types ) || is_tax( $taxonomies ) || is_page( 'reference' ) );
</ins><span class="cx" style="display: block; 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">+ * Should the search bar filters be shown?
+ *
+ * @return bool True if search bar filters should be shown.
+ */
+ function should_show_search_filters() {
+ $is_handbook = $GLOBALS['wp_query']->is_handbook;
+ return ( is_page( 'reference' ) || is_search() ) && ! $is_handbook;
+ }
+
+ /**
</ins><span class="cx" style="display: block; padding: 0 10px"> * Retrieve an explanation for the given post.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param int|WP_Post $post Post ID or WP_Post object.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1858,9 +2015,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 'params',
</span><span class="cx" style="display: block; padding: 0 10px"> 'return',
</span><span class="cx" style="display: block; padding: 0 10px"> 'explanation',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'methods',
</ins><span class="cx" style="display: block; padding: 0 10px"> 'source',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'hooks',
</ins><span class="cx" style="display: block; padding: 0 10px"> 'related',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'methods',
</del><span class="cx" style="display: block; padding: 0 10px"> 'changelog',
</span><span class="cx" style="display: block; padding: 0 10px"> 'notes'
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperincusercontentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/user-content.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -55,12 +55,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Customize allowed tags
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'wp_kses_allowed_html', array( __CLASS__, 'wp_kses_allowed_html' ), 10, 2 );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Make 'php' the default language
- add_filter( 'syntaxhighlighter_shortcodeatts', array( __CLASS__, 'syntaxhighlighter_shortcodeatts' ) );
-
- // Tweak code contained in shortcode
- add_filter( 'syntaxhighlighter_precode', array( __CLASS__, 'syntaxhighlighter_precode' ) );
-
</del><span class="cx" style="display: block; padding: 0 10px"> // Allowed HTML for a new child comment
</span><span class="cx" style="display: block; padding: 0 10px"> add_filter( 'preprocess_comment', array( __CLASS__, 'comment_new_allowed_html' ) );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -169,41 +163,51 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> public static function scripts_and_styles() {
</span><span class="cx" style="display: block; padding: 0 10px"> if ( is_singular() ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- wp_enqueue_script( 'wporg-developer-function-reference', get_template_directory_uri() . '/js/function-reference.js', array( 'jquery', 'syntaxhighlighter-core', 'syntaxhighlighter-brush-php' ), '20180724', true );
- wp_enqueue_style( 'syntaxhighlighter-core' );
- wp_enqueue_style( 'syntaxhighlighter-theme-default' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script(
+ 'wporg-developer-function-reference',
+ get_template_directory_uri() . '/js/function-reference.js',
+ array( 'jquery', 'wp-a11y' ),
+ filemtime( dirname( __DIR__ ) . '/js/function-reference.js' ),
+ true
+ );
+ wp_localize_script(
+ 'wporg-developer-function-reference',
+ 'wporgFunctionReferenceI18n',
+ array(
+ 'copy' => __( 'Copy', 'wporg' ),
+ 'copied' => __( 'Code copied', 'wporg' ),
+ 'expand' => __( 'Expand code', 'wporg' ),
+ 'collapse' => __( 'Collapse code', 'wporg' ),
+ )
+ );
</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_script( 'wporg-developer-user-notes', get_template_directory_uri() . '/js/user-notes.js', array( 'jquery', 'quicktags' ), '20200110', true );
- wp_enqueue_script( 'wporg-developer-user-notes-feedback', get_template_directory_uri() . '/js/user-notes-feedback.js', array( 'jquery', 'quicktags' ), '20181023', true );
- wp_localize_script( 'wporg-developer-user-notes-feedback', 'wporg_note_feedback', array(
- 'show' => __( 'Show Feedback', 'wporg' ),
- 'hide' => __( 'Hide Feedback', 'wporg' ),
- ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ wp_enqueue_script(
+ 'wporg-developer-user-notes',
+ get_template_directory_uri() . '/js/user-notes.js',
+ array( 'jquery', 'quicktags' ),
+ filemtime( dirname( __DIR__ ) . '/js/user-notes.js' ),
+ true
+ );
+
+ wp_enqueue_script(
+ 'wporg-developer-user-notes-feedback',
+ get_template_directory_uri() . '/js/user-notes-feedback.js',
+ array( 'jquery', 'quicktags' ),
+ filemtime( dirname( __DIR__ ) . '/js/user-notes-feedback.js' ),
+ true
+ );
+ wp_localize_script(
+ 'wporg-developer-user-notes-feedback',
+ 'wporg_note_feedback',
+ array(
+ 'show' => __( 'Show Feedback', 'wporg' ),
+ 'hide' => __( 'Hide Feedback', 'wporg' ),
+ )
+ );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * Sets the default language for SyntaxHighlighter shortcode.
- *
- * @param array $atts Shortcode attributes.
- * @return array
- */
- public static function syntaxhighlighter_shortcodeatts( $atts ) {
- $atts['language'] = 'php';
- return $atts;
- }
-
- /**
- * Subverts capital_P_dangit for SyntaxHighlighter shortcode.
- *
- * @param string $code
- * @return string
- */
- public static function syntaxhighlighter_precode( $code ) {
- return str_replace( 'Wordpress', 'Wordpress', $code );
- }
-
- /**
</del><span class="cx" style="display: block; padding: 0 10px"> * Add hidden fields to the comment form if the context is 'edit'
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param string $submit_field HTML string with the submit button fields.
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsautocompletejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/autocomplete.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/autocomplete.js 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/autocomplete.js 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,7 +18,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> var searchfield = $( '#search-field', form ),
</span><span class="cx" style="display: block; padding: 0 10px"> processing = false,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- search = '';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ search = '',
+ autocompleteResults = {};
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> var awesome = new Awesomplete( searchfield.get( 0 ), {
</span><span class="cx" style="display: block; padding: 0 10px"> maxItems: 9999,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,6 +63,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> return false;
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ replace: function( text ) {
+ searchfield.val( text );
+
+ if ( text in autocompleteResults ) {
+ window.location = autocompleteResults[ text ];
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> } );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // On input event for the search field.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -101,9 +109,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> return false;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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 ( ( response.success === true ) && response.data.posts.length ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( response.success === true && Object.values( response.data.posts ).length ) {
+ autocompleteResults = response.data.posts;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Update the autocomplete list
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- awesome.list = response.data.posts;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ awesome.list = Object.keys( response.data.posts );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> } )
</span><span class="cx" style="display: block; padding: 0 10px"> .always( function() {
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsfunctionreferencejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/function-reference.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/function-reference.js 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/function-reference.js 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,99 +1,106 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* global jQuery, Prism, wporgFunctionReferenceI18n */
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * function-reference.js
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Handles all interactivity on the single function page
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-var wporg_developer = ( function( $ ) {
- 'use strict';
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- var $sourceCollapsedHeight;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// eslint-disable-next-line id-length -- $ OK.
+jQuery( function ( $ ) {
+ // 22.5px (line height) * 15 for 15 lines + 15px top padding + 10px extra.
+ // The extra 10px added to partially show next line so it's clear there is more.
+ const MIN_HEIGHT = 22.5 * 15 + 15 + 10;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- var $usesList, $usedByList, $showMoreUses, $hideMoreUses, $showMoreUsedBy, $hideMoreUsedBy;
-
- function onLoad() {
- sourceCodeHighlightInit();
-
- toggleUsageListInit();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function collapseCodeBlock( $element, $button ) {
+ $button.text( wporgFunctionReferenceI18n.expand );
+ $button.attr( 'aria-expanded', 'false' );
+ // This uses `css()` instead of `height()` to prevent jQuery from adding
+ // in the padding. We want to add in just the top padding, since the
+ // bottom is intentionally cut off.
+ $element.css( { height: MIN_HEIGHT + 'px' } );
</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">- function sourceCodeHighlightInit() {
-
- // We require the SyntaxHighlighter javascript library
- if ( undefined === window.SyntaxHighlighter ) {
- return;
- }
-
- SyntaxHighlighter.highlight();
-
- // 1em (margin) + 10 * 17px + 10. Lines are 1.1em which rounds to 17px: calc( 1em + 17px * 10 + 10 ).
- // Extra 10px added to partially show next line so it's clear there is more.
- $sourceCollapsedHeight = 196;
- sourceCodeDisplay();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function expandCodeBlock( $element, $button ) {
+ $button.text( wporgFunctionReferenceI18n.collapse );
+ $button.attr( 'aria-expanded', 'true' );
+ // { height: auto; } can't be used here or the transition effect won't work.
+ $element.height( $element.data( 'height' ) );
</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">- function sourceCodeDisplay( element ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // For each code block, add the copy button & expanding functionality.
+ $( '.wp-block-code' ).each( function ( i, element ) {
+ const $element = $( element );
+ let timeoutId;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( element !== undefined ) {
- // Find table inside a specific source code element if passed.
- var sourceCode = $( '.source-content', element ).find( 'table' );
- } else {
- // Find table inside all source code elements.
- var sourceCode = $( '.source-content' ).find( 'table' );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const $copyButton = $( document.createElement( 'button' ) );
+ $copyButton.text( wporgFunctionReferenceI18n.copy );
+ $copyButton.on( 'click', function () {
+ clearTimeout( timeoutId );
+ const code = $element.find( 'code' ).text();
+ if ( ! code ) {
+ return;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( !sourceCode.length ) {
- return;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // This returns a promise which will resolve if the copy suceeded,
+ // and we can set the button text to tell the user it worked.
+ // We don't do anything if it fails.
+ window.navigator.clipboard.writeText( code ).then( function () {
+ $copyButton.text( wporgFunctionReferenceI18n.copied );
+ wp.a11y.speak( wporgFunctionReferenceI18n.copied );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- sourceCode.each( function( t ) {
- if ( ( $sourceCollapsedHeight - 12 ) < $( this ).height() ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // After 5 seconds, reset the button text.
+ timeoutId = setTimeout( function () {
+ $copyButton.text( wporgFunctionReferenceI18n.copy );
+ }, 5000 );
+ } );
+ } );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- var sourceContent = $( this ).closest( '.source-content' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const $container = $( document.createElement( 'div' ) );
+ $container.addClass( 'wp-code-block-button-container' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Do this with javascript so javascript-less can enjoy the total sourcecode
- sourceContent.find( '.source-code-container' ).css( {
- height: $sourceCollapsedHeight + 'px'
- } );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $container.append( $copyButton );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- sourceContent.find( '.source-code-links' ).find( 'span:first' ).show();
- sourceContent.find( '.show-complete-source' ).show();
- sourceContent.find( '.show-complete-source' ).off( 'click.togglesource' ).on( 'click.togglesource', toggleCompleteSource );
- sourceContent.find( '.less-complete-source' ).off( 'click.togglesource' ).on( 'click.togglesource', toggleCompleteSource );
- }
- } );
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Check code block height, and if it's larger, add in the collapse
+ // button, and set it to be collapsed differently.
+ const originalHeight = $element.height();
+ if ( originalHeight > MIN_HEIGHT ) {
+ $element.data( 'height', originalHeight );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- function toggleCompleteSource( e ) {
- e.preventDefault();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const $expandButton = $( document.createElement( 'button' ) );
+ $expandButton.on( 'click', function () {
+ if ( 'true' === $expandButton.attr( 'aria-expanded' ) ) {
+ collapseCodeBlock( $element, $expandButton );
+ } else {
+ expandCodeBlock( $element, $expandButton );
+ }
+ } );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- var sourceContent = $( this ).closest( '.source-content' );
-
- if ( $( this ).parent().find( '.show-complete-source' ).is( ':visible' ) ) {
- var heightGoal = sourceContent.find( 'table' ).height() + 45; // takes into consideration potential x-scrollbar
- } else {
- var heightGoal = $sourceCollapsedHeight;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ collapseCodeBlock( $element, $expandButton );
+ $container.append( $expandButton );
</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">- sourceContent.find( '.source-code-container:first' ).animate( { height: heightGoal + 'px' } );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $element.before( $container );
+ } );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $( this ).parent().find( 'a' ).toggle();
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ let $usesList, $usedByList, $showMoreUses, $hideMoreUses, $showMoreUsedBy, $hideMoreUsedBy;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> function toggleUsageListInit() {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ var usesToShow = $( '#uses-table' ).data( 'show' ),
+ usedByToShow = $( '#used-by-table' ).data( 'show' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // We only expect one used_by and uses per document
</span><span class="cx" style="display: block; padding: 0 10px"> $usedByList = $( 'tbody tr', '#used-by-table' );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $usesList = $( 'tbody tr', '#uses-table' );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $usesList = $( 'tbody tr', '#uses-table' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $usedByList.length > 5 ) {
- $usedByList = $usedByList.slice( 5 ).hide();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $usedByList.length > usedByToShow ) {
+ $usedByList = $usedByList.slice( usedByToShow ).hide();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $showMoreUsedBy = $( '.used-by .show-more' ).show().on( 'click', toggleMoreUsedBy );
</span><span class="cx" style="display: block; padding: 0 10px"> $hideMoreUsedBy = $( '.used-by .hide-more' ).on( 'click', toggleMoreUsedBy );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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 ( $usesList.length > 5 ) {
- $usesList = $usesList.slice( 5 ).hide();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $usesList.length > usesToShow ) {
+ $usesList = $usesList.slice( usesToShow ).hide();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $showMoreUses = $( '.uses .show-more' ).show().on( 'click', toggleMoreUses );
</span><span class="cx" style="display: block; padding: 0 10px"> $hideMoreUses = $( '.uses .hide-more' ).on( 'click', toggleMoreUses );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -100,8 +107,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">- function toggleMoreUses( e ) {
- e.preventDefault();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function toggleMoreUses( event ) {
+ event.preventDefault();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $usesList.toggle();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -109,8 +116,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $hideMoreUses.toggle();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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 toggleMoreUsedBy( e ) {
- e.preventDefault();
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ function toggleMoreUsedBy( event ) {
+ event.preventDefault();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $usedByList.toggle();
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -118,11 +125,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $hideMoreUsedBy.toggle();
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $( onLoad );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ toggleUsageListInit();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Expose the sourceCodeDisplay() function for usage outside of this function.
- return {
- sourceCodeDisplay: sourceCodeDisplay
- };
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Runs before the highlight parsing is run.
+ // `env` is defined here: https://github.com/PrismJS/prism/blob/2815f699970eb8387d741e3ac886845ce5439afb/prism.js#L583-L588
+ Prism.hooks.add( 'before-highlight', function ( env ) {
+ // If the code starts with `<`, it's either already got an opening tag,
+ // or it starts with HTML. Either way, we don't want to inject here.
+ if ( 'php' === env.language && ! env.code.startsWith( '<' ) ) {
+ env.code = '<? ' + env.code;
+ env.hasAddedTag = true;
+ }
+ } );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-} )( jQuery );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Runs before `highlightedCode` is set to the `innerHTML` of the container.
+ Prism.hooks.add( 'before-insert', function ( env ) {
+ if ( env.hasAddedTag ) {
+ env.highlightedCode = env.highlightedCode.replace(
+ '<span class="token delimiter important"><?</span> ',
+ ''
+ );
+ }
+ } );
+} );
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperjsusernotespreviewjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/user-notes-preview.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/user-notes-preview.js 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/user-notes-preview.js 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -115,23 +115,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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Add toggle links to source code in preview if needed.
- function updateSourceCode() {
- if ( undefined !== wporg_developer ) {
- wporg_developer.sourceCodeDisplay( preview );
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> function updatePreview_HTML( content ) {
</span><span class="cx" style="display: block; padding: 0 10px"> // Update preview content
</span><span class="cx" style="display: block; padding: 0 10px"> previewContent.html( content );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( undefined !== window.SyntaxHighlighter ) {
- SyntaxHighlighter.highlight();
- }
-
- // Add toggle link to source code in preview if needed.
- updateSourceCode();
</del><span class="cx" style="display: block; padding: 0 10px"> spinner.hide();
</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="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperpackagejson"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/package.json 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/package.json 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> {
</span><span class="cx" style="display: block; padding: 0 10px"> "name": "wporg-developer",
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "version": "1.0.0",
</ins><span class="cx" style="display: block; padding: 0 10px"> "description": "Theme for WordPress Developer Resources",
</span><span class="cx" style="display: block; padding: 0 10px"> "repository": {
</span><span class="cx" style="display: block; padding: 0 10px"> "type": "svn",
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,5 +14,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "grunt-sass": "~3.1.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "matchdep": "~2.0.0",
</span><span class="cx" style="display: block; padding: 0 10px"> "node-sass": "^6.0.1"
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ },
+ "scripts": {
+ "start": "grunt watch",
+ "build": "grunt"
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperpagehomelandingphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-home-landing.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-home-landing.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-home-landing.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,49 +16,49 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="inner-wrap section">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="box box-code-ref">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="widget-title"><div class="dashicons dashicons-editor-code"></div><?php _e( 'Code Reference', 'wporg' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><a href="<?php echo esc_url( home_url( '/reference' ) ); ?>" class="widget-title"><div class="dashicons dashicons-editor-code"></div><?php _e( 'Code Reference', 'wporg' ); ?></a></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="widget-description"><?php _e( 'Looking for documentation for the codebase?', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( home_url( '/reference' ) ); ?>" class="go"><?php _e( 'Visit the reference', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="box box-coding-standards">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="widget-title"><div class="dashicons dashicons-code-standards"></div><?php _e( 'Coding Standards', 'wporg' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><a href="<?php echo esc_url( get_post_type_archive_link( 'wpcs-handbook' ) ); ?>" class="widget-title"><div class="dashicons dashicons-code-standards"></div><?php _e( 'Coding Standards', 'wporg' ); ?></a></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="widget-description"><?php _e( 'Looking to ensure your code meets the standards?', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( get_post_type_archive_link( 'wpcs-handbook' ) ); ?>" class="go"><?php _e( 'Follow Standards ', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="box box-block-editor">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="widget-title"><div class="dashicons dashicons-edit"></div><?php _e( 'Block Editor', 'wporg' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><a href="<?php echo esc_url( get_post_type_archive_link( 'blocks-handbook' ) ); ?>" class="widget-title"><div class="dashicons dashicons-edit"></div><?php _e( 'Block Editor', 'wporg' ); ?></a></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="widget-description"><?php _e( 'Creating the building blocks of WordPress?', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( get_post_type_archive_link( 'blocks-handbook' ) ); ?>" class="go"><?php _e( 'Build Blocks ', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="box box-apis">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="widget-title"><div class="dashicons dashicons-admin-site-alt3"></div><?php _e( 'Common APIs', 'wporg' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><a href="<?php echo esc_url( get_post_type_archive_link( 'apis-handbook' ) ); ?>" class="widget-title"><div class="dashicons dashicons-admin-site-alt3"></div><?php _e( 'Common APIs', 'wporg' ); ?></a></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="widget-description"><?php _e( 'Interested in interacting with various APIs?', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( get_post_type_archive_link( 'apis-handbook' ) ); ?>" class="go"><?php _e( 'Utilize APIs', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="box box-themes">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="widget-title"><div class="dashicons dashicons-admin-appearance"></div><?php _e( 'Themes', 'wporg' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><a href="<?php echo esc_url( get_post_type_archive_link( 'theme-handbook' ) ); ?>" class="widget-title"><div class="dashicons dashicons-admin-appearance"></div><?php _e( 'Themes', 'wporg' ); ?></a></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="widget-description"><?php _e( 'Want to learn how to start theming WordPress?', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( get_post_type_archive_link( 'theme-handbook' ) ); ?>" class="go"><?php _e( 'Develop Themes ', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="box box-plugins">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="widget-title"><div class="dashicons dashicons-admin-plugins"></div><?php _e( 'Plugins', 'wporg' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><a href="<?php echo esc_url( get_post_type_archive_link( 'plugin-handbook' ) ); ?>" class="widget-title"><div class="dashicons dashicons-admin-plugins"></div><?php _e( 'Plugins', 'wporg' ); ?></a></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="widget-description"><?php _e( 'Ready to dive deep into the world of plugin authoring?', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( get_post_type_archive_link( 'plugin-handbook' ) ); ?>" class="go"><?php _e( 'Develop Plugins ', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="box box-rest-api">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="widget-title"><div class="dashicons dashicons-rest-api"></div><?php _e( 'REST API', 'wporg' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><a href="<?php echo esc_url( get_post_type_archive_link( 'rest-api-handbook' ) ); ?>" class="widget-title"><div class="dashicons dashicons-rest-api"></div><?php _e( 'REST API', 'wporg' ); ?></a></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="widget-description"><?php _e( 'Getting started on making WordPress applications?', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( get_post_type_archive_link( 'rest-api-handbook' ) ); ?>" class="go"><?php _e( 'Make Applications ', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div class="box box-wp-cli">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <h3 class="widget-title"><div class="dashicons dashicons-arrow-right-alt2"></div><?php _e( 'WP-CLI', 'wporg' ); ?></h3>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <h3><a href="<?php echo esc_url( get_post_type_archive_link( 'command' ) ); ?>" class="widget-title"><div class="dashicons dashicons-arrow-right-alt2"></div><?php _e( 'WP-CLI', 'wporg' ); ?></a></h3>
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="widget-description"><?php _e( 'Want to accelerate your workflow managing WordPress?', 'wporg' ); ?></p>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php echo esc_url( get_post_type_archive_link( 'command' ) ); ?>" class="go"><?php _e( 'Run Commands ', 'wporg' ); ?></a>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperpagereferencelandingphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-reference-landing.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-reference-landing.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/page-reference-landing.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,104 +13,88 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div id="content-area">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php breadcrumb_trail(); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div>
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <main id="main" class="site-main" role="main">
- <div class="reference-landing">
- <div class="search-guide section clear">
- <h4 class="ref-intro"><?php _e( 'Want to know what's going on inside WordPress? Search the Code Reference for more information about WordPress' functions, classes, methods, and hooks.', 'wporg' ); ?></h4>
- <h3 class="search-intro"><?php _e( 'Try it out:', 'wporg' ); ?></h3>
- <?php get_search_form(); ?>
- </div><!-- /search-guide -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <main id="main" class="site-main" role="main">
+ <div class="reference-landing">
+ <div class="new-in-guide two-columns clear">
+ <div class="widget box gray">
+ <?php $version = DevHub\get_current_version_term(); ?>
+ <?php if ( $version && ! is_wp_error( $version ) ) : ?>
+ <h3 class="widget-title"><?php printf( __( 'New & Updated in WordPress %s:', 'wporg' ), substr( $version->name, 0, -2 ) ); ?></h3>
+ <div class="widget-content">
+ <ul class="unordered-list no-bullets">
+ <?php
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="topic-guide section">
- <h4><?php _e( 'Or browse through topics:', 'wporg' ); ?></h4>
- <ul class="unordered-list horizontal-list no-bullets">
- <li><a href="<?php echo get_post_type_archive_link( 'wp-parser-function' ) ?>"><?php _e( 'Functions', 'wporg' ); ?></a></li>
- <li><a href="<?php echo get_post_type_archive_link( 'wp-parser-hook' ) ?>"><?php _e( 'Hooks', 'wporg' ); ?></a></li>
- <li><a href="<?php echo get_post_type_archive_link( 'wp-parser-class' ) ?>"><?php _e( 'Classes', 'wporg' ); ?></a></li>
- <li><a href="<?php echo get_post_type_archive_link( 'wp-parser-method' ) ?>"><?php _e( 'Methods', 'wporg' ); ?></a></li>
- </ul>
- </div><!-- /topic-guide -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $list = new WP_Query( array(
+ 'posts_per_page' => 15,
+ 'post_type' => DevHub\get_parsed_post_types(),
+ 'orderby' => 'title',
+ 'order' => 'ASC',
+ 'tax_query' => array( array(
+ 'taxonomy' => 'wp-parser-since',
+ 'field' => 'ids',
+ 'terms' => $version->term_id,
+ ) ),
+ ) );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="new-in-guide section two-columns clear">
- <div class="widget box gray">
- <?php $version = DevHub\get_current_version_term(); ?>
- <?php if ( $version && ! is_wp_error( $version ) ) : ?>
- <h3 class="widget-title"><?php printf( __( 'New & Updated in WordPress %s:', 'wporg' ), substr( $version->name, 0, -2 ) ); ?></h3>
- <div class="widget-content">
- <ul class="unordered-list no-bullets">
- <?php
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ while ( $list->have_posts() ) : $list->the_post();
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- $list = new WP_Query( array(
- 'posts_per_page' => 15,
- 'post_type' => DevHub\get_parsed_post_types(),
- 'orderby' => 'title',
- 'order' => 'ASC',
- 'tax_query' => array( array(
- 'taxonomy' => 'wp-parser-since',
- 'field' => 'ids',
- 'terms' => $version->term_id,
- ) ),
- ) );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <li>
+ <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
+ <?php the_title(); ?>
+ </a>
+ </li>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- while ( $list->have_posts() ) : $list->the_post();
- ?>
-
- <li>
- <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>">
- <?php the_title(); ?>
- </a>
- </li>
-
- <?php endwhile; ?>
- <li class="view-all-new-in"><a href="<?php echo esc_attr( get_term_link( $version, 'wp-parser-since' ) ); ?>"><?php _e( 'View all…', 'wporg' ); ?></a></li>
- </ul>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php endwhile; ?>
+ <li class="view-all-new-in"><a href="<?php echo esc_attr( get_term_link( $version, 'wp-parser-since' ) ); ?>"><?php _e( 'View all…', 'wporg' ); ?></a></li>
+ </ul>
+ </div>
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php endif; ?>
- </div>
- <div class="widget box gray">
- <h3 class="widget-title"><?php _e( 'API', 'wporg' ); ?></h3>
- <div class="widget-content">
- <?php
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="widget box gray">
+ <h3 class="widget-title"><?php _e( 'API', 'wporg' ); ?></h3>
+ <div class="widget-content">
+ <?php
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( has_nav_menu( 'reference-home-api' ) ) :
- wp_nav_menu(
- [
- 'theme_location' => 'reference-home-api',
- 'menu_class' => 'unordered-list no-bullets',
- ]
- );
- else:
- ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( has_nav_menu( 'reference-home-api' ) ) :
+ wp_nav_menu(
+ [
+ 'theme_location' => 'reference-home-api',
+ 'menu_class' => 'unordered-list no-bullets',
+ ]
+ );
+ else:
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <ul class="unordered-list no-bullets">
- <li><a href="https://codex.wordpress.org/Dashboard_Widgets_API"><?php _e( 'Dashboard widgets', 'wporg'); ?></a></li>
- <li><a href="https://codex.wordpress.org/Database_API"><?php _e( 'Database', 'worg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/HTTP_API"><?php _e( 'HTTP API', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Filesystem_API"><?php _e( 'Filesystem', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Global_Variables"><?php _e( 'Global Variables', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Metadata_API"><?php _e( 'Metadata', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Options_API"><?php _e( 'Options', 'wporg' ); ?></a></li>
- <li><a href="https://developer.wordpress.org/plugins/"><?php _e( 'Plugins', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Quicktags_API"><?php _e( 'Quicktags', 'wporg' ); ?></a></li>
- <li><a href="https://developer.wordpress.org/rest-api/"><?php _e( 'REST API', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Rewrite_API"><?php _e( 'Rewrite', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Settings_API"><?php _e( 'Settings', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Shortcode_API"><?php _e( 'Shortcode', 'wporg' ); ?></a></li>
- <li><a href="https://developer.wordpress.org/themes/"><?php _e( 'Theme Modification', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/Transients_API"><?php _e( 'Transients', 'wporg' ); ?></a></li>
- <li><a href="https://codex.wordpress.org/XML-RPC_WordPress_API"><?php _e( 'XML-RPC', 'wporg' ); ?></a></li>
- </ul>
- <?php endif; ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <ul class="unordered-list no-bullets">
+ <li><a href="https://codex.wordpress.org/Dashboard_Widgets_API"><?php _e( 'Dashboard widgets', 'wporg'); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Database_API"><?php _e( 'Database', 'worg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/HTTP_API"><?php _e( 'HTTP API', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Filesystem_API"><?php _e( 'Filesystem', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Global_Variables"><?php _e( 'Global Variables', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Metadata_API"><?php _e( 'Metadata', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Options_API"><?php _e( 'Options', 'wporg' ); ?></a></li>
+ <li><a href="https://developer.wordpress.org/plugins/"><?php _e( 'Plugins', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Quicktags_API"><?php _e( 'Quicktags', 'wporg' ); ?></a></li>
+ <li><a href="https://developer.wordpress.org/rest-api/"><?php _e( 'REST API', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Rewrite_API"><?php _e( 'Rewrite', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Settings_API"><?php _e( 'Settings', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Shortcode_API"><?php _e( 'Shortcode', 'wporg' ); ?></a></li>
+ <li><a href="https://developer.wordpress.org/themes/"><?php _e( 'Theme Modification', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/Transients_API"><?php _e( 'Transients', 'wporg' ); ?></a></li>
+ <li><a href="https://codex.wordpress.org/XML-RPC_WordPress_API"><?php _e( 'XML-RPC', 'wporg' ); ?></a></li>
+ </ul>
+ <?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div>
- </div><!-- /new-in-guide -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div><!-- /new-in-guide -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </div><!-- /reference-landing -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div><!-- /reference-landing -->
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- </main><!-- #main -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </main><!-- #main -->
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div><!-- #primary -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_footer(); ?>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperreferencetemplatehooksphp"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-hooks.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-hooks.php (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-hooks.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,39 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Reference Template: Hooks Functionality
+ *
+ * @package wporg-developer
+ * @subpackage Reference
+ */
+
+namespace DevHub;
+
+if ( show_usage_info() ) :
+
+ $has_hooks = ( post_type_has_hooks_info() && ( $hooks = get_hooks() ) && $hooks->have_posts() );
+
+ if ( $has_hooks ) :
+ ?>
+ <hr />
+ <section class="hooks">
+ <h2><?php _e( 'Hooks', 'wporg' ); ?></h2>
+ <article class="hooks">
+
+ <?php while ( $hooks->have_posts() ) : $hooks->the_post(); ?>
+ <dl>
+ <dt class="signature-highlight">
+ <a href="<?php the_permalink(); ?>" style="text-decoration: none">
+ <?php echo get_signature(); ?>
+ </a>
+ </dt>
+ <dd class="hook-desc">
+ <p>
+ <?php echo get_summary(); ?>
+ </p>
+ </dd>
+ </dl>
+ <?php endwhile; wp_reset_postdata(); ?>
+ </article>
+ </section>
+ <?php endif; ?>
+<?php endif; ?>
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-hooks.php
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperreferencetemplateparamsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-params.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-params.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-params.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,22 +16,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <dl>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php foreach ( $params as $param ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! empty( $param['variable'] ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <dt><?php echo esc_html( $param['variable'] ); ?></dt>
- <?php endif; ?>
- <dd>
- <p class="desc">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <dt>
+ <code><?php echo esc_html( $param['variable'] ); ?></code>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! empty( $param['types'] ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <span class="type"><?php printf( __( '(%s)', 'wporg' ), wp_kses_post( $param['types'] ) ); ?></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span class="type"><?php echo wp_kses_post( $param['types'] ); ?></span>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! empty( $param['required'] ) && 'wp-parser-hook' !== get_post_type() ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <span class="required"><?php printf( __( '(%s)', 'wporg' ), esc_html( $param['required'] ) ); ?></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span class="required"><?php echo esc_html( $param['required'] ); ?></span>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </dt>
+ <?php endif; ?>
+ <dd>
+ <div class="desc">
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! empty( $param['content'] ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <span class="description"><?php echo wp_kses_post( $param['content'] ); ?></span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( $extra = get_param_reference( $param ) ) : ?>
+ <span class="description"><?php echo wp_kses_post( $param['content'] ); ?></span>
+ <details class="extended-description">
+ <summary>
+ <?php echo esc_html( sprintf( __( 'More Arguments from %s( ... %s )', 'wporg' ), $extra[ 'parent' ], $extra['parent_var'] ) ); ?>
+ </summary>
+ <span class="description"><?php echo wp_kses_post( $extra['content'] ); ?></span>
+ </details>
+ <?php else : ?>
+ <span class="description"><?php echo wp_kses_post( $param['content'] ); ?></span>
+ <?php endif; ?>
</ins><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">- </p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php if ( ! empty( $param['default'] ) ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <p class="default"><?php _e( 'Default value:', 'wporg' );?> <?php echo htmlentities( $param['default'] ); ?></p>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <p class="default"><?php _e( 'Default:', 'wporg' );?> <code><?php echo htmlentities( $param['default'] ); ?></code></p>
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </dd>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endforeach; ?>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperreferencetemplaterelatedphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-related.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-related.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-related.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,6 +16,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $uses_to_show = 5;
</span><span class="cx" style="display: block; padding: 0 10px"> $used_by_to_show = 5;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( $has_uses ) {
+ $uses_to_show = min( $uses_to_show, split_uses_by_frequent_funcs( $uses->posts ) );
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> if ( $has_uses || $has_used_by ) :
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <hr />
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,7 +29,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( $has_uses ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <article class="uses">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php _e( 'Uses', 'wporg' ); ?></h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <table id="uses-table">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <table id="uses-table" data-show="<?php echo esc_attr( $uses_to_show ) ?>">
</ins><span class="cx" style="display: block; padding: 0 10px"> <caption class="screen-reader-text"><?php esc_html_e( 'Uses', 'wporg' ); ?></caption>
</span><span class="cx" style="display: block; padding: 0 10px"> <thead>
</span><span class="cx" style="display: block; padding: 0 10px"> <tr>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -36,9 +40,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <tbody>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php while ( $uses->have_posts() ) : $uses->the_post(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <tr>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <td>
- <span><?php echo esc_attr( get_source_file() ); ?>:</span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <td class="related-title">
</ins><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php the_permalink(); ?>"><?php the_title(); ?><?php if ( ! in_array( get_post_type(), array( 'wp-parser-class', 'wp-parser-hook' ), true ) ) : ?>()<?php endif; ?></a>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span><?php echo esc_attr( get_source_file() ); ?></span>
</ins><span class="cx" style="display: block; padding: 0 10px"> </td>
</span><span class="cx" style="display: block; padding: 0 10px"> <td class="related-desc">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php echo get_summary(); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -51,7 +55,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( $uses->post_count > $uses_to_show ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="#" class="show-more"><?php
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: %d: remaining 'uses' count */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- printf( _n( 'Show %d more use', 'Show %d more uses', $uses->post_count - $uses_to_show, 'wporg' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ printf( _n( 'Show %s more use', 'Show %s more uses', $uses->post_count - $uses_to_show, 'wporg' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> number_format_i18n( $uses->post_count - $uses_to_show )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> ?></a>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -65,7 +69,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <article class="used-by">
</span><span class="cx" style="display: block; padding: 0 10px"> <h3><?php esc_html_e( 'Used By', 'wporg' ); ?></h3>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <table id="used-by-table">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <table id="used-by-table" data-show="<?php echo esc_attr( $used_by_to_show ) ?>">
</ins><span class="cx" style="display: block; padding: 0 10px"> <caption class="screen-reader-text"><?php esc_html_e( 'Used By', 'wporg' ); ?></caption>
</span><span class="cx" style="display: block; padding: 0 10px"> <thead>
</span><span class="cx" style="display: block; padding: 0 10px"> <tr>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -76,9 +80,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <tbody>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php while ( $used_by->have_posts() ) : $used_by->the_post(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <tr>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <td>
- <span><?php echo esc_attr( get_source_file() ); ?>:</span>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <td class="related-title">
</ins><span class="cx" style="display: block; padding: 0 10px"> <a href="<?php the_permalink(); ?>"><?php the_title(); ?><?php if ( ! in_array( get_post_type(), array( 'wp-parser-class', 'wp-parser-hook' ), true ) ) : ?>()<?php endif; ?></a>
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <span><?php echo esc_attr( get_source_file() ); ?></span>
</ins><span class="cx" style="display: block; padding: 0 10px"> </td>
</span><span class="cx" style="display: block; padding: 0 10px"> <td class="related-desc">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php echo get_summary(); ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -91,7 +95,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php if ( $used_by->post_count > $used_by_to_show ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <a href="#" class="show-more"><?php
</span><span class="cx" style="display: block; padding: 0 10px"> /* translators: %d: remaining 'used by' count */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- printf( _n( 'Show %d more used by', 'Show %d more used by', $used_by->post_count - $used_by_to_show, 'wporg' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ printf( _n( 'Show %s more used by', 'Show %s more used by', $used_by->post_count - $used_by_to_show, 'wporg' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> number_format_i18n( $used_by->post_count - $used_by_to_show )
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> ?></a>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperreferencetemplatesourcephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-source.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-source.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/reference/template-source.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,25 +10,41 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $source_file = get_source_file();
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! empty( $source_file ) ) :
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ $source_code = post_type_has_source_code() ? get_source_code() : '';
</ins><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <hr />
</span><span class="cx" style="display: block; padding: 0 10px"> <section class="source-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <h2><?php _e( 'Source', 'wporg' ); ?></h2>
</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">- <?php printf( __( 'File: %s', 'wporg' ),
- '<a href="' . esc_url( get_source_file_archive_link( $source_file ) ) . '">' . esc_html( $source_file ) . '</a>'
- ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php
+ printf(
+ __( 'File: %s.', 'wporg' ),
+ '<code>' . esc_html( $source_file ) . '</code>'
+ );
+ ?>
+
+ <?php
+ printf(
+ '<a href="%s">%s</a>',
+ esc_url( get_source_file_archive_link( $source_file ) ),
+ __( 'View all references', 'wporg' )
+ );
+ ?>
</ins><span class="cx" style="display: block; padding: 0 10px"> </p>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php if ( post_type_has_source_code() ) : ?>
- <div class="source-code-container">
- <pre class="brush: php; toolbar: false; first-line: <?php echo esc_attr( get_post_meta( get_the_ID(), '_wp-parser_line_num', true ) ); ?>"><?php echo htmlentities( get_source_code() ); ?></pre>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php if ( ! empty( $source_code ) ) : ?>
+ <?php
+ echo do_blocks(
+ sprintf(
+ '<!-- wp:code {"lineNumbers":true} --><pre class="wp-block-code" data-start="%1$s" aria-label="%2$s"><code lang="php" class="language-php line-numbers">%3$s</code></pre><!-- /wp:code -->',
+ esc_attr( get_post_meta( get_the_ID(), '_wp-parser_line_num', true ) ),
+ __( 'Function source code', 'wporg' ),
+ htmlentities( $source_code )
+ )
+ );
+ ?>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <p class="source-code-links">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <span>
- <a href="#" class="show-complete-source"><?php _e( 'Expand full source code', 'wporg' ); ?></a>
- <a href="#" class="less-complete-source"><?php _e( 'Collapse full source code', 'wporg' ); ?></a>
- </span>
</del><span class="cx" style="display: block; padding: 0 10px"> <span><a href="<?php echo get_source_file_link(); ?>"><?php _e( 'View on Trac', 'wporg' ); ?></a></span>
</span><span class="cx" style="display: block; padding: 0 10px"> <span><a href="<?php echo get_github_source_file_link(); ?>"><?php _e( 'View on GitHub', 'wporg' ); ?></a></span>
</span><span class="cx" style="display: block; padding: 0 10px"> </p>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscss_globalscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/_global.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/_global.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/_global.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,179 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* =Global
+----------------------------------------------- */
+@import "settings/index";
+
+body,
+button,
+input,
+select,
+textarea {
+ color: #404040;
+ font-family: $body-font;
+ font-size: 16px;
+ font-size: 1.6rem;
+ line-height: 1.5;
+}
+
+/* Headings */
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ clear: both;
+ font-family: $header-font;
+ font-weight: 300;
+}
+
+hr {
+ background-color: #dfdfdf;
+ border: 0;
+ height: 1px;
+ margin: 1.5em 0;
+}
+
+/* Text elements */
+p {
+ margin-bottom: 1.5em;
+}
+
+ul,
+ol {
+ margin: 0 0 1.5em 3em;
+}
+
+ul {
+ list-style: disc;
+}
+
+ol {
+ list-style: decimal;
+}
+
+li > ul,
+li > ol {
+ margin-bottom: 0;
+ margin-left: 1.5em;
+}
+
+dt {
+ font-weight: 700;
+}
+
+dd {
+ margin: 0 1.5em 1.5em;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+dfn,
+cite,
+em,
+i {
+ font-style: italic;
+}
+
+blockquote {
+ margin: 0 1.5em;
+}
+
+address {
+ margin: 0 0 1.5em;
+}
+
+pre {
+ background: #eee;
+ font-family: "Courier 10 Pitch", Courier, monospace;
+ font-size: 15px;
+ font-size: 1.5rem;
+ line-height: 1.6;
+ margin-bottom: 1.6em;
+ max-width: 100%;
+ overflow: auto;
+ padding: 1.6em;
+}
+
+code,
+kbd,
+tt,
+var {
+ font-family: $code-font;
+ font-size: 15px;
+}
+
+abbr,
+acronym {
+ cursor: help;
+}
+
+mark,
+ins {
+ background: #fff9c0;
+ text-decoration: none;
+}
+
+sup,
+sub {
+ font-size: 75%;
+ height: 0;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ bottom: 1ex;
+}
+
+sub {
+ top: 0.5ex;
+}
+
+small {
+ font-size: 75%;
+}
+
+big {
+ font-size: 125%;
+}
+
+figure {
+ margin: 0;
+}
+
+table {
+ margin: 0 0 1.5em;
+ width: 100%;
+}
+
+th {
+ font-weight: 700;
+}
+
+img {
+ height: auto; /* Make sure images are scaled correctly. */
+ max-width: 100%; /* Adhere to container width. */
+}
+
+/* Alignment */
+.alignleft {
+ display: inline;
+ float: left;
+ margin-right: 1.5em;
+}
+
+.alignright {
+ display: inline;
+ float: right;
+ margin-left: 1.5em;
+}
+
+.aligncenter {
+ clear: both;
+ display: block;
+ margin: 0 auto;
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscss_resetscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/_reset.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/_reset.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/_reset.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,73 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// stylelint-disable
+
+/* =Reset
+-------------------------------------------------------------- */
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, font, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td {
+ border: 0;
+ font-family: inherit;
+ font-size: 100%;
+ font-style: inherit;
+ font-weight: inherit;
+ margin: 0;
+ outline: 0;
+ padding: 0;
+ vertical-align: baseline;
+}
+html {
+ font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
+ overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
+ -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
+ -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
+}
+
+body {
+ background: #fff;
+}
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+main,
+nav,
+section {
+ display: block;
+}
+ol, ul {
+ list-style: none;
+}
+table { /* tables still need 'cellspacing="0"' in the markup */
+ border-collapse: separate;
+ border-spacing: 0;
+}
+caption, th, td {
+ font-weight: normal;
+ text-align: left;
+}
+blockquote, q {
+ quotes: "" "";
+ &:before, &:after {
+ content: "";
+ }
+}
+a {
+ &:focus {
+ outline: thin dotted;
+ }
+ &:hover, &:active {
+ outline: 0;
+ }
+ img {
+ border: 0;
+ }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscssadminscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/admin.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/admin.scss 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/admin.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,3 +1,5 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// stylelint-disable selector-id-pattern -- These are generated names.
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /* =Admin CSS
</span><span class="cx" style="display: block; padding: 0 10px"> ----------------------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,7 +26,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"> /* Explanations */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> .fixed {
</span><span class="cx" style="display: block; padding: 0 10px"> .column-has_explanation {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 2em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,7 +40,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 4px;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:focus, &:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:focus,
+ &:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,6 +50,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"> .screen-reader-text {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 782px) {
</span><span class="cx" style="display: block; padding: 0 10px"> position: static;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-clip-path: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,7 +61,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">- & [aria-hidden="true"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [aria-hidden="true"] {
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (max-width: 782px) {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -80,6 +84,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-right: 6px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:nth-child(n+2) {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 8px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 1px solid #ccc;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -88,16 +93,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .status {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.pending {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: red;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #f00;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.publish {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: green;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #008000;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-function,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-class,
</span><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-method,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -107,6 +113,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> td {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 10px;
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscssmainscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,11 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// stylelint-disable no-duplicate-selectors -- duplicates OK when nested.
+// stylelint-disable max-line-length -- Comments may be longer.
+// stylelint-disable font-family-no-missing-generic-family-keyword -- dashicons OK.
+// stylelint-disable function-url-quotes -- Allow quotes in `url("…")`.
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @import "reset";
</span><span class="cx" style="display: block; padding: 0 10px"> @import "global";
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .home .devhub-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h1, h2, h3, h4, h5, h6 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ h1,
+ h2,
+ h3,
+ h4,
+ h5,
+ h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: "Open Sans", sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #content {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,9 +24,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 1.5em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- *:before,
- *:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ *::before,
+ *::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> -moz-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -23,27 +35,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Override inline style from wporg-markdown plugin. */
</span><span class="cx" style="display: block; padding: 0 10px"> a.github-edit {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 .6em 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 0.6em 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- #content, #content-area {
- padding: 0 #{"max( 20px, 2% )"};
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #content,
+ #content-area {
+ padding: 0 12px; // Matches .site-branding padding
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .toc-heading {
- clear: left;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> table {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #f0f0f0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media ( max-width: 991px ) {
- overflow-x: scroll;
- display: block;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> th {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #f0f0f0;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f0f0f0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> td {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.8em 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #f0f0f0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -50,11 +57,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @media ( min-width: 889px ) {
+ #content {
+ padding: 0;
+ }
+
+ #content-area {
+ padding: 0 24px;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> #content-area,
</span><span class="cx" style="display: block; padding: 0 10px"> .inner-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2rem auto 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 60em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $devhub-wrap-content-width;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .page-header {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -88,50 +107,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 28px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1em;
- text-shadow: #fff 0px 1px 0px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1;
+ text-shadow: #fff 0 1px 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: $header-font;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 28px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 32px;
- line-height: 3.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.067;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 22px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 26px;
- line-height: 2.6rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.18;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 20px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 24px;
- line-height: 2.4rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.2;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> h4 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 18px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.8rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 22px;
- line-height: 2.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.2;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 22px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 22px;
- line-height: 2.2rem;
- height: 22px;
- width: 22px;
- height: 2.2rem;
- width: 2.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1;
+ height: 1em;
+ width: 1em;
</ins><span class="cx" style="display: block; 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">@@ -150,58 +160,51 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc #ccc #bbb #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: rgba(0, 0, 0, .8);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: rgba(0, 0, 0, 0.8);
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 16px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.1;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .6em 1.8em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.6em 1.8em;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc #bbb #aaa #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f0f0f0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:focus, &:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &:focus,
+ &:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #aaa #bbb #bbb #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f0f0f0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
- box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 0 3px get-color(blue-40);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.shiny-blue {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #21759b;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
- background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
- background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
- background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
- background-image: -o-linear-gradient(top, #2a95c5, #21759b);
- background-image: linear-gradient(to bottom, #2a95c5, #21759b);
- border-color: #21759b;
- border-bottom-color: #1e6a8d;
- -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
- box-shadow: inset 0 1px 0 rgba(120,200,230,0.5);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: get-color(blue-50);
+ border-color: get-color(blue-50);
+ border-bottom-color: get-color(blue-70);
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
- padding: 3px 8px;
- &:hover {
- background-color: #278ab7;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
- background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
- background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
- background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
- background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
- background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
- border-color: #1b607f;
- -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
- box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &:hover,
+ &:focus,
+ &:active {
+ background-color: get-color(blue-60);
+ border-color: get-color(blue-80);
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &:focus,
+ &:active {
+ box-shadow: 0 0 3px 1px get-color(yellow-30);
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .dashicons {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transform: scale(-1, 1);
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: text-bottom;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -209,10 +212,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 43em ) and ( max-width: 915px ) {
</span><span class="cx" style="display: block; padding: 0 10px"> .three-columns a.button {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .6em 1em;
- font-size: 14px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.6em 1em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .three-columns .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 16px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 16px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -225,20 +228,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0; /* Addresses excess padding in IE8/9 */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="search"] {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
- -moz-box-sizing: content-box;
- box-sizing: content-box;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-sizing: content-box;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
- -webkit-appearance: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none; /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- button::-moz-focus-inner,
- input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
- border: 0;
- padding: 0;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="email"],
</span><span class="cx" style="display: block; padding: 0 10px"> input[type="url"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -249,10 +248,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #666;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #111;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> textarea {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 3px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -262,74 +263,67 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 98%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Text meant only for screen readers */
- .screen-reader-text {
- clip: rect(1px, 1px, 1px, 1px);
- position: absolute !important;
- }
-
- .screen-reader-text:hover,
- .screen-reader-text:active,
- .screen-reader-text:focus {
- background-color: #f1f1f1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ select {
+ appearance: none;
+ background-color: $color-white;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' aria-hidden='true'%3E%3Cpath d='M17.5 11.6 12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z'/%3E%3C/svg%3E%0A");
+ background-position: right center;
+ background-repeat: no-repeat;
+ background-size: 1.5em 1.5em;
+ padding-right: 2em;
+ color: get-color(gray-70);
+ border: 1px solid get-color(gray-70);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
- clip: auto !important;
- color: #21759b;
- display: block;
- font-size: 14px;
- font-weight: bold;
- height: auto;
- left: 5px;
- line-height: normal;
- padding: 15px 23px 14px;
- text-decoration: none;
- top: 5px;
- width: auto;
- z-index: 100000; /* Above WP toolbar */
</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"> /* Clearing */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .clear:before,
- .clear:after,
- .entry-content:before,
- .entry-content:after,
- .comment-content:before,
- .comment-content:after,
- .site-content:before,
- .site-content:after,
- .site-footer:before,
- .site-footer:after {
- content: '';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .clear::before,
+ .clear::after,
+ .entry-content::before,
+ .entry-content::after,
+ .comment-content::before,
+ .comment-content::after,
+ .site-content::before,
+ .site-content::after,
+ .site-footer::before,
+ .site-footer::after,
+ section::after {
+ content: "";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .clear:after,
- .entry-content:after,
- .comment-content:after,
- .site-content:after,
- .site-footer:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .clear::after,
+ .entry-content::after,
+ .comment-content::after,
+ .site-content::after,
+ .site-footer::after,
+ section::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* =Content
</span><span class="cx" style="display: block; padding: 0 10px"> ----------------------------------------------- */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .hentry {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .byline,
</span><span class="cx" style="display: block; padding: 0 10px"> .updated {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .byline,
</span><span class="cx" style="display: block; padding: 0 10px"> .group-blog .byline {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .page-content,
</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><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .page-links {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -341,21 +335,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .tablist {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .tablist li {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .tablist a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: transparent;
</del><span class="cx" style="display: block; padding: 0 10px"> border-image: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-style: solid solid none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 1px 1px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .5em 1em;
- margin-bottom:-1px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.5em 1em;
+ margin-bottom: -1px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .tablist a[aria-selected],
</span><span class="cx" style="display: block; padding: 0 10px"> .tablist a:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -363,14 +359,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px 3px 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #333;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .tab-section {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .tab-section[aria-hidden="true"] {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .tab-section:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: thin dotted;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -387,30 +386,37 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption img[class*="wp-image-"] {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.2% auto 0;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 98%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption-text {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .wp-caption .wp-caption-text {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0.8075em 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-main .gallery {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-main .gallery a img {
</span><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 90%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-main .gallery dd {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -436,10 +442,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .widget-area .search-section.hide-if-js {
- display: block;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* =Infinite Scroll
</span><span class="cx" style="display: block; padding: 0 10px"> ----------------------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -455,7 +457,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">-
</del><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Header area
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -467,6 +468,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 13px;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .breadcrumb-trail {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 2rem;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -474,13 +476,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> h1.entry-title,
</span><span class="cx" style="display: block; padding: 0 10px"> h1.page-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 37px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3.7rem;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -490,9 +493,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h1.single-entry-title,
</span><span class="cx" style="display: block; padding: 0 10px"> h2.entry-title {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 0 24px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 2.4rem;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -506,17 +507,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"> .home-landing .section {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 50px 0 10px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 5rem 0 1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 60px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-top: 6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .no-bullets {
</span><span class="cx" style="display: block; padding: 0 10px"> li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 20px;
- line-height: 2rem;
- margin-bottom: 12.5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.5;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.25rem;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -527,8 +524,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 60px;
- line-height: 6rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.4;
+ cursor: pointer;
+ text-decoration: none;
+ color: inherit;
+ font-weight: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.search-guide {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -541,29 +541,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .color.section {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .section {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*background: #0073aa;*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px 0;
</del><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"> .box {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- padding: 0 30px 90px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 3rem 9rem;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 320px;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-description {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em 0 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 5px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.search-guide {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 60px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding-top: 6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -573,34 +572,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-title {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 2.5rem;
+ line-height: 0.8;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 25px;
- font-size: 2.5rem;
- line-height: 20px;
- line-height: 2rem;
</del><span class="cx" style="display: block; padding: 0 10px"> .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #222;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 108px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 10.8rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 84px;
- line-height: 8.4rem;
- height: 84px;
- width: 84px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 0.778;
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 8.4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 8.4rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: flex;
+ align-items: center;
+ flex-direction: column;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.dashicons-rest-api {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size:90px;
- font-size:9rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 9rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .three-columns .widget-title {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 43em ) and ( max-width: 915px ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 35px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3.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">@@ -610,13 +605,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .section.gray {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #797878;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> h2,
</span><span class="cx" style="display: block; padding: 0 10px"> h3,
</span><span class="cx" style="display: block; padding: 0 10px"> h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .inner-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 760px;
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 76rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.2em auto 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -626,6 +622,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .code-ref-right {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 40%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -643,6 +640,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .code-ref-left .widget-description {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -657,27 +655,22 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 50px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 68px;
- line-height: 6.8rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.36;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 68px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 6.8rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 68px;
- line-height: 6.8rem;
- height: 6.8px;
- width: 6.8px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 6.8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 6.8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 43em ) and ( max-width: 915px ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 35px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-description {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 85px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-left: 8.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">@@ -686,21 +679,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .section.light-gray {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f2f2f2;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 600;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #2D96C2;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #2d96c2;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</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">- &.make-wp-link:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.make-wp-link::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "\f345";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: 'dashicons';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: dashicons;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -708,162 +703,50 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .section .home-primary-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 600px;
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 60rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .box {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .three-columns .box {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 43em ) and ( max-width: 915px ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px 20px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 2rem;
</span><span class="cx" style="display: block; 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">- .reference-landing .section.search-section {
- padding-top: 0;
- }
-
- div#inner-search {
- background-color: #666;
- margin-bottom: 1em;
- padding-top: 2px;
- .section.search-section {
- color: #ffffff;
- }
- div#inner-search-icon-container {
- margin: 0 auto;
- max-width: 60em;
- cursor: pointer;
- div#inner-search-icon {
- background-color: #666;
- color: #ffffff;
- text-align: center;
- margin-right: 26px;
- margin-left: 4px;
- float: right;
- padding: 5px;
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
- .dashicons-search {
- height: auto;
- width: auto;
- &:before {
- font-size: 36px;
- line-height: 36px;
- }
- }
- }
- }
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .archive-filter-form {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 5rem 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.5rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.5;
+
+ select,
</ins><span class="cx" style="display: block; padding: 0 10px"> input[type="submit"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: .5em;
- padding: 0.2em 0.5em;
- line-height: 1;
- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 0 0 0.5em;
+ padding: 0.333em 1em;
+ font-size: inherit;
+ line-height: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .searchform {
- overflow: hidden;
- height: auto;
- position: relative;
- input[type="text"] {
- border-radius: 0;
- margin: 0 auto;
- padding: 0.5em;
- width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ select {
+ padding-right: 2em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .button-search {
- background: transparent;
- border: none;
- border-radius: 0;
- box-shadow: none;
- color: #32373c;
- display: block;
- height: 40px;
- padding: 0.5rem 1rem;
- position: absolute;
- right: 0;
- top: 0;
- text-shadow: none;
- }
- label {
- width: 560px;
- width: 56rem;
- max-width: 100%;
- margin-right: 15px;
- display: inline-block;
- float: left;
- .search-field input[type="text"] {
- width: 100%;
- }
- }
- div {
- overflow: auto;
- }
- .search-post-type {
- margin-top: 1em;
-
- label {
- border-right: 1px solid #ccc;
- float: none;
- width: inherit;
- margin-left: 1em;
- margin-right: 0;
- padding-left: 0;
- padding-right: 1.3em;
- input {
- margin-bottom: 6px;
- padding-left: 0.5em;
- vertical-align: middle;
- }
- }
- label:last-child {
- border-right-width: 0;
- }
-
- @media ( max-width: 688px ) {
- span {
- display: block;
- }
-
- label {
- margin-left: 0;
- margin-right: 1em;
- width: 130px;
-
- &:last-child {
- margin-right: 0;
- padding-right: 0;
- width: initial;
- }
- }
- }
- }
</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"> .search-results-summary {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-style: italic;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 2rem;
+ background: get-color(gray-2);
+ border-radius: 2px;
+ font-size: 14px;
</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">- .reference-landing .section, .search-section {
- max-width: 970px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .reference-landing .section {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 97rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.5em 1em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -883,10 +766,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h4.widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.search-guide {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.section.topic-guide, &.section.new-in-guide {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ &.section.topic-guide,
+ &.section.new-in-guide {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -895,8 +781,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .reference-landing .box,
</span><span class="cx" style="display: block; padding: 0 10px"> .sidebar .box {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 2px solid #cccccc;
- background-color: #eeeeee;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 2px solid #ccc;
+ background-color: #eee;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> ul {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 2em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -903,13 +790,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 10px 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 1rem 30px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 16px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 16px 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 1.6rem 3rem;
</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">@@ -923,6 +808,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .three-columns .box {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 31%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.15%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 43em ) and ( max-width: 915px ) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1% 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -930,17 +816,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .two-columns .box {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 48%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1% 1% 1% 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: 1%;
+ margin-bottom: 1%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .new-in-guide.two-columns .box {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 43%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 1%;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( max-width: 688px ) {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .new-in-guide.two-columns .box:first-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 53%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 48%;
+ margin-right: 1%;
+ margin-left: 0;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( max-width: 688px ) {
</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">@@ -953,6 +846,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .horizontal-list {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -959,16 +853,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: center;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .horizontal-list li {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .horizontal-list li a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0px 40px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .horizontal-list li:first-child a {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -992,8 +887,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .box.gray {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #d8d8d8;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #666666;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #666;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #d8d8d8;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: uppercase;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1004,15 +900,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 13px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.3rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 30px;
- line-height: 3rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.3;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .widget-description {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 400;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .go {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #4ca6cf;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1021,10 +916,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 24px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 20px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 400;
</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-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .wp-parser-class,
+ .wp-parser-function,
+ .wp-parser-hook,
+ .wp-parser-method {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1031,66 +930,168 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 24px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 100px;
</span><span class="cx" style="display: block; padding: 0 10px"> text-indent: -100px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #24831d;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 20px;
+ line-height: 1.6;
+ }
+
+ h2 {
+ font-family: $serif-font;
+ margin-bottom: 0.5em;
+ }
+
+ .toc-header {
+ margin-top: 0 !important;
+ }
+
+ h1,
+ .signature-highlight {
+ color: get-color(green-50);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: $code-font;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 20px;
- .hook-func {
- color: #888888;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 400;
+
+ .hook-func,
+ .keyword {
+ color: get-color(gray-50);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .arg-type {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #cd2f23;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: get-color(red-50);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.9em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .arg-name {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #0f55c8;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: get-color(blue-60);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .arg-default {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #000000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: $color-black;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- a:hover {
- border-bottom: 1px dotted #21759b;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ a {
+ text-decoration: none;
+ color: inherit;
+
+ &:hover {
+ border-bottom: 1px dotted get-color(blue-50);
+ }
</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">- h2 {
- font-family: $serif-font;
- margin-bottom: .5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .return .return-type {
+ margin-right: 8px;
+ font-size: 14px;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .return-type {
- font-style: italic;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .return-type,
+ .return .type,
+ .parameters .type {
+ color: get-color(red-50);
+
+ a {
+ color: inherit;
+ text-decoration: none;
+ border-bottom: 1px dotted get-color(gray-70);
+
+ &:hover {
+ border-bottom-style: solid;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .parameters {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .parameters,
+ .return {
</ins><span class="cx" style="display: block; padding: 0 10px"> p {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">+
+ dt code {
+ font-weight: 400;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> dd {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .desc {
- .type, .required {
- font-style: italic;
- }
- }
- .default {
- font-style: italic;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: 2em;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ul {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 25px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-left: 2.5rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ ul {
+ margin-bottom: 0.5em;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ code {
+ background: #efefef;
+ border-radius: 4px;
+ padding: 2px 6px;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ dd:last-child {
+ margin-bottom: 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .param-hash {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .desc {
+ margin-left: 1.5em;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> > li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: 1.5em;
+
+ > code {
+ background: transparent;
+ padding: unset;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> li li {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: circle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .param-hash > li {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: disc;
</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">+
+ .desc {
+ margin: 1rem 0 0.5rem;
+ }
+
+ .extended-description {
+ margin: 1.5em 0 1.5em 1.2em;
+
+ summary + .description {
+ display: block;
+ margin-top: 1em;
+ }
+
+ summary {
+ color: #21759b;
+ text-decoration: underline;
+ }
+ }
+
+ .type,
+ .required {
+ margin: 0 4px;
+ font-weight: 400;
+ }
+
+ .type {
+ margin-left: 8px;
+ font-size: 14px;
+ font-style: 400;
+ }
+
+ .required {
+ font-size: 12px;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .learn-more {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #f1f1f1;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #dfdfdf;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1097,49 +1098,56 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .deprecated,
</span><span class="cx" style="display: block; padding: 0 10px"> .private-access {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 20px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 0px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .deprecated {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fbeaea;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #dc3232;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .deprecated-method {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #be2423;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .private-access {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ffb900;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff8e5;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .callout {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .toc-jump {
- display: inline-block;
- float: right;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .callout:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .callout::before {
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 0.4em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.archive, &.search {
- .wp-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.archive,
+ &.search {
+ .wp-parser-class,
+ .wp-parser-function,
+ .wp-parser-hook,
+ .wp-parser-method {
</ins><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: $body-font;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 400;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> div {
</span><span class="cx" style="display: block; padding: 0 10px"> &.sourcefile {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #999999;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #999;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1147,7 +1155,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"> .single {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-parser-class,
+ .wp-parser-function,
+ .wp-parser-hook,
+ .wp-parser-method {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1154,14 +1165,19 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* = Related
</span><span class="cx" style="display: block; padding: 0 10px"> ----------------------------------------------- */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .related {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .show-more, .hide-more {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .show-more,
+ .hide-more {
</ins><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><span class="cx" style="display: block; padding: 0 10px"> /* Hide the title and toc links (same as .screen-reader-text)
</span><span class="cx" style="display: block; padding: 0 10px"> this allows for linking from the toc. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h3, .uses .toc-jump, .used-by .toc-jump {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ h3,
+ .uses .toc-jump,
+ .used-by .toc-jump {
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clip: rect(1px, 1px, 1px, 1px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1168,46 +1184,50 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .used-by, .uses {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .used-by,
+ .uses {
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- td p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ td p {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- th, td {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ th,
+ td {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 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">+ .used-by,
+ .uses {
+ td.related-title span {
+ display: block;
+ color: #666;
+ }
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 43em) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .related-desc, span {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .related-desc,
+ span {
</ins><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><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .source-content {
- overflow: auto;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> .source-code-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 2em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .source-code-links span {
- border-left: 1px solid #999;
- margin-left: 1em;
- padding-left: 1em;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ span {
+ border-right: 1px solid #999;
+ margin-right: 1em;
+ padding-right: 1em;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .source-code-links span:first-child {
- display: none;
- border-left: 0;
- margin-left: 1em;
- padding-left: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:last-of-type {
+ border-right: none;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .source-code-container {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1215,7 +1235,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-y: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .show-complete-source, .less-complete-source {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .show-complete-source,
+ .less-complete-source {
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1224,15 +1245,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .changelog-version {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 10%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .changelog-desc {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 90%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .loop-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: center;
- font-size: 18px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: flex;
+ margin: 3rem 0;
+ list-style: none;
+ justify-content: center;
+ align-items: center;
+ gap: 0.75rem;
+
+ .page-numbers {
+ display: inline-block;
+ padding: 1rem 1.25rem;
+ background: $color-white;
+ border: 1px solid get-color(gray-5);
+ border-radius: 2px;
+ line-height: 1;
+ text-decoration: none;
+
+ &:hover,
+ &:active {
+ color: $wp4--link-color--hover;
+ }
+
+ &.current {
+ border: 1px solid get-color(gray-90);
+ background: get-color(gray-90);
+ color: $color-white;
+ }
+
+ &.dots {
+ border: none;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Comments */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1240,11 +1291,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // User contributed notes
- .single-wp-parser-function, .single-wp-parser-method, .single-wp-parser-hook, .single-wp-parser-class {
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* User contributed notes*/
+ .single-wp-parser-function,
+ .single-wp-parser-method,
+ .single-wp-parser-hook,
+ .single-wp-parser-class {
</ins><span class="cx" style="display: block; padding: 0 10px"> .bad-note .comment-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- opacity: .6;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ opacity: 0.6;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .bad-note .comment-content:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1254,8 +1307,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-awaiting-moderation,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-edited {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff8e5;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .2em .5em;
- margin-right: .5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.2em 0.5em;
+ margin-right: 0.5em;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ffb900;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1291,7 +1344,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- // Feedback
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* Feedback*/
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-list li.depth-2 {
</span><span class="cx" style="display: block; padding: 0 10px"> border-top: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1298,11 +1351,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .9em 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.9em 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-content p {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: .9em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.9em;
</ins><span class="cx" style="display: block; 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">@@ -1327,7 +1381,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .feedback-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.222;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1356,7 +1410,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> min-height: 6em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- label[for=comment],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ label[for="comment"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-form-comment,
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-preview {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1363,7 +1417,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"> .js & .comment-form-comment {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 .7em .7em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 0.7em 0.7em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .tablist .spinner {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1380,34 +1434,31 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.125em;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-meta {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .5em 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.5em 1em;
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #f7f7f7;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 60px;
- margin-left: 3.75rem;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 2rem 1.5rem .5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 2rem 1.5rem 0.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-content ol {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: decimal inside;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 1.5em 0;
- border-top: none;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-content ul {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: square inside;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 1.5em 0;
- border-top: none;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .comment-content li {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1450,7 +1501,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .comment-form ul, .feedback-form ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .comment-form ul,
+ .feedback-form ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1507,27 +1559,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * Content
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #content-area.has-sidebar {
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 60em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: $devhub-wrap-content-width;
</ins><span class="cx" style="display: 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-sidebar {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> main {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 67%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 12px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 1.2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 27%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -55px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1544,9 +1595,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .nav-links a {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 49%;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &[rel="prev"] {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &[rel="next"] {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: right;
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1560,17 +1613,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .user-note-voting-up .dashicons, .user-note-voting-down .dashicons {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .user-note-voting-up .dashicons,
+ .user-note-voting-down .dashicons {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-main {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .user-note-voting-down, .user-note-voting-up {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .user-note-voting-down,
+ .user-note-voting-up {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .user-note-voting-up {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: -9px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1583,24 +1641,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .user-note-voting-count {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: -2px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .user-voted.user-note-voting-up .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: green;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: color(green-50);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .user-voted.user-note-voting-down .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: red;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: color(red-50);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .user-submitted-note .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: grey;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: color(gray-50);
</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">- .syntaxhighlighter {
- /* These are !important due to use of !important in SyntaxHighlighter Evolved plugin. */
- max-width: 100% !important;
- width: inherit !important;
- padding-bottom: 0.5rem !important;
- }
-
- &.archive, &.blog {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.archive,
+ &.blog {
</ins><span class="cx" style="display: block; padding: 0 10px"> .hentry {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #ddd;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1608,32 +1663,58 @@
</span><span class="cx" style="display: block; 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">+/** Fix screen-reader-text font size. **/
+a.screen-reader-text:focus,
+.screen-reader-text:focus {
+ font-size: 1.4rem;
+}
+
</ins><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"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 4em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 18px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-branding {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 32px;
</del><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 960px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 24px;
</ins><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">+
+ &.has-actions {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+
+ @media screen and (max-width: 500px) {
+ flex-direction: column;
+ }
+
+ .site-title {
+
+ @media screen and (max-width: 500px) {
+ margin-bottom: 2rem;
+ }
+
+ a {
+ font-size: 28px;
+ }
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: 'Open Sans', sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "Open Sans", sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: black;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #000;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1655,9 +1736,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-header.home {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 28px 20px;
- padding: 2.8rem 2.0rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 2.8rem 2rem;
</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"> .site-branding {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1667,7 +1748,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 36px 0 11.25px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 3.6rem 0 1.125rem;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1674,7 +1754,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 68.6646px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 6.86646rem;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 500px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1685,7 +1764,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-description {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: hsla(0,0%,100%,.8);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: hsla(0, 0%, 100%, 0.8);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.25rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1714,7 +1793,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: rgba(255, 255, 255, 0.8);
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 12.8px;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1754,6 +1833,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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1781,7 +1861,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 5.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: 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">-.toggled .menu-toggle.dashicons:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.toggled .menu-toggle.dashicons::before {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "\f343";
</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">@@ -1789,6 +1870,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .menu-toggle.dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1823,7 +1905,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"> /** WP editor link button modal **/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> #wp-link-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> height: 210px !important;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: -125px !important;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1842,7 +1923,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"> /** Handbook **/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> aside[id^="handbook"] .widget-title,
</span><span class="cx" style="display: block; padding: 0 10px"> aside[id^="nav_menu"] .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1863,8 +1943,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 4%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .handbook-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h1 {
</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">@@ -1872,15 +1953,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-handbook {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 13px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.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">- p, ol, ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ p,
+ ol,
+ ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- p, ol, ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ p,
+ ol,
+ ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.05em;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1918,32 +2002,40 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** Table of Contents */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-main {
+ .table-of-contents {
+ display: flex;
+ flex-direction: column;
+ min-width: 230px;
+ border: 1px solid #eee;
+ margin: 30px 0;
+ z-index: 1;
+ position: relative;
+ color: #555d66;
+ background-color: #fff;
+ box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
+ border-radius: 3px;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.site-main .table-of-contents {
- float: right;
- width: 250px;
- border: 1px solid #eee;
- margin: 0 0 15px 15px;
- z-index: 1;
- position: relative;
- color: #555d66;
- background-color: #fff;
- box-shadow: 0 0 8px rgba(0,0,0,0.1);
- border-radius: 3px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .code-reference & {
+ float: right;
+ margin-top: 15px;
+ margin-left: 15px;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media (min-width: 971px) {
- margin: 0 -30px 15px 15px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ h2 {
+ margin: 0;
+ padding: 0.7rem 1.2rem;
+ font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
+ font-size: 1.3em;
+ color: #32373c;
+ text-transform: uppercase;
+ border-bottom: 1px solid #eee;
+ margin-bottom: 0;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- h2 {
- margin: 0;
- padding: 0.7rem 1.2rem;
- font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
- font-size: 1.3em;
- color: #32373c;
- text-transform: uppercase;
- border-bottom: 1px solid #eee;
- margin-bottom: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .items {
+ overflow-y: scroll;
+ }
</ins><span class="cx" style="display: block; 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">@@ -1963,7 +2055,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- };
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ul li,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1974,53 +2066,29 @@
</span><span class="cx" style="display: block; 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">-/* Highlight current heading and adjust scroll position for fixed toolbar */
-.toc-heading:target {
- position: initial;
- padding-top: 50px;
- margin-top: -50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-header {
+ margin-bottom: 1em;
</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">-/* Remove negative margin because there is no jump link before these headlines */
-.entry-content h2.toc-heading:first-of-type:target,
-.entry-content h3.toc-heading:first-of-type:target,
-h2.toc-heading + h3.toc-heading:target {
- margin-top: 0;
-}
-
-.toc-heading:target:before {
- content: '';
- position: absolute;
- left: -10px;
- top: 50px;
- border-left: 5px solid #0073aa;
- height: 50%;
- height: calc(100% - 50px);
-}
-
-.toc-jump {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-heading {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 50px;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.toc-jump:after {
- content: '';
- display: table;
- clear: both;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-heading a::before {
+ color: get-color(gray-30);
</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">-.toc-jump a {
- z-index: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-heading:target a::before {
+ color: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (max-width: 480px) {
- .table-of-contents {
- display: none;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-heading a:hover::before,
+.toc-heading a:active::before,
+.toc-heading a:focus::before {
+ color: get-color(blue-50);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** Menu */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> #secondary aside.widget_wporg_handbook_pages,
</span><span class="cx" style="display: block; padding: 0 10px"> #secondary aside.widget_nav_menu {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 16px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2031,7 +2099,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_wporg_handbook_pages h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_nav_menu h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.6em;
</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">@@ -2041,6 +2109,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> outline: 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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> ul {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2066,7 +2135,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fafafa;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-left: 1px solid rgba(0,0,0,0.05);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-left: 1px solid rgba(0, 0, 0, 0.05);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2080,7 +2149,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &.open > div > .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> transform: rotate(180deg);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-right: 1px solid rgba(0,0,0,0.05);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-right: 1px solid rgba(0, 0, 0, 0.05);
</ins><span class="cx" style="display: block; padding: 0 10px"> border-left: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2101,10 +2170,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.active {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</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">@@ -2112,11 +2182,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: block !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- & > ul > li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ > ul > li {
</ins><span class="cx" style="display: block; padding: 0 10px"> &.open > div > a {
</span><span class="cx" style="display: block; padding: 0 10px"> &:not(:focus) {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2123,20 +2195,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .current-menu-item ul,
</span><span class="cx" style="display: block; padding: 0 10px"> .current-menu-ancestor ul {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .current-menu-ancestor:not(.open) .expandable .dashicons:not(:focus),
</span><span class="cx" style="display: block; padding: 0 10px"> .current-menu-item > .expandable .dashicons:not(:focus) {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .current-menu-ancestor .expandable .dashicons:hover,
</span><span class="cx" style="display: block; padding: 0 10px"> .current-menu-item .expandable .dashicons:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #0073aa !important;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .children,
</span><span class="cx" style="display: block; padding: 0 10px"> .sub-menu {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2152,6 +2228,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> ul {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 12px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 2px solid #21759b;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2170,10 +2247,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"> #content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 960px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ max-width: $single-handbook-content-width;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 #{"max( 20px, 2% )"};
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> header {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2193,9 +2270,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 4rem 0 4rem 4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 72%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: $single-handbook-content-primary-width * 100%;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media(max-width: 876px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @media (max-width: 876px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 4rem 20px;
</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">@@ -2209,14 +2286,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> nav.o2-post-actions button {
</span><span class="cx" style="display: block; padding: 0 10px"> top: 10px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .make-welcome {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** Handbook **/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> .rest-api-handbook-reference {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> .table-of-contents {
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2228,11 +2305,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &::after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: '; ';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "; ";
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:last-child::after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: '';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "";
</ins><span class="cx" style="display: block; 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">@@ -2240,10 +2317,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"> /* Menu toggle */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> #secondary-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body.responsive-show {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2252,24 +2329,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-y: scroll;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 500;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .search-section {
- margin-top: 32px;
- width: 100%;
- }
- }
</del><span class="cx" style="display: block; padding: 0 10px"> #secondary-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> height: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 8px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #primary-modal {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #o2-expand-editor {
</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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media only screen and (max-width: 782px) {
</span><span class="cx" style="display: block; padding: 0 10px"> body.responsive-show {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2282,13 +2358,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 876px) {
</span><span class="cx" style="display: block; padding: 0 10px"> #secondary {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- bottom: 0px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow-y: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: all .25s ease;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transition: all 0.25s ease;
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> left: -100%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 60%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2307,21 +2384,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:before {
- content: '\f333';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &::before {
+ content: "\f333";
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-font-smoothing: antialiased;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font: normal 32px/1 'dashicons';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font: 400 32px/1 dashicons;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> strong {
</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">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #page {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> body.responsive-show {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-y: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> position: static;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2329,7 +2409,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #page {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- #secondary-toggle:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ #secondary-toggle::before {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2345,7 +2426,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"> @media ( max-width: 59.999999em ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2354,6 +2434,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 13px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> #content-area,
</span><span class="cx" style="display: block; padding: 0 10px"> .inner-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> .has-sidebar {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2361,7 +2442,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">- &.archive, &.search {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.archive,
+ &.search {
</ins><span class="cx" style="display: block; padding: 0 10px"> .meta {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2372,12 +2454,48 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 90em) {
+ .site-main .table-of-contents {
+ position: fixed;
+ width: 15vw;
+
+ .code-reference & {
+ margin-left: 0;
+ left: calc( #{ $devhub-wrap-content-width } + ( ( 100vw - #{ $devhub-wrap-content-width } ) / 2 ) );
+ top: $devhub-wrap-toc-position-top;
+ max-height: calc(90vh - #{ $devhub-wrap-toc-position-top });
+ }
+
+ // Pages with sidebar
+ .widget-area + & {
+ left: calc( #{ $single-handbook-content-width } + ( ( 100vw - #{ $single-handbook-content-width } ) / 2 ) );
+ top: $single-handbook-toc-position-top;
+ max-height: calc(90vh - #{ $single-handbook-toc-position-top });
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 877px) {
+ // Pages which are not code reference and without a sidebar
+ .site-main .table-of-contents:not(.code-reference .site-main .table-of-contents):not(.widget-area + .site-main .table-of-contents) {
+ position: fixed;
+ width: 15vw;
+ top: $single-handbook-toc-position-top;
+ left: calc(
+ #{ $single-handbook-content-width } * #{ $single-handbook-content-primary-width }
+ + ( ( 100vw - #{ $single-handbook-content-width } ) / 2 )
+ + 15px
+ );
+ max-height: calc(90vh - #{ $single-handbook-toc-position-top });
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( min-width: 43em ) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &.archive, &.search {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.archive,
+ &.search {
</ins><span class="cx" style="display: block; padding: 0 10px"> .meta {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2389,18 +2507,25 @@
</span><span class="cx" style="display: block; 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">+// Matches global header breakpoint
+@media ( max-width: 889px ) {
+ .code-reference .site-main .table-of-contents {
+ float: none;
+ margin-left: 0;
+ width: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media ( max-width: 43em ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> #content-area.has-sidebar {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> main {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 96%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 12px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 1.2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2426,11 +2551,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .reference-landing .section .box,
</span><span class="cx" style="display: block; padding: 0 10px"> .sidebar .box {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .home-primary-content .entry-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .reference-landing .section {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2445,24 +2572,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"> .horizontal-list li:first-child a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 40px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .reference-landing .searchform {
- text-align: center;
- }
-
- .reference-landing .searchform input[type="text"],
- .reference-landing .searchform input[type="submit"] {
- width: 100%;
- margin-right: 0;
- margin-bottom: 1em;
- float: none;
- clear: both;
- }
-
- .wp-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-parser-class,
+ .wp-parser-function,
+ .wp-parser-hook,
+ .wp-parser-method {
</ins><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 45px;
</span><span class="cx" style="display: block; padding: 0 10px"> text-indent: -45px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2477,12 +2593,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 32em) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .table-of-contents {
- float: none;
- margin-left: 0;
- width: 100%;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> section {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2494,20 +2604,27 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 22em) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ul, ol {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ul,
+ ol {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .wp-parser-class, .wp-parser-function, .wp-parser-hook, .wp-parser-method {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wp-parser-class,
+ .wp-parser-function,
+ .wp-parser-hook,
+ .wp-parser-method {
</ins><span class="cx" style="display: block; padding: 0 10px"> h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 20px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2rem;
</del><span class="cx" style="display: block; padding: 0 10px"> text-indent: -20px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 16px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 1.6rem;
+ line-height: 1.25;
</ins><span class="cx" style="display: block; 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">- &.single-wp-parser-function, &.single-wp-parser-method, &.single-wp-parser-hook {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.single-wp-parser-function,
+ &.single-wp-parser-method,
+ &.single-wp-parser-hook {
</ins><span class="cx" style="display: block; padding: 0 10px"> .comment-list {
</span><span class="cx" style="display: block; padding: 0 10px"> li {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2531,8 +2648,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"> .single-command #content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
- h2, h3 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ h2,
+ h3 {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.5rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2541,12 +2658,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h2.entry-title {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 3.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 4.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.29;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> span {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #949494;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2563,10 +2682,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .quick-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #ABABAB;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #ababab;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #ABABAB;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #ababab;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #757575;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2573,40 +2694,36 @@
</span><span class="cx" style="display: block; 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">- .toc-jump {
- float: right;
- font-size: 75%;
- margin-top: 11px;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> table {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-collapse:collapse;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-collapse: collapse;
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding:0;
- margin:0 0 ms(0);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0;
+ margin: 0 0 ms(0);
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: ms(-2);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width:100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> thead {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #eee;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- th, td {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ th,
+ td {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0.8em 1em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin:0;
- font-weight:normal;
- text-align:left;
- vertical-align:top;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0;
+ font-weight: 400;
+ text-align: left;
+ vertical-align: top;
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> tbody {
</span><span class="cx" style="display: block; padding: 0 10px"> tr:nth-child(even) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background:rgba(0, 0, 0, .025);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: rgba(0, 0, 0, 0.025);
</ins><span class="cx" style="display: block; 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">@@ -2613,13 +2730,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-command {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .devhub-wrap *, .devhub-wrap *::before, .devhub-wrap *::after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .devhub-wrap *,
+ .devhub-wrap *::before,
+ .devhub-wrap *::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> -moz-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .devhub-wrap a.button, .devhub-wrap button, .devhub-wrap input[type="button"], .devhub-wrap input[type="reset"], .devhub-wrap input[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .devhub-wrap a.button,
+ .devhub-wrap button,
+ .devhub-wrap input[type="button"],
+ .devhub-wrap input[type="reset"],
+ .devhub-wrap input[type="submit"] {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2630,8 +2753,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .8rem 1.2rem;
- margin: .4rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.8rem 1.2rem;
+ margin: 0.4rem 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2640,7 +2763,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- &:focus, &:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &:focus,
+ &:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2653,8 +2777,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &.red {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #dc3232;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &.green {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #46B450;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #46b450;
</ins><span class="cx" style="display: block; 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">@@ -2666,11 +2791,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> > a {
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- @media(min-width: 571px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @media (min-width: 571px) {
</ins><span class="cx" style="display: block; padding: 0 10px"> &:first-child {
</span><span class="cx" style="display: block; padding: 0 10px"> right: -6px;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px 0 0 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:last-child {
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0 3px 3px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2680,6 +2806,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .github-tracker {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 2.5rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> img.icon-github {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 23px;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2690,15 +2817,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-code[class*="language-"],pre[class*="language-"]{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;background:#2b303b;color:#c0c5ce}pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{text-shadow:none;background:#a7adba}pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{text-shadow:none;background:#a7adba}pre[class*="language-"]{overflow:auto}:not(pre)>code[class*="language-"]{border-radius:.3em}.token.comment,.token.prolog,
.token.doctype,.token.cdata{color:#65737e}.token.punctuation{color:#c0c5ce}.token.namespace{opacity:.7}.token.operator,.token.boolean,.token.number{color:#d08770}.token.property{color:#ebcb8b}.token.tag{color:#8fa1b3}.token.string{color:#96b5b4}.token.selector{color:#b48ead}.token.attr-name{color:#d08770}.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#96b5b4}.token.attr-value,.token.keyword,.token.control,.token.directive,.token.unit{color:#a3be8c}.token.statement,.token.regex,.token.atrule{color:#96b5b4}.token.placeholder,.token.variable{color:#8fa1b3}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #eff1f5;text-decoration:none}.token.italic{font-style:italic}.token.important,.token.bold{font-weight:bold}.token.important{color:#bf616a}.token.entity{cursor:help}pre>code.highlight{outline:0.4em solid #bf616a;outline-offset:.4em}
-
</del><span class="cx" style="display: block; padding: 0 10px"> button.code-tab,
</span><span class="cx" style="display: block; padding: 0 10px"> button.code-tab:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
</del><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> text-shadow: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 1px solid #D0DFDA;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 1px solid #d0dfda;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 30px 0 0 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 8px 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2715,8 +2839,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"> button.code-tab.is-active {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #00B975;
- border: 1px solid #00B975;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #00b975;
+ border: 1px solid #00b975;
</ins><span class="cx" style="display: block; padding: 0 10px"> box-shadow: none;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2728,3 +2852,164 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .code-tab-block.is-active {
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+.search-wrap {
+ .searchform {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ position: relative;
+ border-radius: 2px;
+ margin: 3rem auto 0;
+
+ input[type="search"] {
+ flex-grow: 1;
+ margin: 0;
+ padding: 1rem 45px 1rem 1rem;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ box-shadow: none;
+ font-size: 13px;
+ width: 100%;
+ box-sizing: border-box;
+ }
+
+ .search-field {
+ position: relative;
+ margin-bottom: 2rem;
+ display: flex;
+ border: 1px solid #000;
+ border-radius: 4px;
+ width: 100%;
+
+ ul {
+ left: 50%;
+ transform: translate(-50%, 0);
+ max-width: calc(100vw - 40px - 48px); /* Match parents padding/margin. */
+
+ li {
+ padding-right: 20px;
+ }
+ }
+ }
+
+ .button-search {
+ display: flex;
+ padding: 0;
+ position: absolute;
+ cursor: pointer;
+ right: 0;
+ background: transparent;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ height: 100%;
+ width: 40px;
+ align-items: center;
+ top: 0;
+
+ &:active {
+ background: get-color(gray-5);
+ }
+
+ > svg {
+ flex: 1;
+ }
+ }
+
+ .search-post-type {
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ width: 100%;
+ margin: 0 0 2rem;
+
+ color: #000;
+ font-size: 13px;
+ flex-wrap: wrap;
+
+ > span,
+ > div {
+ position: relative;
+ margin: 0.25rem;
+ }
+
+ label {
+ padding: 0.5rem 0.5rem 0.5rem 2.5rem;
+ border-radius: 2px;
+ user-select: none;
+ }
+
+ input {
+ position: absolute;
+ z-index: 1;
+ top: 3px;
+ left: 6px;
+ }
+
+ label,
+ input {
+ cursor: pointer;
+ }
+ }
+
+ &.searchform-handbook .search-field {
+ border-color: get-color(gray-10);
+ border-radius: 0;
+ }
+
+ .widget_search &.searchform-handbook {
+ padding-right: 1em;
+
+ @media (max-width: 876px) {
+ padding: 1.5em 1em 0;
+ }
+ }
+ }
+
+ &.search-wrap-inline .searchform {
+ margin: 0;
+ }
+
+ &.search-wrap-inline .search-field {
+ margin: 0;
+ border: none;
+ }
+
+ &.search-wrap-embedded .search-field {
+ margin-bottom: 0;
+ max-width: 400px;
+ border: none;
+ }
+
+ &.search-wrap-embedded .search-post-type {
+ margin-top: 2rem;
+ justify-content: space-between;
+ color: $color-white;
+ max-width: 450px;
+
+ input:checked + label {
+ content: "";
+ background: #fff;
+ color: #000;
+ }
+
+ @media ( max-width: 688px ) {
+ justify-content: center;
+
+ > span {
+ flex-basis: 100%;
+ margin-bottom: 1rem;
+ }
+
+ > div {
+ position: relative;
+ margin: 1rem;
+ }
+ }
+ }
+}
+
+.not-found {
+ padding: 4rem 0;
+ text-align: center;
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscsspagedashiconsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/page-dashicons.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,7 +29,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 2px;
</span><span class="cx" style="display: block; padding: 0 10px"> font: 11pt sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 10px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: rgba(255,255,255,.8);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: rgba(255, 255, 255, 0.8);
+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> outline: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -38,7 +39,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .entry-content {
</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: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0 !important;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.5em $spacing;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 50%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -45,7 +46,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"> #glyph {
</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: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1.5em $spacing;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 50%;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -57,7 +58,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"> .info {
</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: right;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: $spacing;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 35%;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -76,7 +77,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"> .name {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: .9em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.9em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -83,7 +84,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: $spacing;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-top: 1px solid lightgrey;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: 1px solid #d3d3d3;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:first-of-type {
</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">@@ -153,7 +154,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> #instructions {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-top: 1px solid lightgrey;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: 1px solid #d3d3d3;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> h3 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0 0.75em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -221,6 +222,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &:nth-of-type(2) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> &:last-of-type {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscssprismscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/prism.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/prism.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/prism.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,238 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Custom theme for developer.wordpress.org.
+ * Forked from a11y-dark theme by ericwbailey, which was based on the okaidia theme.
+ *
+ * https://github.com/PrismJS/prism-themes/blob/master/themes/prism-a11y-dark.css
+ * https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css
+ */
+
+@import "settings/index";
+
+code[class*="language-"],
+pre[class*="language-"] {
+ color: get-color(gray-100);
+ background: none;
+ font-family: $code-font;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+
+ transition: height 500ms;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ overflow: auto;
+ border-radius: 0.3em;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background: get-color(gray-0);
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ padding: 0.1em;
+ border-radius: 0.3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: get-color(green-60);
+}
+
+.token.punctuation {
+ color: get-color(gray-60);
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: get-color(blue-80);
+}
+
+.token.boolean,
+.token.number {
+ color: get-color(gray-100);
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: get-color(blue-50);
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+ color: #a85f00;
+}
+
+.token.function {
+ color: #b8236d;
+}
+
+.token.keyword {
+ color: get-color(blue-60);
+ font-weight: 600;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function-definition {
+ color: get-color(gray-100);
+}
+
+.token.important,
+.token.bold {
+ font-weight: 700;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
+
+@media screen and (-ms-high-contrast: active) {
+ code[class*="language-"],
+ pre[class*="language-"] {
+ color: windowText;
+ background: window;
+ }
+
+ :not(pre) > code[class*="language-"],
+ pre[class*="language-"] {
+ background: window;
+ }
+
+ .token.important {
+ background: highlight;
+ color: window;
+ font-weight: 700;
+ }
+
+ .token.atrule,
+ .token.attr-value,
+ .token.function,
+ .token.keyword,
+ .token.operator,
+ .token.selector {
+ font-weight: 700;
+ }
+
+ .token.attr-value,
+ .token.comment,
+ .token.doctype,
+ .token.function,
+ .token.keyword,
+ .token.operator,
+ .token.property,
+ .token.string {
+ color: highlight;
+ }
+
+ .token.attr-value,
+ .token.url {
+ font-weight: 700;
+ }
+}
+
+/* Line Numbers */
+pre.line-numbers {
+ position: relative;
+ padding-left: 3.8em;
+ counter-reset: linenumber;
+}
+
+pre.line-numbers > code {
+ position: relative;
+}
+
+.line-numbers .line-numbers-rows {
+ position: absolute;
+ pointer-events: none;
+ top: 0;
+ font-size: 100%;
+ left: -3.8em;
+ width: 4em; /* works for line-numbers below 10000 lines */
+ letter-spacing: -1px;
+ border-right: 0;
+
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+
+}
+
+.line-numbers-rows > span {
+ pointer-events: none;
+ display: block;
+ counter-increment: linenumber;
+}
+
+.line-numbers-rows > span::before {
+ content: counter(linenumber);
+ color: #5c6370;
+ display: block;
+ padding-right: 0.8em;
+ text-align: right;
+}
+
+/* Copy button */
+.wp-code-block-button-container {
+ display: flex;
+ justify-content: right;
+ padding: 1rem;
+ background: $color-white;
+ border-width: 1px 1px 0;
+ border-style: solid;
+ border-color: get-color(gray-5);
+ border-top-left-radius: 0.3em;
+ border-top-right-radius: 0.3em;
+
+ button {
+ font-size: 1.2rem !important;
+ }
+
+ button + button {
+ margin-left: 0.5em;
+ }
+
+ + pre {
+ margin-top: 0;
+ border-width: 0 1px 1px;
+ border-style: solid;
+ border-color: get-color(gray-5);
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+ }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscsssettings_colorsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_colors.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_colors.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_colors.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,88 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+//Colors
+
+$color-white: #fff;
+$color-black: #000;
+
+// wp4.css Colors.
+$wp4--link-color: #21759b;
+$wp4--link-color--hover: #d54e21;
+
+// Color map of the WordPress core palette hex values.
+// Please keep this map in sync with the reference: https://codepen.io/ryelle/full/WNGVEjw.
+$colors: (
+ gray-0: #f6f7f7,
+ gray-2: #f0f0f1,
+ gray-5: #dcdcde,
+ gray-10: #c3c4c7,
+ gray-20: #a7aaad,
+ gray-30: #8c8f94,
+ gray-40: #787c82,
+ gray-50: #646970,
+ gray-60: #50575e,
+ gray-70: #3c434a,
+ gray-80: #2c3338,
+ gray-90: #1d2327,
+ gray-100: #101517,
+ blue-0: #f0f6fc,
+ blue-5: #c5d9ed,
+ blue-10: #9ec2e6,
+ blue-20: #72aee6,
+ blue-30: #4f94d4,
+ blue-40: #3582c4,
+ blue-50: #2271b1,
+ blue-60: #135e96,
+ blue-70: #0a4b78,
+ blue-80: #043959,
+ blue-90: #01263a,
+ blue-100: #00131c,
+ red-0: #fcf0f1,
+ red-5: #facfd2,
+ red-10: #ffabaf,
+ red-20: #ff8085,
+ red-30: #f86368,
+ red-40: #e65054,
+ red-50: #d63638,
+ red-60: #b32d2e,
+ red-70: #8a2424,
+ red-80: #691c1c,
+ red-90: #451313,
+ red-100: #240a0a,
+ yellow-0: #fcf9e8,
+ yellow-5: #f5e6ab,
+ yellow-10: #f2d675,
+ yellow-20: #f0c33c,
+ yellow-30: #dba617,
+ yellow-40: #bd8600,
+ yellow-50: #996800,
+ yellow-60: #755100,
+ yellow-70: #614200,
+ yellow-80: #4a3200,
+ yellow-90: #362400,
+ yellow-100: #211600,
+ green-0: #edfaef,
+ green-5: #b8e6bf,
+ green-10: #68de7c,
+ green-20: #1ed14b,
+ green-30: #00ba37,
+ green-40: #00a32a,
+ green-50: #008a20,
+ green-60: #007017,
+ green-70: #005c12,
+ green-80: #00450c,
+ green-90: #003008,
+ green-100: #001c05
+);
+
+// Simple function to retreive colors in the $colors map.
+// e.g. `background-color: color(gray-50);`
+
+@function get-color($key) {
+
+ @if map-has-key($colors, $key) {
+
+ @return map-get($colors, $key);
+ }
+
+ @warn "Unknown `#{$key}` in $colors.";
+ @return null;
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscsssettings_dimensionsscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_dimensions.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_dimensions.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_dimensions.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,6 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$single-handbook-content-width: 960px;
+$single-handbook-content-primary-width: 0.72;
+$single-handbook-toc-position-top: 200px;
+
+$devhub-wrap-content-width: 60em;
+$devhub-wrap-toc-position-top: 210px;
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperscsssettings_indexscss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_index.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_index.scss (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/settings/_index.scss 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,19 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+// stylelint-disable
+
+$header-font: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+$body-font: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+
+$serif-font: Georgia, Times, serif;
+
+$code-font:
+ Hack, "Fira Code", Consolas, Menlo, Monaco, "Andale Mono",
+ "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono",
+ "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L",
+ "Courier New", Courier, monospace;
+
+// stylelint-enable
+
+@import "colors";
+@import "dimensions";
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersearchphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/search.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/search.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/search.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,10 +22,32 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <span class="trail-end"><?php echo esc_html( get_search_query() ); ?></span>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</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_search_form(); ?>
-
</del><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main" role="main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <?php get_search_form() ?>
+
+ <div class="search-results-summary"><?php
+ $count = (int) $GLOBALS['wp_query']->found_posts;
+
+ if ( $count ) {
+ if ( is_paged() ) {
+ $start = get_query_var( 'posts_per_page' ) * ( get_query_var( 'paged' ) - 1 );
+ } else {
+ $start = 0;
+ }
+ $end = min( $count, $start + get_query_var( 'posts_per_page' ) );
+ printf(
+ _n( '<strong>%d</strong> result found for "<strong>%s</strong>".', '<strong>%d</strong> results found for "<strong>%s</strong>". Showing results %d to %d.', $count, 'wporg' ),
+ $count,
+ esc_html( get_search_query() ),
+ $start + 1,
+ $end
+ );
+ } else {
+ printf( __( '<strong>%d</strong> results found for "<strong>%s</strong>".', 'wporg' ), $count, esc_html( get_search_query() ) );
+ }
+ ?></div>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php if ( have_posts() ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php /* Start the Loop */ ?>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdevelopersearchformphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/searchform.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/searchform.php 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/searchform.php 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,60 +4,48 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @package wporg-developer
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-?>
-<div class="search-section section clear <?php if ( ! ( is_page( 'reference' ) || is_search() || is_404() ) ) { echo 'hide-if-js'; } ?>">
</del><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php if ( is_search() ) { ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$show_filters = DevHub\should_show_search_filters();
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <div class="search-results-summary"><?php
- $count = (int) $GLOBALS['wp_query']->found_posts;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$is_handbook = $GLOBALS['wp_query']->is_handbook;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( $count ) {
- if ( is_paged() ) {
- $start = get_query_var( 'posts_per_page' ) * ( get_query_var( 'paged' ) - 1 );
- } else {
- $start = 0;
- }
- $end = min( $count, $start + get_query_var( 'posts_per_page' ) );
- printf(
- _n( '<strong>%d</strong> result found for "<strong>%s</strong>".', '<strong>%d</strong> results found for "<strong>%s</strong>". Showing results %d to %d.', $count, 'wporg' ),
- $count,
- esc_html( get_search_query() ),
- $start + 1,
- $end
- );
- } else {
- printf( __( '<strong>%d</strong> results found for "<strong>%s</strong>".', 'wporg' ), $count, esc_html( get_search_query() ) );
- }
- ?></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+// Add classes for different views
+$classes = ( ! $show_filters && ! $is_handbook ) ? ' search-wrap-inline' : '';
+$classes .= ( is_page( 'reference' ) ) ? ' search-wrap-embedded' : '';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php } ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$form_class = ( $is_handbook ) ? 'searchform-handbook' : '';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <?php
- $is_handbook = $GLOBALS['wp_query']->is_handbook;
- $search_url = get_query_var( 'current_handbook_home_url' );
- $search_url = $search_url ? $search_url : home_url( '/' );
- $filters = ! ( $is_handbook || is_404() );
- $form_class = ( $filters ) ? ' searchform-filtered' : '';
- if ( $is_handbook ) {
- $form_class .= ' searchform-handbook';
- }
- ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$search_url = get_query_var( 'current_handbook_home_url' );
+$search_url = $search_url ? $search_url : home_url( '/' );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <form role="search" method="get" class="searchform<?php echo esc_attr( $form_class ); ?>" action="<?php echo esc_url( $search_url ); ?>">
- <label for="search-field" class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg' ); ?></label>
- <input type="text" id="search-field" class="search-field" placeholder="<?php echo esc_attr_x( 'Search …', 'placeholder', 'wporg' ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
- <button class="button button-primary button-search"><i class="dashicons dashicons-search"></i><span class="screen-reader-text"><?php _e( 'Search plugins', 'wporg' ); ?></span></button>
- <?php if ( $filters ) : ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$placeholder = _x( 'Search reference', 'placeholder', 'wporg' );
+if ( $is_handbook ) {
+ $placeholder = sprintf(
+ /* translators: %s handbook name. */
+ _x( 'Search %s', 'placeholder', 'wporg' ),
+ get_query_var( 'current_handbook_name' )
+ );
+}
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+?>
+<div class="search-wrap <?php echo esc_attr( $classes ); ?>">
+ <form role="search" method="get" class="searchform <?php echo esc_attr( $form_class ); ?>" action="<?php echo esc_url( $search_url ); ?>">
+ <div class="search-field">
+ <input type="search" id="search-field" placeholder="<?php echo esc_attr( $placeholder ); ?>" value="<?php echo esc_attr( get_search_query() ); ?>" name="s">
+ <button class="button-search" aria-label="<?php esc_html_e( 'Search', 'wporg' ); ?>">
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" role="img" aria-hidden="true" focusable="false"><path d="M13.5 6C10.5 6 8 8.5 8 11.5c0 1.1.3 2.1.9 3l-3.4 3 1 1.1 3.4-2.9c1 .9 2.2 1.4 3.6 1.4 3 0 5.5-2.5 5.5-5.5C19 8.5 16.5 6 13.5 6zm0 9.5c-2.2 0-4-1.8-4-4s1.8-4 4-4 4 1.8 4 4-1.8 4-4 4z"></path></svg>
+ </button>
+ </div>
+ <?php if ( $show_filters ) : ?>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <div class="search-post-type">
</span><span class="cx" style="display: block; padding: 0 10px"> <span><?php _e( 'Filter by type:', 'wporg' ); ?></span>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> $search_post_types = array(
</span><span class="cx" style="display: block; padding: 0 10px"> 'wp-parser-function' => __( 'Functions', 'wporg' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'wp-parser-hook' => __( 'Hooks', 'wporg' ),
- 'wp-parser-class' => __( 'Classes', 'wporg' ),
- 'wp-parser-method' => __( 'Methods', 'wporg' ),
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ 'wp-parser-hook' => __( 'Hooks', 'wporg' ),
+ 'wp-parser-class' => __( 'Classes', 'wporg' ),
+ 'wp-parser-method' => __( 'Methods', 'wporg' ),
</ins><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> $qv_post_type = array_filter( (array) get_query_var( 'post_type' ) );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -70,9 +58,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> foreach ( $search_post_types as $post_type => $label ) {
</span><span class="cx" style="display: block; padding: 0 10px"> $checked = checked( in_array( $post_type, $qv_post_type ), true, false );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ?>
- <label><input type="checkbox" name="post_type[]" value="<?php echo esc_attr( $post_type ); ?>"
- <?php echo $checked; ?> /> <?php echo $label; ?></label>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ?>
+ <div>
+ <input id="<?php echo esc_attr( $post_type ); ?>" type="checkbox" name="post_type[]" value="<?php echo esc_attr( $post_type ); ?>" <?php echo $checked; ?> />
+ <label for="<?php echo esc_attr( $post_type ); ?>"><?php echo $label; ?></label>
+ </div>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php } ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -79,5 +70,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> </form>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-</div><!-- /search-guide -->
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+</div>
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsadmincss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/admin.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/admin.css 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/admin.css 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -84,15 +84,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .status {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .status.pending {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: red;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #f00;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .status.publish {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: green;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #008000;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .post-type-wp-parser-function .form-table th,
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsautocompletecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/autocomplete.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/autocomplete.css 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/autocomplete.css 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,8 +3,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * Mainly overrides for awesomplete.css
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> div.awesomplete > ul > li:hover {
</span><span class="cx" style="display: block; padding: 0 10px"> background: hsl(200, 40%, 90%);
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> div.awesomplete > ul > li[aria-selected="true"] {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -16,37 +18,48 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #404040;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-div.awesomplete li:hover mark, div.awesomplete li[aria-selected="true"] mark {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+div.awesomplete li:hover mark,
+div.awesomplete li[aria-selected="true"] mark {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: hsl(65, 100%, 49%);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap div.awesomplete > ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap div.awesomplete > ul {
+ top: 40px;
+ text-align: left;
</ins><span class="cx" style="display: block; padding: 0 10px"> max-height: 13.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #404040;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: linear-gradient(to bottom right, white, hsla(0,0%,100%,.9));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: linear-gradient(to bottom right, #fff, hsla(0, 0%, 100%, 0.9));
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .searchform label div.awesomplete > input,
-.devhub-wrap div.awesomplete {
- width: 100%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap-inline div.awesomplete > ul {
+ right: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .searchform div.search-post-type {
- clear: both;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* Matches submenu breakpoint */
+@media screen and ( min-width: 501px ) {
+ .search-wrap-inline div.awesomplete > ul {
+ left: auto;
+ }
</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">-.devhub-wrap .searchform,
-.devhub-wrap .searchform div:first-child,
-.devhub-wrap div.awesomplete {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform label div.awesomplete > input,
+.search-wrap div.awesomplete {
+ width: 100%;
+}
+
+.search-wrap .searchform,
+.search-wrap .searchform div:first-child,
+.search-wrap div.awesomplete {
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Needs to be visible for the awesomplete popup */
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-div.awesomplete > ul > li:hover {
- color: black;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap div.awesomplete {
+ /* This is for the input to expand */
+ display: flex;
</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">-div.awesomplete > ul:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+div.awesomplete > ul::before {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsawesompletecss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/awesomplete.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/awesomplete.css 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/awesomplete.css 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,14 +10,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-div.awesomplete > input {
- display: block;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> div.awesomplete > ul {
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute;
</span><span class="cx" style="display: block; padding: 0 10px"> left: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- z-index: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ z-index: 1000;
</ins><span class="cx" style="display: block; padding: 0 10px"> min-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsmaincss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -97,7 +97,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Headings */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-h1, h2, h3, h4, h5, h6 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -115,7 +120,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-ul, ol {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ul,
+ol {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 3em;
</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">@@ -134,7 +140,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"> dt {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> dd {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -141,11 +147,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 1.5em 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-b, strong {
- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+b,
+strong {
+ font-weight: 700;
</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">-dfn, cite, em, i {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+dfn,
+cite,
+em,
+i {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -169,15 +179,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.6em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-code, kbd, tt, var {
- font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+code,
+kbd,
+tt,
+var {
+ font-family: Hack, "Fira Code", Consolas, Menlo, Monaco, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
+ font-size: 15px;
</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">-abbr, acronym {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+abbr,
+acronym {
</ins><span class="cx" style="display: block; padding: 0 10px"> cursor: help;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-mark, ins {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+mark,
+ins {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #fff9c0;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -196,7 +212,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"> sub {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- top: .5ex;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ top: 0.5ex;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> small {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -217,7 +233,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"> th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> img {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -227,28 +243,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* Adhere to container width. */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* Form Elements */
-button,
-input,
-select,
-textarea {
- font-size: 100%;
- /* Corrects font size not being inherited in all browsers */
- margin: 0;
- /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
- vertical-align: baseline;
- /* Improves appearance and consistency in all browsers */
- *vertical-align: middle;
- /* Improves appearance and consistency in all browsers */
- font-weight: 300;
-}
-
-button,
-input {
- line-height: normal;
- /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> /* Alignment */
</span><span class="cx" style="display: block; padding: 0 10px"> .alignleft {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -272,7 +266,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.home .devhub-wrap h1, .home .devhub-wrap h2, .home .devhub-wrap h3, .home .devhub-wrap h4, .home .devhub-wrap h5, .home .devhub-wrap h6 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.home .devhub-wrap h1,
+.home .devhub-wrap h2,
+.home .devhub-wrap h3,
+.home .devhub-wrap h4,
+.home .devhub-wrap h5,
+.home .devhub-wrap h6 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: "Open Sans", sans-serif;
</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">@@ -283,7 +282,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Override inline style from wporg-markdown plugin. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /* Text meant only for screen readers */
</del><span class="cx" style="display: block; padding: 0 10px"> /* Clearing */
</span><span class="cx" style="display: block; padding: 0 10px"> /* =Content
</span><span class="cx" style="display: block; padding: 0 10px"> ----------------------------------------------- */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -310,6 +308,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ----------------------------------------------- */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Changelog */
</span><span class="cx" style="display: block; padding: 0 10px"> /* Comments */
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /* User contributed notes*/
</ins><span class="cx" style="display: block; padding: 0 10px"> /*
</span><span class="cx" style="display: block; padding: 0 10px"> * Content
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -317,8 +316,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"> .devhub-wrap *,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap *:before,
-.devhub-wrap *:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap *::before,
+.devhub-wrap *::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> -moz-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -325,39 +324,41 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap a.github-edit {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 .6em 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 0.6em 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap #content, .devhub-wrap #content-area {
- padding: 0 max( 20px, 2% );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap #content,
+.devhub-wrap #content-area {
+ padding: 0 12px;
</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">-.devhub-wrap #content .toc-heading, .devhub-wrap #content-area .toc-heading {
- clear: left;
-}
-
-.devhub-wrap #content table, .devhub-wrap #content-area table {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap #content table,
+.devhub-wrap #content-area table {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #f0f0f0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (max-width: 991px) {
- .devhub-wrap #content table, .devhub-wrap #content-area table {
- overflow-x: scroll;
- display: block;
- }
-}
-
-.devhub-wrap #content table th, .devhub-wrap #content-area table th {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap #content table th,
+.devhub-wrap #content-area table th {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #f0f0f0;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f0f0f0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap #content table td, .devhub-wrap #content-area table td {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap #content table td,
+.devhub-wrap #content-area table td {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0.8em 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #f0f0f0;
</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 (min-width: 889px) {
+ .devhub-wrap #content {
+ padding: 0;
+ }
+ .devhub-wrap #content-area {
+ padding: 0 24px;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap #content-area,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .inner-wrap {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2rem auto 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -395,54 +396,42 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 28px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 1em;
- text-shadow: #fff 0px 1px 0px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1;
+ text-shadow: #fff 0 1px 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h1 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 28px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 32px;
- line-height: 3.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.067;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h2 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 22px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 26px;
- line-height: 2.6rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.18;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h3 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 20px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 24px;
- line-height: 2.4rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.2;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h4 {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 18px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.8rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 22px;
- line-height: 2.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.2;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h4 .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 22px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 22px;
- line-height: 2.2rem;
- height: 22px;
- width: 22px;
- height: 2.2rem;
- width: 2.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1;
+ height: 1em;
+ width: 1em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap a.button,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -464,12 +453,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: rgba(0, 0, 0, 0.8);
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Improves usability and consistency of cursor style between image-type 'input' and others */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 16px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.1;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .6em 1.8em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.6em 1.8em;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: button;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Corrects inability to style clickable 'input' types in iOS */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -495,8 +483,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="submit"]:active {
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #aaa #bbb #bbb #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #f0f0f0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
- box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6), 1px 1px 2px rgba(0, 0, 0, 0.4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 0 3px #3582c4;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap a.button.shiny-blue,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -504,47 +491,49 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="button"].shiny-blue,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="reset"].shiny-blue,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="submit"].shiny-blue {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background-color: #21759b;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#2a95c5), to(#21759b));
- background-image: -webkit-linear-gradient(top, #2a95c5, #21759b);
- background-image: -moz-linear-gradient(top, #2a95c5, #21759b);
- background-image: -ms-linear-gradient(top, #2a95c5, #21759b);
- background-image: -o-linear-gradient(top, #2a95c5, #21759b);
- background-image: linear-gradient(to bottom, #2a95c5, #21759b);
- border-color: #21759b;
- border-bottom-color: #1e6a8d;
- -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
- box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.5);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background-color: #2271b1;
+ border-color: #2271b1;
+ border-bottom-color: #0a4b78;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
- padding: 3px 8px;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap a.button.shiny-blue:hover,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap a.button.shiny-blue:hover, .devhub-wrap a.button.shiny-blue:focus, .devhub-wrap a.button.shiny-blue:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button.shiny-blue:hover,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap button.shiny-blue:focus,
+.devhub-wrap button.shiny-blue:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="button"].shiny-blue:hover,
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap input[type="button"].shiny-blue:focus,
+.devhub-wrap input[type="button"].shiny-blue:active,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="reset"].shiny-blue:hover,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap input[type="submit"].shiny-blue:hover {
- background-color: #278ab7;
- background-image: -webkit-gradient(linear, left top, left bottom, from(#2e9fd2), to(#21759b));
- background-image: -webkit-linear-gradient(top, #2e9fd2, #21759b);
- background-image: -moz-linear-gradient(top, #2e9fd2, #21759b);
- background-image: -ms-linear-gradient(top, #2e9fd2, #21759b);
- background-image: -o-linear-gradient(top, #2e9fd2, #21759b);
- background-image: linear-gradient(to bottom, #2e9fd2, #21759b);
- border-color: #1b607f;
- -webkit-box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
- box-shadow: inset 0 1px 0 rgba(120, 200, 230, 0.6);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap input[type="reset"].shiny-blue:focus,
+.devhub-wrap input[type="reset"].shiny-blue:active,
+.devhub-wrap input[type="submit"].shiny-blue:hover,
+.devhub-wrap input[type="submit"].shiny-blue:focus,
+.devhub-wrap input[type="submit"].shiny-blue:active {
+ background-color: #135e96;
+ border-color: #043959;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap a.button.shiny-blue:focus, .devhub-wrap a.button.shiny-blue:active,
+.devhub-wrap button.shiny-blue:focus,
+.devhub-wrap button.shiny-blue:active,
+.devhub-wrap input[type="button"].shiny-blue:focus,
+.devhub-wrap input[type="button"].shiny-blue:active,
+.devhub-wrap input[type="reset"].shiny-blue:focus,
+.devhub-wrap input[type="reset"].shiny-blue:active,
+.devhub-wrap input[type="submit"].shiny-blue:focus,
+.devhub-wrap input[type="submit"].shiny-blue:active {
+ box-shadow: 0 0 3px 1px #dba617;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap a.button .dashicons,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap button .dashicons,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="button"] .dashicons,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="reset"] .dashicons,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="submit"] .dashicons {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transform: scale(-1, 1);
</ins><span class="cx" style="display: block; padding: 0 10px"> vertical-align: text-bottom;
</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">@@ -551,8 +540,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> @media (min-width: 43em) and (max-width: 915px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .three-columns a.button {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 100%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .6em 1em;
- font-size: 14px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.6em 1em;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .three-columns .dashicons {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -573,24 +561,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="search"] {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: textfield;
</span><span class="cx" style="display: block; padding: 0 10px"> /* Addresses appearance set to searchfield in S5, Chrome */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-box-sizing: content-box;
- /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
- -moz-box-sizing: content-box;
</del><span class="cx" style="display: block; padding: 0 10px"> box-sizing: content-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="search"]::-webkit-search-decoration {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ -webkit-appearance: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- -webkit-appearance: none;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap button::-moz-focus-inner,
-.devhub-wrap input::-moz-focus-inner {
- /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
- border: 0;
- padding: 0;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="text"],
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="email"],
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap input[type="url"],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -623,52 +601,40 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 98%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .screen-reader-text {
- clip: rect(1px, 1px, 1px, 1px);
- position: absolute !important;
-}
-
-.devhub-wrap .screen-reader-text:hover,
-.devhub-wrap .screen-reader-text:active,
-.devhub-wrap .screen-reader-text:focus {
- background-color: #f1f1f1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap select {
+ appearance: none;
+ background-color: #fff;
+ background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' width='24' height='24' aria-hidden='true'%3E%3Cpath d='M17.5 11.6 12 16l-5.5-4.4.9-1.2L12 14l4.5-3.6 1 1.2z'/%3E%3C/svg%3E%0A");
+ background-position: right center;
+ background-repeat: no-repeat;
+ background-size: 1.5em 1.5em;
+ padding-right: 2em;
+ color: #3c434a;
+ border: 1px solid #3c434a;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
- clip: auto !important;
- color: #21759b;
- display: block;
- font-size: 14px;
- font-weight: bold;
- height: auto;
- left: 5px;
- line-height: normal;
- padding: 15px 23px 14px;
- text-decoration: none;
- top: 5px;
- width: auto;
- z-index: 100000;
- /* Above WP toolbar */
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .clear:before,
-.devhub-wrap .clear:after,
-.devhub-wrap .entry-content:before,
-.devhub-wrap .entry-content:after,
-.devhub-wrap .comment-content:before,
-.devhub-wrap .comment-content:after,
-.devhub-wrap .site-content:before,
-.devhub-wrap .site-content:after,
-.devhub-wrap .site-footer:before,
-.devhub-wrap .site-footer:after {
- content: '';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .clear::before,
+.devhub-wrap .clear::after,
+.devhub-wrap .entry-content::before,
+.devhub-wrap .entry-content::after,
+.devhub-wrap .comment-content::before,
+.devhub-wrap .comment-content::after,
+.devhub-wrap .site-content::before,
+.devhub-wrap .site-content::after,
+.devhub-wrap .site-footer::before,
+.devhub-wrap .site-footer::after,
+.devhub-wrap section::after {
+ content: "";
</ins><span class="cx" style="display: block; padding: 0 10px"> display: table;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .clear:after,
-.devhub-wrap .entry-content:after,
-.devhub-wrap .comment-content:after,
-.devhub-wrap .site-content:after,
-.devhub-wrap .site-footer:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .clear::after,
+.devhub-wrap .entry-content::after,
+.devhub-wrap .comment-content::after,
+.devhub-wrap .site-content::after,
+.devhub-wrap .site-footer::after,
+.devhub-wrap section::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</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">@@ -707,14 +673,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"> .devhub-wrap .tablist a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-color: transparent;
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: transparent;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-color: transparent;
</del><span class="cx" style="display: block; padding: 0 10px"> border-image: none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-style: solid solid none;
</span><span class="cx" style="display: block; padding: 0 10px"> border-width: 1px 1px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .5em 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.5em 1em;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: -1px;
</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">@@ -798,10 +763,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .widget-area .search-section.hide-if-js {
- display: block;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .infinite-scroll .paging-navigation,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .infinite-scroll.neverending .site-footer {
</span><span class="cx" style="display: block; padding: 0 10px"> /* Theme Footer (when set to scrolling) */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -832,7 +793,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h1.entry-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h1.page-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 37px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3.7rem;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #606060;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -847,9 +807,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h1.single-entry-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap h2.entry-title {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 0 24px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 2.4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -860,17 +818,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"> .devhub-wrap .home-landing .section {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 50px 0 10px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 5rem 0 1rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-top: 60px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-top: 6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .home-landing .section .no-bullets li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 20px;
- line-height: 2rem;
- margin-bottom: 12.5px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.5;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1.25rem;
</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">@@ -880,8 +834,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"> .devhub-wrap .home-landing .section .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 60px;
- line-height: 6rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.4;
+ cursor: pointer;
+ text-decoration: none;
+ color: inherit;
+ font-weight: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .home-landing .section.search-guide {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -901,13 +858,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section {
</span><span class="cx" style="display: block; padding: 0 10px"> /*background: #0073aa;*/
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px 0;
</del><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">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section .box {
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 30px 90px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 3rem 9rem;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 320px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -914,12 +869,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section .box .widget-description {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1em 0 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 5px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.search-guide {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 60px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding-top: 6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -929,35 +882,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 25px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 20px;
- line-height: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 0.8;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section .widget-title .dashicons {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #222;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 108px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 10.8rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 84px;
- line-height: 8.4rem;
- height: 84px;
- width: 84px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 0.778;
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 8.4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 8.4rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> opacity: 0.4;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: flex;
+ align-items: center;
+ flex-direction: column;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section .widget-title .dashicons.dashicons-rest-api {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 90px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 9rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (min-width: 43em) and (max-width: 915px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section .three-columns .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 35px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3.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">@@ -974,7 +921,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"> .devhub-wrap .section.gray .inner-wrap {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 760px;
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 76rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.2em auto 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1013,19 +959,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray .widget-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 50px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 68px;
- line-height: 6.8rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.36;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray .widget-title .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 68px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 6.8rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 68px;
- line-height: 6.8rem;
- height: 6.8px;
- width: 6.8px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 6.8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 6.8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1032,13 +972,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (min-width: 43em) and (max-width: 915px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 35px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 3.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.gray .widget-description {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: 85px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-left: 8.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">@@ -1053,7 +991,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"> .devhub-wrap .section.light-gray .widget-title a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #2D96C2;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #2d96c2;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section.light-gray a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1061,21 +999,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .section.light-gray a.make-wp-link:after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .section.light-gray a.make-wp-link::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "\f345";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: 'dashicons';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: dashicons;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: middle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .section .home-primary-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- max-width: 600px;
</del><span class="cx" style="display: block; padding: 0 10px"> max-width: 60rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .box {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1083,161 +1019,37 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (min-width: 43em) and (max-width: 915px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .three-columns .box {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 30px 20px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 3rem 2rem;
</span><span class="cx" style="display: block; 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">-.devhub-wrap .reference-landing .section.search-section {
- padding-top: 0;
-}
-
-.devhub-wrap div#inner-search {
- background-color: #666;
- margin-bottom: 1em;
- padding-top: 2px;
-}
-
-.devhub-wrap div#inner-search .section.search-section {
- color: #ffffff;
-}
-
-.devhub-wrap div#inner-search div#inner-search-icon-container {
- margin: 0 auto;
- max-width: 60em;
- cursor: pointer;
-}
-
-.devhub-wrap div#inner-search div#inner-search-icon-container div#inner-search-icon {
- background-color: #666;
- color: #ffffff;
- text-align: center;
- margin-right: 26px;
- margin-left: 4px;
- float: right;
- padding: 5px;
- -webkit-border-bottom-right-radius: 5px;
- -webkit-border-bottom-left-radius: 5px;
- -moz-border-radius-bottomright: 5px;
- -moz-border-radius-bottomleft: 5px;
- border-bottom-right-radius: 5px;
- border-bottom-left-radius: 5px;
-}
-
-.devhub-wrap div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search {
- height: auto;
- width: auto;
-}
-
-.devhub-wrap div#inner-search div#inner-search-icon-container div#inner-search-icon .dashicons-search:before {
- font-size: 36px;
- line-height: 36px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .archive-filter-form {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 5rem 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.5rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.5;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .archive-filter-form select,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .archive-filter-form input[type="submit"] {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: .5em;
- padding: 0.2em 0.5em;
- line-height: 1;
- font-size: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0 0 0 0.5em;
+ padding: 0.333em 1em;
+ font-size: inherit;
+ line-height: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .searchform {
- overflow: hidden;
- height: auto;
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .archive-filter-form select {
+ padding-right: 2em;
</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">-.devhub-wrap .searchform input[type="text"] {
- border-radius: 0;
- margin: 0 auto;
- padding: 0.5em;
- width: 100%;
-}
-
-.devhub-wrap .searchform .button-search {
- background: transparent;
- border: none;
- border-radius: 0;
- box-shadow: none;
- color: #32373c;
- display: block;
- height: 40px;
- padding: 0.5rem 1rem;
- position: absolute;
- right: 0;
- top: 0;
- text-shadow: none;
-}
-
-.devhub-wrap .searchform label {
- width: 560px;
- width: 56rem;
- max-width: 100%;
- margin-right: 15px;
- display: inline-block;
- float: left;
-}
-
-.devhub-wrap .searchform label .search-field input[type="text"] {
- width: 100%;
-}
-
-.devhub-wrap .searchform div {
- overflow: auto;
-}
-
-.devhub-wrap .searchform .search-post-type {
- margin-top: 1em;
-}
-
-.devhub-wrap .searchform .search-post-type label {
- border-right: 1px solid #ccc;
- float: none;
- width: inherit;
- margin-left: 1em;
- margin-right: 0;
- padding-left: 0;
- padding-right: 1.3em;
-}
-
-.devhub-wrap .searchform .search-post-type label input {
- margin-bottom: 6px;
- padding-left: 0.5em;
- vertical-align: middle;
-}
-
-.devhub-wrap .searchform .search-post-type label:last-child {
- border-right-width: 0;
-}
-
-@media (max-width: 688px) {
- .devhub-wrap .searchform .search-post-type span {
- display: block;
- }
- .devhub-wrap .searchform .search-post-type label {
- margin-left: 0;
- margin-right: 1em;
- width: 130px;
- }
- .devhub-wrap .searchform .search-post-type label:last-child {
- margin-right: 0;
- padding-right: 0;
- width: initial;
- }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .search-results-summary {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-style: italic;
</del><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1em;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 2rem;
+ background: #f0f0f1;
+ border-radius: 2px;
+ font-size: 14px;
</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">-.devhub-wrap .reference-landing .section, .devhub-wrap .search-section {
- max-width: 970px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .reference-landing .section {
</ins><span class="cx" style="display: block; padding: 0 10px"> max-width: 97rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.5em 1em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1267,8 +1079,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .box,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .sidebar .box {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: 2px solid #cccccc;
- background-color: #eeeeee;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 2px solid #ccc;
+ background-color: #eee;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .box ul,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1278,15 +1090,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .box .widget-title,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .sidebar .box .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 10px 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 1rem 30px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 16px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .reference-landing .box .widget-content,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .sidebar .box .widget-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 16px 30px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 1.6rem 3rem;
</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">@@ -1308,21 +1117,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .two-columns .box {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 48%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 1% 1% 1% 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-top: 1%;
+ margin-bottom: 1%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .new-in-guide.two-columns .box {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 43%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 1%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 688px) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .new-in-guide.two-columns .box {
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-left: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .new-in-guide.two-columns .box:first-child {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- width: 53%;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ width: 48%;
+ margin-right: 1%;
+ margin-left: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 688px) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1345,7 +1158,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: center;
</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"> .devhub-wrap .horizontal-list li {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1353,7 +1165,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"> .devhub-wrap .horizontal-list li a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0px 40px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1384,7 +1195,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"> .devhub-wrap .box.gray .widget-title {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #666666;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #666;
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #d8d8d8;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: uppercase;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1393,10 +1204,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> list-style-type: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 13px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.3rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 30px;
- line-height: 3rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2.3;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .widget-description {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1410,87 +1219,428 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .handbook h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 24px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 20px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 400;
</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">-.devhub-wrap .wp-parser-class, .devhub-wrap .wp-parser-function, .devhub-wrap .wp-parser-hook, .devhub-wrap .wp-parser-method {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class,
+.devhub-wrap .wp-parser-function,
+.devhub-wrap .wp-parser-hook,
+.devhub-wrap .wp-parser-method {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class h1,
+.devhub-wrap .wp-parser-function h1,
+.devhub-wrap .wp-parser-hook h1,
+.devhub-wrap .wp-parser-method h1 {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 24px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 100px;
</span><span class="cx" style="display: block; padding: 0 10px"> text-indent: -100px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #24831d;
- font-family: monospace;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 20px;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.6;
</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">-.devhub-wrap .wp-parser-class h1 .hook-func, .devhub-wrap .wp-parser-function h1 .hook-func, .devhub-wrap .wp-parser-hook h1 .hook-func, .devhub-wrap .wp-parser-method h1 .hook-func {
- color: #888888;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class h2,
+.devhub-wrap .wp-parser-function h2,
+.devhub-wrap .wp-parser-hook h2,
+.devhub-wrap .wp-parser-method h2 {
+ font-family: Georgia, Times, serif;
+ margin-bottom: 0.5em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class h1 .arg-type, .devhub-wrap .wp-parser-function h1 .arg-type, .devhub-wrap .wp-parser-hook h1 .arg-type, .devhub-wrap .wp-parser-method h1 .arg-type {
- color: #cd2f23;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .toc-header,
+.devhub-wrap .wp-parser-function .toc-header,
+.devhub-wrap .wp-parser-hook .toc-header,
+.devhub-wrap .wp-parser-method .toc-header {
+ margin-top: 0 !important;
+}
+
+.devhub-wrap .wp-parser-class h1,
+.devhub-wrap .wp-parser-class .signature-highlight,
+.devhub-wrap .wp-parser-function h1,
+.devhub-wrap .wp-parser-function .signature-highlight,
+.devhub-wrap .wp-parser-hook h1,
+.devhub-wrap .wp-parser-hook .signature-highlight,
+.devhub-wrap .wp-parser-method h1,
+.devhub-wrap .wp-parser-method .signature-highlight {
+ color: #008a20;
+ font-family: Hack, "Fira Code", Consolas, Menlo, Monaco, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
+ font-weight: 400;
+}
+
+.devhub-wrap .wp-parser-class h1 .hook-func,
+.devhub-wrap .wp-parser-class h1 .keyword,
+.devhub-wrap .wp-parser-class .signature-highlight .hook-func,
+.devhub-wrap .wp-parser-class .signature-highlight .keyword,
+.devhub-wrap .wp-parser-function h1 .hook-func,
+.devhub-wrap .wp-parser-function h1 .keyword,
+.devhub-wrap .wp-parser-function .signature-highlight .hook-func,
+.devhub-wrap .wp-parser-function .signature-highlight .keyword,
+.devhub-wrap .wp-parser-hook h1 .hook-func,
+.devhub-wrap .wp-parser-hook h1 .keyword,
+.devhub-wrap .wp-parser-hook .signature-highlight .hook-func,
+.devhub-wrap .wp-parser-hook .signature-highlight .keyword,
+.devhub-wrap .wp-parser-method h1 .hook-func,
+.devhub-wrap .wp-parser-method h1 .keyword,
+.devhub-wrap .wp-parser-method .signature-highlight .hook-func,
+.devhub-wrap .wp-parser-method .signature-highlight .keyword {
+ color: #646970;
+}
+
+.devhub-wrap .wp-parser-class h1 .arg-type,
+.devhub-wrap .wp-parser-class .signature-highlight .arg-type,
+.devhub-wrap .wp-parser-function h1 .arg-type,
+.devhub-wrap .wp-parser-function .signature-highlight .arg-type,
+.devhub-wrap .wp-parser-hook h1 .arg-type,
+.devhub-wrap .wp-parser-hook .signature-highlight .arg-type,
+.devhub-wrap .wp-parser-method h1 .arg-type,
+.devhub-wrap .wp-parser-method .signature-highlight .arg-type {
+ color: #d63638;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.9em;
</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">-.devhub-wrap .wp-parser-class h1 .arg-name, .devhub-wrap .wp-parser-function h1 .arg-name, .devhub-wrap .wp-parser-hook h1 .arg-name, .devhub-wrap .wp-parser-method h1 .arg-name {
- color: #0f55c8;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class h1 .arg-name,
+.devhub-wrap .wp-parser-class .signature-highlight .arg-name,
+.devhub-wrap .wp-parser-function h1 .arg-name,
+.devhub-wrap .wp-parser-function .signature-highlight .arg-name,
+.devhub-wrap .wp-parser-hook h1 .arg-name,
+.devhub-wrap .wp-parser-hook .signature-highlight .arg-name,
+.devhub-wrap .wp-parser-method h1 .arg-name,
+.devhub-wrap .wp-parser-method .signature-highlight .arg-name {
+ color: #135e96;
</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">-.devhub-wrap .wp-parser-class h1 .arg-default, .devhub-wrap .wp-parser-function h1 .arg-default, .devhub-wrap .wp-parser-hook h1 .arg-default, .devhub-wrap .wp-parser-method h1 .arg-default {
- color: #000000;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class h1 .arg-default,
+.devhub-wrap .wp-parser-class .signature-highlight .arg-default,
+.devhub-wrap .wp-parser-function h1 .arg-default,
+.devhub-wrap .wp-parser-function .signature-highlight .arg-default,
+.devhub-wrap .wp-parser-hook h1 .arg-default,
+.devhub-wrap .wp-parser-hook .signature-highlight .arg-default,
+.devhub-wrap .wp-parser-method h1 .arg-default,
+.devhub-wrap .wp-parser-method .signature-highlight .arg-default {
+ color: #000;
</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">-.devhub-wrap .wp-parser-class h1 a:hover, .devhub-wrap .wp-parser-function h1 a:hover, .devhub-wrap .wp-parser-hook h1 a:hover, .devhub-wrap .wp-parser-method h1 a:hover {
- border-bottom: 1px dotted #21759b;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class h1 a,
+.devhub-wrap .wp-parser-class .signature-highlight a,
+.devhub-wrap .wp-parser-function h1 a,
+.devhub-wrap .wp-parser-function .signature-highlight a,
+.devhub-wrap .wp-parser-hook h1 a,
+.devhub-wrap .wp-parser-hook .signature-highlight a,
+.devhub-wrap .wp-parser-method h1 a,
+.devhub-wrap .wp-parser-method .signature-highlight a {
+ text-decoration: none;
+ color: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class h2, .devhub-wrap .wp-parser-function h2, .devhub-wrap .wp-parser-hook h2, .devhub-wrap .wp-parser-method h2 {
- font-family: Georgia, Times, serif;
- margin-bottom: .5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class h1 a:hover,
+.devhub-wrap .wp-parser-class .signature-highlight a:hover,
+.devhub-wrap .wp-parser-function h1 a:hover,
+.devhub-wrap .wp-parser-function .signature-highlight a:hover,
+.devhub-wrap .wp-parser-hook h1 a:hover,
+.devhub-wrap .wp-parser-hook .signature-highlight a:hover,
+.devhub-wrap .wp-parser-method h1 a:hover,
+.devhub-wrap .wp-parser-method .signature-highlight a:hover {
+ border-bottom: 1px dotted #2271b1;
</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">-.devhub-wrap .wp-parser-class .return-type, .devhub-wrap .wp-parser-function .return-type, .devhub-wrap .wp-parser-hook .return-type, .devhub-wrap .wp-parser-method .return-type {
- font-style: italic;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .return .return-type,
+.devhub-wrap .wp-parser-function .return .return-type,
+.devhub-wrap .wp-parser-hook .return .return-type,
+.devhub-wrap .wp-parser-method .return .return-type {
+ margin-right: 8px;
+ font-size: 14px;
</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">-.devhub-wrap .wp-parser-class .parameters p, .devhub-wrap .wp-parser-function .parameters p, .devhub-wrap .wp-parser-hook .parameters p, .devhub-wrap .wp-parser-method .parameters p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .return-type,
+.devhub-wrap .wp-parser-class .return .type,
+.devhub-wrap .wp-parser-class .parameters .type,
+.devhub-wrap .wp-parser-function .return-type,
+.devhub-wrap .wp-parser-function .return .type,
+.devhub-wrap .wp-parser-function .parameters .type,
+.devhub-wrap .wp-parser-hook .return-type,
+.devhub-wrap .wp-parser-hook .return .type,
+.devhub-wrap .wp-parser-hook .parameters .type,
+.devhub-wrap .wp-parser-method .return-type,
+.devhub-wrap .wp-parser-method .return .type,
+.devhub-wrap .wp-parser-method .parameters .type {
+ color: #d63638;
+}
+
+.devhub-wrap .wp-parser-class .return-type a,
+.devhub-wrap .wp-parser-class .return .type a,
+.devhub-wrap .wp-parser-class .parameters .type a,
+.devhub-wrap .wp-parser-function .return-type a,
+.devhub-wrap .wp-parser-function .return .type a,
+.devhub-wrap .wp-parser-function .parameters .type a,
+.devhub-wrap .wp-parser-hook .return-type a,
+.devhub-wrap .wp-parser-hook .return .type a,
+.devhub-wrap .wp-parser-hook .parameters .type a,
+.devhub-wrap .wp-parser-method .return-type a,
+.devhub-wrap .wp-parser-method .return .type a,
+.devhub-wrap .wp-parser-method .parameters .type a {
+ color: inherit;
+ text-decoration: none;
+ border-bottom: 1px dotted #3c434a;
+}
+
+.devhub-wrap .wp-parser-class .return-type a:hover,
+.devhub-wrap .wp-parser-class .return .type a:hover,
+.devhub-wrap .wp-parser-class .parameters .type a:hover,
+.devhub-wrap .wp-parser-function .return-type a:hover,
+.devhub-wrap .wp-parser-function .return .type a:hover,
+.devhub-wrap .wp-parser-function .parameters .type a:hover,
+.devhub-wrap .wp-parser-hook .return-type a:hover,
+.devhub-wrap .wp-parser-hook .return .type a:hover,
+.devhub-wrap .wp-parser-hook .parameters .type a:hover,
+.devhub-wrap .wp-parser-method .return-type a:hover,
+.devhub-wrap .wp-parser-method .return .type a:hover,
+.devhub-wrap .wp-parser-method .parameters .type a:hover {
+ border-bottom-style: solid;
+}
+
+.devhub-wrap .wp-parser-class .parameters p,
+.devhub-wrap .wp-parser-class .return p,
+.devhub-wrap .wp-parser-function .parameters p,
+.devhub-wrap .wp-parser-function .return p,
+.devhub-wrap .wp-parser-hook .parameters p,
+.devhub-wrap .wp-parser-hook .return p,
+.devhub-wrap .wp-parser-method .parameters p,
+.devhub-wrap .wp-parser-method .return p {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .parameters dd .desc .type, .devhub-wrap .wp-parser-class .parameters dd .desc .required, .devhub-wrap .wp-parser-function .parameters dd .desc .type, .devhub-wrap .wp-parser-function .parameters dd .desc .required, .devhub-wrap .wp-parser-hook .parameters dd .desc .type, .devhub-wrap .wp-parser-hook .parameters dd .desc .required, .devhub-wrap .wp-parser-method .parameters dd .desc .type, .devhub-wrap .wp-parser-method .parameters dd .desc .required {
- font-style: italic;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .parameters dt code,
+.devhub-wrap .wp-parser-class .return dt code,
+.devhub-wrap .wp-parser-function .parameters dt code,
+.devhub-wrap .wp-parser-function .return dt code,
+.devhub-wrap .wp-parser-hook .parameters dt code,
+.devhub-wrap .wp-parser-hook .return dt code,
+.devhub-wrap .wp-parser-method .parameters dt code,
+.devhub-wrap .wp-parser-method .return dt code {
+ font-weight: 400;
</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">-.devhub-wrap .wp-parser-class .parameters dd .default, .devhub-wrap .wp-parser-function .parameters dd .default, .devhub-wrap .wp-parser-hook .parameters dd .default, .devhub-wrap .wp-parser-method .parameters dd .default {
- font-style: italic;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .parameters dd,
+.devhub-wrap .wp-parser-class .return dd,
+.devhub-wrap .wp-parser-function .parameters dd,
+.devhub-wrap .wp-parser-function .return dd,
+.devhub-wrap .wp-parser-hook .parameters dd,
+.devhub-wrap .wp-parser-hook .return dd,
+.devhub-wrap .wp-parser-method .parameters dd,
+.devhub-wrap .wp-parser-method .return dd {
+ margin-bottom: 2em;
</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">-.devhub-wrap .wp-parser-class .parameters dd ul, .devhub-wrap .wp-parser-function .parameters dd ul, .devhub-wrap .wp-parser-hook .parameters dd ul, .devhub-wrap .wp-parser-method .parameters dd ul {
- margin-left: 25px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .parameters dd ul,
+.devhub-wrap .wp-parser-class .return dd ul,
+.devhub-wrap .wp-parser-function .parameters dd ul,
+.devhub-wrap .wp-parser-function .return dd ul,
+.devhub-wrap .wp-parser-hook .parameters dd ul,
+.devhub-wrap .wp-parser-hook .return dd ul,
+.devhub-wrap .wp-parser-method .parameters dd ul,
+.devhub-wrap .wp-parser-method .return dd ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .parameters .param-hash, .devhub-wrap .wp-parser-function .parameters .param-hash, .devhub-wrap .wp-parser-hook .parameters .param-hash, .devhub-wrap .wp-parser-method .parameters .param-hash {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .parameters dd ul ul,
+.devhub-wrap .wp-parser-class .return dd ul ul,
+.devhub-wrap .wp-parser-function .parameters dd ul ul,
+.devhub-wrap .wp-parser-function .return dd ul ul,
+.devhub-wrap .wp-parser-hook .parameters dd ul ul,
+.devhub-wrap .wp-parser-hook .return dd ul ul,
+.devhub-wrap .wp-parser-method .parameters dd ul ul,
+.devhub-wrap .wp-parser-method .return dd ul ul {
+ margin-bottom: 0.5em;
+}
+
+.devhub-wrap .wp-parser-class .parameters dd code,
+.devhub-wrap .wp-parser-class .return dd code,
+.devhub-wrap .wp-parser-function .parameters dd code,
+.devhub-wrap .wp-parser-function .return dd code,
+.devhub-wrap .wp-parser-hook .parameters dd code,
+.devhub-wrap .wp-parser-hook .return dd code,
+.devhub-wrap .wp-parser-method .parameters dd code,
+.devhub-wrap .wp-parser-method .return dd code {
+ background: #efefef;
+ border-radius: 4px;
+ padding: 2px 6px;
+}
+
+.devhub-wrap .wp-parser-class .parameters dd:last-child,
+.devhub-wrap .wp-parser-class .return dd:last-child,
+.devhub-wrap .wp-parser-function .parameters dd:last-child,
+.devhub-wrap .wp-parser-function .return dd:last-child,
+.devhub-wrap .wp-parser-hook .parameters dd:last-child,
+.devhub-wrap .wp-parser-hook .return dd:last-child,
+.devhub-wrap .wp-parser-method .parameters dd:last-child,
+.devhub-wrap .wp-parser-method .return dd:last-child {
+ margin-bottom: 0;
+}
+
+.devhub-wrap .wp-parser-class .parameters .param-hash,
+.devhub-wrap .wp-parser-class .return .param-hash,
+.devhub-wrap .wp-parser-function .parameters .param-hash,
+.devhub-wrap .wp-parser-function .return .param-hash,
+.devhub-wrap .wp-parser-hook .parameters .param-hash,
+.devhub-wrap .wp-parser-hook .return .param-hash,
+.devhub-wrap .wp-parser-method .parameters .param-hash,
+.devhub-wrap .wp-parser-method .return .param-hash {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .parameters .param-hash > li, .devhub-wrap .wp-parser-function .parameters .param-hash > li, .devhub-wrap .wp-parser-hook .parameters .param-hash > li, .devhub-wrap .wp-parser-method .parameters .param-hash > li {
- margin-top: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .parameters .param-hash .desc,
+.devhub-wrap .wp-parser-class .return .param-hash .desc,
+.devhub-wrap .wp-parser-function .parameters .param-hash .desc,
+.devhub-wrap .wp-parser-function .return .param-hash .desc,
+.devhub-wrap .wp-parser-hook .parameters .param-hash .desc,
+.devhub-wrap .wp-parser-hook .return .param-hash .desc,
+.devhub-wrap .wp-parser-method .parameters .param-hash .desc,
+.devhub-wrap .wp-parser-method .return .param-hash .desc {
+ margin-left: 1.5em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .parameters .param-hash li li, .devhub-wrap .wp-parser-function .parameters .param-hash li li, .devhub-wrap .wp-parser-hook .parameters .param-hash li li, .devhub-wrap .wp-parser-method .parameters .param-hash li li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .parameters .param-hash > li,
+.devhub-wrap .wp-parser-class .return .param-hash > li,
+.devhub-wrap .wp-parser-function .parameters .param-hash > li,
+.devhub-wrap .wp-parser-function .return .param-hash > li,
+.devhub-wrap .wp-parser-hook .parameters .param-hash > li,
+.devhub-wrap .wp-parser-hook .return .param-hash > li,
+.devhub-wrap .wp-parser-method .parameters .param-hash > li,
+.devhub-wrap .wp-parser-method .return .param-hash > li {
+ margin-top: 1.5em;
+}
+
+.devhub-wrap .wp-parser-class .parameters .param-hash > li > code,
+.devhub-wrap .wp-parser-class .return .param-hash > li > code,
+.devhub-wrap .wp-parser-function .parameters .param-hash > li > code,
+.devhub-wrap .wp-parser-function .return .param-hash > li > code,
+.devhub-wrap .wp-parser-hook .parameters .param-hash > li > code,
+.devhub-wrap .wp-parser-hook .return .param-hash > li > code,
+.devhub-wrap .wp-parser-method .parameters .param-hash > li > code,
+.devhub-wrap .wp-parser-method .return .param-hash > li > code {
+ background: transparent;
+ padding: unset;
+}
+
+.devhub-wrap .wp-parser-class .parameters .param-hash li li,
+.devhub-wrap .wp-parser-class .return .param-hash li li,
+.devhub-wrap .wp-parser-function .parameters .param-hash li li,
+.devhub-wrap .wp-parser-function .return .param-hash li li,
+.devhub-wrap .wp-parser-hook .parameters .param-hash li li,
+.devhub-wrap .wp-parser-hook .return .param-hash li li,
+.devhub-wrap .wp-parser-method .parameters .param-hash li li,
+.devhub-wrap .wp-parser-method .return .param-hash li li {
</ins><span class="cx" style="display: block; padding: 0 10px"> list-style-type: circle;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .parameters .param-hash .param-hash > li, .devhub-wrap .wp-parser-function .parameters .param-hash .param-hash > li, .devhub-wrap .wp-parser-hook .parameters .param-hash .param-hash > li, .devhub-wrap .wp-parser-method .parameters .param-hash .param-hash > li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .parameters .param-hash .param-hash > li,
+.devhub-wrap .wp-parser-class .return .param-hash .param-hash > li,
+.devhub-wrap .wp-parser-function .parameters .param-hash .param-hash > li,
+.devhub-wrap .wp-parser-function .return .param-hash .param-hash > li,
+.devhub-wrap .wp-parser-hook .parameters .param-hash .param-hash > li,
+.devhub-wrap .wp-parser-hook .return .param-hash .param-hash > li,
+.devhub-wrap .wp-parser-method .parameters .param-hash .param-hash > li,
+.devhub-wrap .wp-parser-method .return .param-hash .param-hash > li {
</ins><span class="cx" style="display: block; padding: 0 10px"> list-style-type: disc;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .learn-more, .devhub-wrap .wp-parser-function .learn-more, .devhub-wrap .wp-parser-hook .learn-more, .devhub-wrap .wp-parser-method .learn-more {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .parameters .desc,
+.devhub-wrap .wp-parser-class .return .desc,
+.devhub-wrap .wp-parser-function .parameters .desc,
+.devhub-wrap .wp-parser-function .return .desc,
+.devhub-wrap .wp-parser-hook .parameters .desc,
+.devhub-wrap .wp-parser-hook .return .desc,
+.devhub-wrap .wp-parser-method .parameters .desc,
+.devhub-wrap .wp-parser-method .return .desc {
+ margin: 1rem 0 0.5rem;
+}
+
+.devhub-wrap .wp-parser-class .parameters .extended-description,
+.devhub-wrap .wp-parser-class .return .extended-description,
+.devhub-wrap .wp-parser-function .parameters .extended-description,
+.devhub-wrap .wp-parser-function .return .extended-description,
+.devhub-wrap .wp-parser-hook .parameters .extended-description,
+.devhub-wrap .wp-parser-hook .return .extended-description,
+.devhub-wrap .wp-parser-method .parameters .extended-description,
+.devhub-wrap .wp-parser-method .return .extended-description {
+ margin: 1.5em 0 1.5em 1.2em;
+}
+
+.devhub-wrap .wp-parser-class .parameters .extended-description summary + .description,
+.devhub-wrap .wp-parser-class .return .extended-description summary + .description,
+.devhub-wrap .wp-parser-function .parameters .extended-description summary + .description,
+.devhub-wrap .wp-parser-function .return .extended-description summary + .description,
+.devhub-wrap .wp-parser-hook .parameters .extended-description summary + .description,
+.devhub-wrap .wp-parser-hook .return .extended-description summary + .description,
+.devhub-wrap .wp-parser-method .parameters .extended-description summary + .description,
+.devhub-wrap .wp-parser-method .return .extended-description summary + .description {
+ display: block;
+ margin-top: 1em;
+}
+
+.devhub-wrap .wp-parser-class .parameters .extended-description summary,
+.devhub-wrap .wp-parser-class .return .extended-description summary,
+.devhub-wrap .wp-parser-function .parameters .extended-description summary,
+.devhub-wrap .wp-parser-function .return .extended-description summary,
+.devhub-wrap .wp-parser-hook .parameters .extended-description summary,
+.devhub-wrap .wp-parser-hook .return .extended-description summary,
+.devhub-wrap .wp-parser-method .parameters .extended-description summary,
+.devhub-wrap .wp-parser-method .return .extended-description summary {
+ color: #21759b;
+ text-decoration: underline;
+}
+
+.devhub-wrap .wp-parser-class .parameters .type,
+.devhub-wrap .wp-parser-class .parameters .required,
+.devhub-wrap .wp-parser-class .return .type,
+.devhub-wrap .wp-parser-class .return .required,
+.devhub-wrap .wp-parser-function .parameters .type,
+.devhub-wrap .wp-parser-function .parameters .required,
+.devhub-wrap .wp-parser-function .return .type,
+.devhub-wrap .wp-parser-function .return .required,
+.devhub-wrap .wp-parser-hook .parameters .type,
+.devhub-wrap .wp-parser-hook .parameters .required,
+.devhub-wrap .wp-parser-hook .return .type,
+.devhub-wrap .wp-parser-hook .return .required,
+.devhub-wrap .wp-parser-method .parameters .type,
+.devhub-wrap .wp-parser-method .parameters .required,
+.devhub-wrap .wp-parser-method .return .type,
+.devhub-wrap .wp-parser-method .return .required {
+ margin: 0 4px;
+ font-weight: 400;
+}
+
+.devhub-wrap .wp-parser-class .parameters .type,
+.devhub-wrap .wp-parser-class .return .type,
+.devhub-wrap .wp-parser-function .parameters .type,
+.devhub-wrap .wp-parser-function .return .type,
+.devhub-wrap .wp-parser-hook .parameters .type,
+.devhub-wrap .wp-parser-hook .return .type,
+.devhub-wrap .wp-parser-method .parameters .type,
+.devhub-wrap .wp-parser-method .return .type {
+ margin-left: 8px;
+ font-size: 14px;
+ font-style: 400;
+}
+
+.devhub-wrap .wp-parser-class .parameters .required,
+.devhub-wrap .wp-parser-class .return .required,
+.devhub-wrap .wp-parser-function .parameters .required,
+.devhub-wrap .wp-parser-function .return .required,
+.devhub-wrap .wp-parser-hook .parameters .required,
+.devhub-wrap .wp-parser-hook .return .required,
+.devhub-wrap .wp-parser-method .parameters .required,
+.devhub-wrap .wp-parser-method .return .required {
+ font-size: 12px;
+}
+
+.devhub-wrap .wp-parser-class .learn-more,
+.devhub-wrap .wp-parser-function .learn-more,
+.devhub-wrap .wp-parser-hook .learn-more,
+.devhub-wrap .wp-parser-method .learn-more {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #f1f1f1;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 5px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1498,9 +1648,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-class .deprecated,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .private-access, .devhub-wrap .wp-parser-function .deprecated,
-.devhub-wrap .wp-parser-function .private-access, .devhub-wrap .wp-parser-hook .deprecated,
-.devhub-wrap .wp-parser-hook .private-access, .devhub-wrap .wp-parser-method .deprecated,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .private-access,
+.devhub-wrap .wp-parser-function .deprecated,
+.devhub-wrap .wp-parser-function .private-access,
+.devhub-wrap .wp-parser-hook .deprecated,
+.devhub-wrap .wp-parser-hook .private-access,
+.devhub-wrap .wp-parser-method .deprecated,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-method .private-access {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 20px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1507,53 +1660,78 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-class .deprecated p,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .private-access p, .devhub-wrap .wp-parser-function .deprecated p,
-.devhub-wrap .wp-parser-function .private-access p, .devhub-wrap .wp-parser-hook .deprecated p,
-.devhub-wrap .wp-parser-hook .private-access p, .devhub-wrap .wp-parser-method .deprecated p,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .private-access p,
+.devhub-wrap .wp-parser-function .deprecated p,
+.devhub-wrap .wp-parser-function .private-access p,
+.devhub-wrap .wp-parser-hook .deprecated p,
+.devhub-wrap .wp-parser-hook .private-access p,
+.devhub-wrap .wp-parser-method .deprecated p,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .wp-parser-method .private-access p {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 0px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin-bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .deprecated, .devhub-wrap .wp-parser-function .deprecated, .devhub-wrap .wp-parser-hook .deprecated, .devhub-wrap .wp-parser-method .deprecated {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .deprecated,
+.devhub-wrap .wp-parser-function .deprecated,
+.devhub-wrap .wp-parser-hook .deprecated,
+.devhub-wrap .wp-parser-method .deprecated {
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #fbeaea;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #dc3232;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .deprecated-method, .devhub-wrap .wp-parser-function .deprecated-method, .devhub-wrap .wp-parser-hook .deprecated-method, .devhub-wrap .wp-parser-method .deprecated-method {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .deprecated-method,
+.devhub-wrap .wp-parser-function .deprecated-method,
+.devhub-wrap .wp-parser-hook .deprecated-method,
+.devhub-wrap .wp-parser-method .deprecated-method {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #be2423;
</span><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .private-access, .devhub-wrap .wp-parser-function .private-access, .devhub-wrap .wp-parser-hook .private-access, .devhub-wrap .wp-parser-method .private-access {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .private-access,
+.devhub-wrap .wp-parser-function .private-access,
+.devhub-wrap .wp-parser-hook .private-access,
+.devhub-wrap .wp-parser-method .private-access {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ffb900;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff8e5;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .callout, .devhub-wrap .wp-parser-function .callout, .devhub-wrap .wp-parser-hook .callout, .devhub-wrap .wp-parser-method .callout {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .wp-parser-class .callout,
+.devhub-wrap .wp-parser-function .callout,
+.devhub-wrap .wp-parser-hook .callout,
+.devhub-wrap .wp-parser-method .callout {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .wp-parser-class .toc-jump, .devhub-wrap .wp-parser-function .toc-jump, .devhub-wrap .wp-parser-hook .toc-jump, .devhub-wrap .wp-parser-method .toc-jump {
- display: inline-block;
- float: right;
-}
-
-.devhub-wrap .callout:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .callout::before {
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 0.4em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap.archive .wp-parser-class h1, .devhub-wrap.archive .wp-parser-function h1, .devhub-wrap.archive .wp-parser-hook h1, .devhub-wrap.archive .wp-parser-method h1, .devhub-wrap.search .wp-parser-class h1, .devhub-wrap.search .wp-parser-function h1, .devhub-wrap.search .wp-parser-hook h1, .devhub-wrap.search .wp-parser-method h1 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap.archive .wp-parser-class h1,
+.devhub-wrap.archive .wp-parser-function h1,
+.devhub-wrap.archive .wp-parser-hook h1,
+.devhub-wrap.archive .wp-parser-method h1, .devhub-wrap.search .wp-parser-class h1,
+.devhub-wrap.search .wp-parser-function h1,
+.devhub-wrap.search .wp-parser-hook h1,
+.devhub-wrap.search .wp-parser-method h1 {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #21759b;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 400;
</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">-.devhub-wrap.archive .wp-parser-class div.sourcefile, .devhub-wrap.archive .wp-parser-function div.sourcefile, .devhub-wrap.archive .wp-parser-hook div.sourcefile, .devhub-wrap.archive .wp-parser-method div.sourcefile, .devhub-wrap.search .wp-parser-class div.sourcefile, .devhub-wrap.search .wp-parser-function div.sourcefile, .devhub-wrap.search .wp-parser-hook div.sourcefile, .devhub-wrap.search .wp-parser-method div.sourcefile {
- color: #999999;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap.archive .wp-parser-class div.sourcefile,
+.devhub-wrap.archive .wp-parser-function div.sourcefile,
+.devhub-wrap.archive .wp-parser-hook div.sourcefile,
+.devhub-wrap.archive .wp-parser-method div.sourcefile, .devhub-wrap.search .wp-parser-class div.sourcefile,
+.devhub-wrap.search .wp-parser-function div.sourcefile,
+.devhub-wrap.search .wp-parser-hook div.sourcefile,
+.devhub-wrap.search .wp-parser-method div.sourcefile {
+ color: #999;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single .wp-parser-class, .devhub-wrap .single .wp-parser-function, .devhub-wrap .single .wp-parser-hook, .devhub-wrap .single .wp-parser-method {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single .wp-parser-class,
+.devhub-wrap .single .wp-parser-function,
+.devhub-wrap .single .wp-parser-hook,
+.devhub-wrap .single .wp-parser-method {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-bottom-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1562,11 +1740,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> this allows for linking from the toc. */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .related .show-more, .devhub-wrap .related .hide-more {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .related .show-more,
+.devhub-wrap .related .hide-more {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .related h3, .devhub-wrap .related .uses .toc-jump, .devhub-wrap .related .used-by .toc-jump {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .related h3,
+.devhub-wrap .related .uses .toc-jump,
+.devhub-wrap .related .used-by .toc-jump {
</ins><span class="cx" style="display: block; padding: 0 10px"> height: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clip: rect(1px, 1px, 1px, 1px);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1573,7 +1754,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: absolute !important;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .related .used-by, .devhub-wrap .related .uses {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .related .used-by,
+.devhub-wrap .related .uses {
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow-x: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: right;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1582,20 +1764,24 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .related th, .devhub-wrap .related td {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .related th,
+.devhub-wrap .related td {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 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">+.devhub-wrap .related .used-by td.related-title span,
+.devhub-wrap .related .uses td.related-title span {
+ display: block;
+ color: #666;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 43em) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .devhub-wrap .related .related-desc, .devhub-wrap .related span {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .devhub-wrap .related .related-desc,
+ .devhub-wrap .related span {
</ins><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><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .source-content {
- overflow: auto;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .source-code-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 2em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1602,16 +1788,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"> .devhub-wrap .source-code-links span {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-left: 1px solid #999;
- margin-left: 1em;
- padding-left: 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-right: 1px solid #999;
+ margin-right: 1em;
+ padding-right: 1em;
</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">-.devhub-wrap .source-code-links span:first-child {
- display: none;
- border-left: 0;
- margin-left: 1em;
- padding-left: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .source-code-links span:last-of-type {
+ border-right: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .source-code-container {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1619,7 +1802,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-y: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .show-complete-source, .devhub-wrap .less-complete-source {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .show-complete-source,
+.devhub-wrap .less-complete-source {
</ins><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><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1632,39 +1816,85 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .loop-pagination {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- text-align: center;
- font-size: 18px;
- margin-bottom: 20px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: flex;
+ margin: 3rem 0;
+ list-style: none;
+ justify-content: center;
+ align-items: center;
+ gap: 0.75rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .loop-pagination .page-numbers {
+ display: inline-block;
+ padding: 1rem 1.25rem;
+ background: #fff;
+ border: 1px solid #dcdcde;
+ border-radius: 2px;
+ line-height: 1;
+ text-decoration: none;
+}
+
+.devhub-wrap .loop-pagination .page-numbers:hover, .devhub-wrap .loop-pagination .page-numbers:active {
+ color: #d54e21;
+}
+
+.devhub-wrap .loop-pagination .page-numbers.current {
+ border: 1px solid #1d2327;
+ background: #1d2327;
+ color: #fff;
+}
+
+.devhub-wrap .loop-pagination .page-numbers.dots {
+ border: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .comment-content a {
</span><span class="cx" style="display: block; padding: 0 10px"> word-wrap: break-word;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .bad-note .comment-content, .devhub-wrap .single-wp-parser-method .bad-note .comment-content, .devhub-wrap .single-wp-parser-hook .bad-note .comment-content, .devhub-wrap .single-wp-parser-class .bad-note .comment-content {
- opacity: .6;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function,
+.devhub-wrap .single-wp-parser-method,
+.devhub-wrap .single-wp-parser-hook,
+.devhub-wrap .single-wp-parser-class {
+ /* Feedback*/
</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">-.devhub-wrap .single-wp-parser-function .bad-note .comment-content:hover, .devhub-wrap .single-wp-parser-method .bad-note .comment-content:hover, .devhub-wrap .single-wp-parser-hook .bad-note .comment-content:hover, .devhub-wrap .single-wp-parser-class .bad-note .comment-content:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .bad-note .comment-content,
+.devhub-wrap .single-wp-parser-method .bad-note .comment-content,
+.devhub-wrap .single-wp-parser-hook .bad-note .comment-content,
+.devhub-wrap .single-wp-parser-class .bad-note .comment-content {
+ opacity: 0.6;
+}
+
+.devhub-wrap .single-wp-parser-function .bad-note .comment-content:hover,
+.devhub-wrap .single-wp-parser-method .bad-note .comment-content:hover,
+.devhub-wrap .single-wp-parser-hook .bad-note .comment-content:hover,
+.devhub-wrap .single-wp-parser-class .bad-note .comment-content:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> opacity: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function .comment-awaiting-moderation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-edited, .devhub-wrap .single-wp-parser-method .comment-awaiting-moderation,
-.devhub-wrap .single-wp-parser-method .comment-edited, .devhub-wrap .single-wp-parser-hook .comment-awaiting-moderation,
-.devhub-wrap .single-wp-parser-hook .comment-edited, .devhub-wrap .single-wp-parser-class .comment-awaiting-moderation,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-edited,
+.devhub-wrap .single-wp-parser-method .comment-awaiting-moderation,
+.devhub-wrap .single-wp-parser-method .comment-edited,
+.devhub-wrap .single-wp-parser-hook .comment-awaiting-moderation,
+.devhub-wrap .single-wp-parser-hook .comment-edited,
+.devhub-wrap .single-wp-parser-class .comment-awaiting-moderation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class .comment-edited {
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff8e5;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .2em .5em;
- margin-right: .5em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.2em 0.5em;
+ margin-right: 0.5em;
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ffb900;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function .depth-2 .comment-awaiting-moderation,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .depth-2 .comment-edited, .devhub-wrap .single-wp-parser-method .depth-2 .comment-awaiting-moderation,
-.devhub-wrap .single-wp-parser-method .depth-2 .comment-edited, .devhub-wrap .single-wp-parser-hook .depth-2 .comment-awaiting-moderation,
-.devhub-wrap .single-wp-parser-hook .depth-2 .comment-edited, .devhub-wrap .single-wp-parser-class .depth-2 .comment-awaiting-moderation,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .depth-2 .comment-edited,
+.devhub-wrap .single-wp-parser-method .depth-2 .comment-awaiting-moderation,
+.devhub-wrap .single-wp-parser-method .depth-2 .comment-edited,
+.devhub-wrap .single-wp-parser-hook .depth-2 .comment-awaiting-moderation,
+.devhub-wrap .single-wp-parser-hook .depth-2 .comment-edited,
+.devhub-wrap .single-wp-parser-class .depth-2 .comment-awaiting-moderation,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class .depth-2 .comment-edited {
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2px 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1671,9 +1901,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function .comment-list,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-list ol, .devhub-wrap .single-wp-parser-method .comment-list,
-.devhub-wrap .single-wp-parser-method .comment-list ol, .devhub-wrap .single-wp-parser-hook .comment-list,
-.devhub-wrap .single-wp-parser-hook .comment-list ol, .devhub-wrap .single-wp-parser-class .comment-list,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list ol,
+.devhub-wrap .single-wp-parser-method .comment-list,
+.devhub-wrap .single-wp-parser-method .comment-list ol,
+.devhub-wrap .single-wp-parser-hook .comment-list,
+.devhub-wrap .single-wp-parser-hook .comment-list ol,
+.devhub-wrap .single-wp-parser-class .comment-list,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class .comment-list ol {
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1681,9 +1914,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function .comment-list li,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #comment-preview, .devhub-wrap .single-wp-parser-method .comment-list li,
-.devhub-wrap .single-wp-parser-method #comment-preview, .devhub-wrap .single-wp-parser-hook .comment-list li,
-.devhub-wrap .single-wp-parser-hook #comment-preview, .devhub-wrap .single-wp-parser-class .comment-list li,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #comment-preview,
+.devhub-wrap .single-wp-parser-method .comment-list li,
+.devhub-wrap .single-wp-parser-method #comment-preview,
+.devhub-wrap .single-wp-parser-hook .comment-list li,
+.devhub-wrap .single-wp-parser-hook #comment-preview,
+.devhub-wrap .single-wp-parser-class .comment-list li,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class #comment-preview {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #fff;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1691,17 +1927,23 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function .comment-list li article,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #comment-preview article, .devhub-wrap .single-wp-parser-method .comment-list li article,
-.devhub-wrap .single-wp-parser-method #comment-preview article, .devhub-wrap .single-wp-parser-hook .comment-list li article,
-.devhub-wrap .single-wp-parser-hook #comment-preview article, .devhub-wrap .single-wp-parser-class .comment-list li article,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #comment-preview article,
+.devhub-wrap .single-wp-parser-method .comment-list li article,
+.devhub-wrap .single-wp-parser-method #comment-preview article,
+.devhub-wrap .single-wp-parser-hook .comment-list li article,
+.devhub-wrap .single-wp-parser-hook #comment-preview article,
+.devhub-wrap .single-wp-parser-class .comment-list li article,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class #comment-preview article {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function .comment-list li.depth-1,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #comment-preview, .devhub-wrap .single-wp-parser-method .comment-list li.depth-1,
-.devhub-wrap .single-wp-parser-method #comment-preview, .devhub-wrap .single-wp-parser-hook .comment-list li.depth-1,
-.devhub-wrap .single-wp-parser-hook #comment-preview, .devhub-wrap .single-wp-parser-class .comment-list li.depth-1,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #comment-preview,
+.devhub-wrap .single-wp-parser-method .comment-list li.depth-1,
+.devhub-wrap .single-wp-parser-method #comment-preview,
+.devhub-wrap .single-wp-parser-hook .comment-list li.depth-1,
+.devhub-wrap .single-wp-parser-hook #comment-preview,
+.devhub-wrap .single-wp-parser-class .comment-list li.depth-1,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class #comment-preview {
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 2px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1708,33 +1950,51 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-list li.depth-2, .devhub-wrap .single-wp-parser-method .comment-list li.depth-2, .devhub-wrap .single-wp-parser-hook .comment-list li.depth-2, .devhub-wrap .single-wp-parser-class .comment-list li.depth-2 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list li.depth-2,
+.devhub-wrap .single-wp-parser-method .comment-list li.depth-2,
+.devhub-wrap .single-wp-parser-hook .comment-list li.depth-2,
+.devhub-wrap .single-wp-parser-class .comment-list li.depth-2 {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-top: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-list li.depth-2 .comment-content, .devhub-wrap .single-wp-parser-method .comment-list li.depth-2 .comment-content, .devhub-wrap .single-wp-parser-hook .comment-list li.depth-2 .comment-content, .devhub-wrap .single-wp-parser-class .comment-list li.depth-2 .comment-content {
- padding: .9em 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list li.depth-2 .comment-content,
+.devhub-wrap .single-wp-parser-method .comment-list li.depth-2 .comment-content,
+.devhub-wrap .single-wp-parser-hook .comment-list li.depth-2 .comment-content,
+.devhub-wrap .single-wp-parser-class .comment-list li.depth-2 .comment-content {
+ padding: 0.9em 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-list li.depth-2 .comment-content p, .devhub-wrap .single-wp-parser-method .comment-list li.depth-2 .comment-content p, .devhub-wrap .single-wp-parser-hook .comment-list li.depth-2 .comment-content p, .devhub-wrap .single-wp-parser-class .comment-list li.depth-2 .comment-content p {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list li.depth-2 .comment-content p,
+.devhub-wrap .single-wp-parser-method .comment-list li.depth-2 .comment-content p,
+.devhub-wrap .single-wp-parser-hook .comment-list li.depth-2 .comment-content p,
+.devhub-wrap .single-wp-parser-class .comment-list li.depth-2 .comment-content p {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: .9em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.9em;
</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">-.devhub-wrap .single-wp-parser-function .comment ul.children, .devhub-wrap .single-wp-parser-method .comment ul.children, .devhub-wrap .single-wp-parser-hook .comment ul.children, .devhub-wrap .single-wp-parser-class .comment ul.children {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment ul.children,
+.devhub-wrap .single-wp-parser-method .comment ul.children,
+.devhub-wrap .single-wp-parser-hook .comment ul.children,
+.devhub-wrap .single-wp-parser-class .comment ul.children {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #dfdfdf;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .feedback, .devhub-wrap .single-wp-parser-method .feedback, .devhub-wrap .single-wp-parser-hook .feedback, .devhub-wrap .single-wp-parser-class .feedback {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .feedback,
+.devhub-wrap .single-wp-parser-method .feedback,
+.devhub-wrap .single-wp-parser-hook .feedback,
+.devhub-wrap .single-wp-parser-class .feedback {
</ins><span class="cx" style="display: block; padding: 0 10px"> width: 90%;
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 1.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .feedback-links, .devhub-wrap .single-wp-parser-method .feedback-links, .devhub-wrap .single-wp-parser-hook .feedback-links, .devhub-wrap .single-wp-parser-class .feedback-links {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .feedback-links,
+.devhub-wrap .single-wp-parser-method .feedback-links,
+.devhub-wrap .single-wp-parser-hook .feedback-links,
+.devhub-wrap .single-wp-parser-class .feedback-links {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 1.5rem 1em 1.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 0.9em;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1741,30 +2001,45 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function .feedback-editor-title,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .feedback-title, .devhub-wrap .single-wp-parser-method .feedback-editor-title,
-.devhub-wrap .single-wp-parser-method .feedback-title, .devhub-wrap .single-wp-parser-hook .feedback-editor-title,
-.devhub-wrap .single-wp-parser-hook .feedback-title, .devhub-wrap .single-wp-parser-class .feedback-editor-title,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .feedback-title,
+.devhub-wrap .single-wp-parser-method .feedback-editor-title,
+.devhub-wrap .single-wp-parser-method .feedback-title,
+.devhub-wrap .single-wp-parser-hook .feedback-editor-title,
+.devhub-wrap .single-wp-parser-hook .feedback-title,
+.devhub-wrap .single-wp-parser-class .feedback-editor-title,
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class .feedback-title {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.8rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2.2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.222;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">-.devhub-wrap .single-wp-parser-function .feedback-toggle, .devhub-wrap .single-wp-parser-method .feedback-toggle, .devhub-wrap .single-wp-parser-hook .feedback-toggle, .devhub-wrap .single-wp-parser-class .feedback-toggle {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .feedback-toggle,
+.devhub-wrap .single-wp-parser-method .feedback-toggle,
+.devhub-wrap .single-wp-parser-hook .feedback-toggle,
+.devhub-wrap .single-wp-parser-class .feedback-toggle {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 0 1.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #wp-feedback-wrap, .devhub-wrap .single-wp-parser-method #wp-feedback-wrap, .devhub-wrap .single-wp-parser-hook #wp-feedback-wrap, .devhub-wrap .single-wp-parser-class #wp-feedback-wrap {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #wp-feedback-wrap,
+.devhub-wrap .single-wp-parser-method #wp-feedback-wrap,
+.devhub-wrap .single-wp-parser-hook #wp-feedback-wrap,
+.devhub-wrap .single-wp-parser-class #wp-feedback-wrap {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function #comment-preview,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.js .devhub-wrap .single-wp-parser-function .comment-form-comment, .devhub-wrap .single-wp-parser-method #comment-preview,
-.js .devhub-wrap .single-wp-parser-method .comment-form-comment, .devhub-wrap .single-wp-parser-hook #comment-preview,
-.js .devhub-wrap .single-wp-parser-hook .comment-form-comment, .devhub-wrap .single-wp-parser-class #comment-preview,
-.js .devhub-wrap .single-wp-parser-class .comment-form-comment {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.js .devhub-wrap .single-wp-parser-function .comment-form-comment,
+.devhub-wrap .single-wp-parser-method #comment-preview,
+.js
+.devhub-wrap .single-wp-parser-method .comment-form-comment,
+.devhub-wrap .single-wp-parser-hook #comment-preview,
+.js
+.devhub-wrap .single-wp-parser-hook .comment-form-comment,
+.devhub-wrap .single-wp-parser-class #comment-preview,
+.js
+.devhub-wrap .single-wp-parser-class .comment-form-comment {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 0 3px 3px 3px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1771,31 +2046,46 @@
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #comment-preview.tab-section-selected, .devhub-wrap .single-wp-parser-method #comment-preview.tab-section-selected, .devhub-wrap .single-wp-parser-hook #comment-preview.tab-section-selected, .devhub-wrap .single-wp-parser-class #comment-preview.tab-section-selected {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #comment-preview.tab-section-selected,
+.devhub-wrap .single-wp-parser-method #comment-preview.tab-section-selected,
+.devhub-wrap .single-wp-parser-hook #comment-preview.tab-section-selected,
+.devhub-wrap .single-wp-parser-class #comment-preview.tab-section-selected {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #comment-preview .comment-content, .devhub-wrap .single-wp-parser-method #comment-preview .comment-content, .devhub-wrap .single-wp-parser-hook #comment-preview .comment-content, .devhub-wrap .single-wp-parser-class #comment-preview .comment-content {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #comment-preview .comment-content,
+.devhub-wrap .single-wp-parser-method #comment-preview .comment-content,
+.devhub-wrap .single-wp-parser-hook #comment-preview .comment-content,
+.devhub-wrap .single-wp-parser-class #comment-preview .comment-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> min-height: 6em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function label[for=comment],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function label[for="comment"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-function .comment-form-comment,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-preview, .devhub-wrap .single-wp-parser-method label[for=comment],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-preview,
+.devhub-wrap .single-wp-parser-method label[for="comment"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-method .comment-form-comment,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-method .comment-preview, .devhub-wrap .single-wp-parser-hook label[for=comment],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-method .comment-preview,
+.devhub-wrap .single-wp-parser-hook label[for="comment"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-hook .comment-form-comment,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-hook .comment-preview, .devhub-wrap .single-wp-parser-class label[for=comment],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-hook .comment-preview,
+.devhub-wrap .single-wp-parser-class label[for="comment"],
</ins><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class .comment-form-comment,
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .single-wp-parser-class .comment-preview {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 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">-.js .devhub-wrap .single-wp-parser-function .comment-form-comment, .js .devhub-wrap .single-wp-parser-method .comment-form-comment, .js .devhub-wrap .single-wp-parser-hook .comment-form-comment, .js .devhub-wrap .single-wp-parser-class .comment-form-comment {
- padding: 0 .7em .7em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.js .devhub-wrap .single-wp-parser-function .comment-form-comment, .js
+.devhub-wrap .single-wp-parser-method .comment-form-comment, .js
+.devhub-wrap .single-wp-parser-hook .comment-form-comment, .js
+.devhub-wrap .single-wp-parser-class .comment-form-comment {
+ padding: 0 0.7em 0.7em;
</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">-.devhub-wrap .single-wp-parser-function .tablist .spinner, .devhub-wrap .single-wp-parser-method .tablist .spinner, .devhub-wrap .single-wp-parser-hook .tablist .spinner, .devhub-wrap .single-wp-parser-class .tablist .spinner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .tablist .spinner,
+.devhub-wrap .single-wp-parser-method .tablist .spinner,
+.devhub-wrap .single-wp-parser-hook .tablist .spinner,
+.devhub-wrap .single-wp-parser-class .tablist .spinner {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: url("/wp-includes/images/spinner-2x.gif") no-repeat scroll 0 50%;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-background-size: 20px 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> background-size: 20px 20px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1803,7 +2093,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 20px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-list .avatar, .devhub-wrap .single-wp-parser-method .comment-list .avatar, .devhub-wrap .single-wp-parser-hook .comment-list .avatar, .devhub-wrap .single-wp-parser-class .comment-list .avatar {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-list .avatar,
+.devhub-wrap .single-wp-parser-method .comment-list .avatar,
+.devhub-wrap .single-wp-parser-hook .comment-list .avatar,
+.devhub-wrap .single-wp-parser-class .comment-list .avatar {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: -2px 1em 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.125em;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1810,68 +2103,100 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-meta, .devhub-wrap .single-wp-parser-method .comment-meta, .devhub-wrap .single-wp-parser-hook .comment-meta, .devhub-wrap .single-wp-parser-class .comment-meta {
- padding: .5em 1em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-meta,
+.devhub-wrap .single-wp-parser-method .comment-meta,
+.devhub-wrap .single-wp-parser-hook .comment-meta,
+.devhub-wrap .single-wp-parser-class .comment-meta {
+ padding: 0.5em 1em;
</ins><span class="cx" style="display: block; padding: 0 10px"> background-color: #f7f7f7;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-content, .devhub-wrap .single-wp-parser-method .comment-content, .devhub-wrap .single-wp-parser-hook .comment-content, .devhub-wrap .single-wp-parser-class .comment-content {
- margin-left: 60px;
- margin-left: 3.75rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-content,
+.devhub-wrap .single-wp-parser-method .comment-content,
+.devhub-wrap .single-wp-parser-hook .comment-content,
+.devhub-wrap .single-wp-parser-class .comment-content {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 2rem 1.5rem .5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 2rem 1.5rem 0.5rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-content ol, .devhub-wrap .single-wp-parser-method .comment-content ol, .devhub-wrap .single-wp-parser-hook .comment-content ol, .devhub-wrap .single-wp-parser-class .comment-content ol {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-content ol,
+.devhub-wrap .single-wp-parser-method .comment-content ol,
+.devhub-wrap .single-wp-parser-hook .comment-content ol,
+.devhub-wrap .single-wp-parser-class .comment-content ol {
</ins><span class="cx" style="display: block; padding: 0 10px"> list-style: decimal inside;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 1.5em 0;
- border-top: none;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-content ul, .devhub-wrap .single-wp-parser-method .comment-content ul, .devhub-wrap .single-wp-parser-hook .comment-content ul, .devhub-wrap .single-wp-parser-class .comment-content ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-content ul,
+.devhub-wrap .single-wp-parser-method .comment-content ul,
+.devhub-wrap .single-wp-parser-hook .comment-content ul,
+.devhub-wrap .single-wp-parser-class .comment-content ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> list-style: square inside;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 1.5em 0;
- border-top: none;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-content li, .devhub-wrap .single-wp-parser-method .comment-content li, .devhub-wrap .single-wp-parser-hook .comment-content li, .devhub-wrap .single-wp-parser-class .comment-content li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-content li,
+.devhub-wrap .single-wp-parser-method .comment-content li,
+.devhub-wrap .single-wp-parser-hook .comment-content li,
+.devhub-wrap .single-wp-parser-class .comment-content li {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #respond, .devhub-wrap .single-wp-parser-method #respond, .devhub-wrap .single-wp-parser-hook #respond, .devhub-wrap .single-wp-parser-class #respond {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #respond,
+.devhub-wrap .single-wp-parser-method #respond,
+.devhub-wrap .single-wp-parser-hook #respond,
+.devhub-wrap .single-wp-parser-class #respond {
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #respond .log-in-out a, .devhub-wrap .single-wp-parser-method #respond .log-in-out a, .devhub-wrap .single-wp-parser-hook #respond .log-in-out a, .devhub-wrap .single-wp-parser-class #respond .log-in-out a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #respond .log-in-out a,
+.devhub-wrap .single-wp-parser-method #respond .log-in-out a,
+.devhub-wrap .single-wp-parser-hook #respond .log-in-out a,
+.devhub-wrap .single-wp-parser-class #respond .log-in-out a {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #reply-title small a, .devhub-wrap .single-wp-parser-method #reply-title small a, .devhub-wrap .single-wp-parser-hook #reply-title small a, .devhub-wrap .single-wp-parser-class #reply-title small a {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #reply-title small a,
+.devhub-wrap .single-wp-parser-method #reply-title small a,
+.devhub-wrap .single-wp-parser-hook #reply-title small a,
+.devhub-wrap .single-wp-parser-class #reply-title small a {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #respond #submit, .devhub-wrap .single-wp-parser-method #respond #submit, .devhub-wrap .single-wp-parser-hook #respond #submit, .devhub-wrap .single-wp-parser-class #respond #submit {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #respond #submit,
+.devhub-wrap .single-wp-parser-method #respond #submit,
+.devhub-wrap .single-wp-parser-hook #respond #submit,
+.devhub-wrap .single-wp-parser-class #respond #submit {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 0 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-author, .devhub-wrap .single-wp-parser-method .comment-author, .devhub-wrap .single-wp-parser-hook .comment-author, .devhub-wrap .single-wp-parser-class .comment-author {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-author,
+.devhub-wrap .single-wp-parser-method .comment-author,
+.devhub-wrap .single-wp-parser-hook .comment-author,
+.devhub-wrap .single-wp-parser-class .comment-author {
</ins><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.8;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function #add-user-note, .devhub-wrap .single-wp-parser-method #add-user-note, .devhub-wrap .single-wp-parser-hook #add-user-note, .devhub-wrap .single-wp-parser-class #add-user-note {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function #add-user-note,
+.devhub-wrap .single-wp-parser-method #add-user-note,
+.devhub-wrap .single-wp-parser-hook #add-user-note,
+.devhub-wrap .single-wp-parser-class #add-user-note {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .text-button, .devhub-wrap .single-wp-parser-method .text-button, .devhub-wrap .single-wp-parser-hook .text-button, .devhub-wrap .single-wp-parser-class .text-button {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .text-button,
+.devhub-wrap .single-wp-parser-method .text-button,
+.devhub-wrap .single-wp-parser-hook .text-button,
+.devhub-wrap .single-wp-parser-class .text-button {
</ins><span class="cx" style="display: block; padding: 0 10px"> background: #fff none repeat scroll 0 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc #ccc #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1880,11 +2205,21 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 5px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .comment-form ul, .devhub-wrap .single-wp-parser-function .feedback-form ul, .devhub-wrap .single-wp-parser-method .comment-form ul, .devhub-wrap .single-wp-parser-method .feedback-form ul, .devhub-wrap .single-wp-parser-hook .comment-form ul, .devhub-wrap .single-wp-parser-hook .feedback-form ul, .devhub-wrap .single-wp-parser-class .comment-form ul, .devhub-wrap .single-wp-parser-class .feedback-form ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .comment-form ul,
+.devhub-wrap .single-wp-parser-function .feedback-form ul,
+.devhub-wrap .single-wp-parser-method .comment-form ul,
+.devhub-wrap .single-wp-parser-method .feedback-form ul,
+.devhub-wrap .single-wp-parser-hook .comment-form ul,
+.devhub-wrap .single-wp-parser-hook .feedback-form ul,
+.devhub-wrap .single-wp-parser-class .comment-form ul,
+.devhub-wrap .single-wp-parser-class .feedback-form ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.5em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .single-wp-parser-function .feedback-form ul li, .devhub-wrap .single-wp-parser-method .feedback-form ul li, .devhub-wrap .single-wp-parser-hook .feedback-form ul li, .devhub-wrap .single-wp-parser-class .feedback-form ul li {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .single-wp-parser-function .feedback-form ul li,
+.devhub-wrap .single-wp-parser-method .feedback-form ul li,
+.devhub-wrap .single-wp-parser-hook .feedback-form ul li,
+.devhub-wrap .single-wp-parser-class .feedback-form ul li {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: visible;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1937,7 +2272,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 67%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 12px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 1.2rem;
</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">@@ -1945,7 +2279,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> float: left;
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 27%;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-left: -55px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1979,7 +2312,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: 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">-.devhub-wrap .user-note-voting-up .dashicons, .devhub-wrap .user-note-voting-down .dashicons {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .user-note-voting-up .dashicons,
+.devhub-wrap .user-note-voting-down .dashicons {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> height: 30px;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 30px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1986,7 +2320,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #000;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.devhub-wrap .site-main .user-note-voting-down, .devhub-wrap .site-main .user-note-voting-up {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.devhub-wrap .site-main .user-note-voting-down,
+.devhub-wrap .site-main .user-note-voting-up {
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2004,56 +2339,75 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .user-voted.user-note-voting-up .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: green;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: color(green-50);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .user-voted.user-note-voting-down .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: red;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: color(red-50);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .user-submitted-note .dashicons {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: grey;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: color(gray-50);
</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">-.devhub-wrap .syntaxhighlighter {
- /* These are !important due to use of !important in SyntaxHighlighter Evolved plugin. */
- max-width: 100% !important;
- width: inherit !important;
- padding-bottom: 0.5rem !important;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.archive .hentry, .devhub-wrap.blog .hentry {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0 0 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> border-bottom: 1px solid #ddd;
</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">+/** Fix screen-reader-text font size. **/
+a.screen-reader-text:focus,
+.screen-reader-text:focus {
+ font-size: 1.4rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /** Site Header **/
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 4em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 18px 0;
</span><span class="cx" style="display: block; padding: 0 10px"> width: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 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"> .site-branding {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 32px;
</del><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 960px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 10px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 24px;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-branding.has-actions {
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+
+@media screen and (max-width: 500px) {
+ .site-branding.has-actions {
+ flex-direction: column;
+ }
+}
+
+@media screen and (max-width: 500px) {
+ .site-branding.has-actions .site-title {
+ margin-bottom: 2rem;
+ }
+}
+
+.site-branding.has-actions .site-title a {
+ font-size: 28px;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: 'Open Sans', sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: "Open Sans", sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: black;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #000;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-title a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2081,8 +2435,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.home {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 28px 20px;
- padding: 2.8rem 2.0rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 2.8rem 2rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2093,7 +2446,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.home .site-title {
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: none;
</span><span class="cx" style="display: block; padding: 0 10px"> font-weight: 300;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 36px 0 11.25px;
</del><span class="cx" style="display: block; padding: 0 10px"> margin: 3.6rem 0 1.125rem;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> display: inherit;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2101,7 +2453,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header.home .site-title a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 68.6646px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 6.86646rem;
</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">@@ -2142,7 +2493,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: rgba(255, 255, 255, 0.8);
</span><span class="cx" style="display: block; padding: 0 10px"> display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen-Sans", "Ubuntu", "Cantarell", "Helvetica Neue", sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 12.8px;
</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">@@ -2210,7 +2561,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: 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">-.toggled .menu-toggle.dashicons:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toggled .menu-toggle.dashicons::before {
</ins><span class="cx" style="display: block; padding: 0 10px"> content: "\f343";
</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">@@ -2287,7 +2638,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"> .handbook-header {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 2;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .handbook-header h1 {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2295,15 +2646,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-handbook {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 13px;
</del><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-handbook p, .single-handbook ol, .single-handbook ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-handbook p,
+.single-handbook ol,
+.single-handbook ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> line-height: 1.6;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-handbook .site-main p, .single-handbook .site-main ol, .single-handbook .site-main ul {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-handbook .site-main p,
+.single-handbook .site-main ol,
+.single-handbook .site-main ul {
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.05em;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2340,10 +2694,11 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** Table of Contents */
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main .table-of-contents {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: right;
- width: 250px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: flex;
+ flex-direction: column;
+ min-width: 230px;
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin: 0 0 15px 15px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ margin: 30px 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555d66;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2352,16 +2707,16 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 971px) {
- .site-main .table-of-contents {
- margin: 0 -30px 15px 15px;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.code-reference .site-main .table-of-contents {
+ float: right;
+ margin-top: 15px;
+ margin-left: 15px;
</ins><span class="cx" style="display: 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-main .table-of-contents h2 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0.7rem 1.2rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-family: HelveticaNeue-Light, "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
</ins><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.3em;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #32373c;
</span><span class="cx" style="display: block; padding: 0 10px"> text-transform: uppercase;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2369,6 +2724,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-main .table-of-contents .items {
+ overflow-y: scroll;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .post-type-archive-handbook ul.items,
</span><span class="cx" style="display: block; padding: 0 10px"> .single-handbook ul.items,
</span><span class="cx" style="display: block; padding: 0 10px"> .table-of-contents ul.items {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2406,49 +2765,26 @@
</span><span class="cx" style="display: block; padding: 0 10px"> padding-bottom: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* Highlight current heading and adjust scroll position for fixed toolbar */
-.toc-heading:target {
- position: initial;
- padding-top: 50px;
- margin-top: -50px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-header {
+ margin-bottom: 1em;
</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">-/* Remove negative margin because there is no jump link before these headlines */
-.entry-content h2.toc-heading:first-of-type:target,
-.entry-content h3.toc-heading:first-of-type:target,
-h2.toc-heading + h3.toc-heading:target {
- margin-top: 0;
-}
-
-.toc-heading:target:before {
- content: '';
- position: absolute;
- left: -10px;
- top: 50px;
- border-left: 5px solid #0073aa;
- height: 50%;
- height: calc(100% - 50px);
-}
-
-.toc-jump {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-heading {
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- height: 50px;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.toc-jump:after {
- content: '';
- display: table;
- clear: both;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-heading a::before {
+ color: #8c8f94;
</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">-.toc-jump a {
- z-index: 1;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-heading:target a::before {
+ color: inherit;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (max-width: 480px) {
- .table-of-contents {
- display: none;
- }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.toc-heading a:hover::before,
+.toc-heading a:active::before,
+.toc-heading a:focus::before {
+ color: #2271b1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /** Menu */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2462,7 +2798,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_wporg_handbook_pages h1,
</span><span class="cx" style="display: block; padding: 0 10px"> .widget_nav_menu h1 {
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 1.6em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 0.6em;
</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">@@ -2537,7 +2873,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> div[class*="-table-of-contents-container"] ul a.active {
</span><span class="cx" style="display: block; padding: 0 10px"> color: #555;
</span><span class="cx" style="display: block; padding: 0 10px"> background-color: #fff;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> div[class*="-table-of-contents-container"] ul.default-open {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2598,7 +2934,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 960px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> display: flex;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding-top: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0 max( 20px, 2% );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-handbook header {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2655,11 +2991,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"> .rest-api-handbook-reference .table-of-contents ul.items li ul li::after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: '; ';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "; ";
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .rest-api-handbook-reference .table-of-contents ul.items li ul li:last-child::after {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- content: '';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ content: "";
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> /* Menu toggle */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2678,11 +3014,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 500;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-body.responsive-show #secondary .search-section {
- margin-top: 32px;
- width: 100%;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> body.responsive-show #secondary-toggle {
</span><span class="cx" style="display: block; padding: 0 10px"> height: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 8px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2713,9 +3044,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> #secondary {
</span><span class="cx" style="display: block; padding: 0 10px"> position: fixed;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 10;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- bottom: 0px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ bottom: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> overflow-y: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- transition: all .25s ease;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ transition: all 0.25s ease;
</ins><span class="cx" style="display: block; padding: 0 10px"> top: 32px;
</span><span class="cx" style="display: block; padding: 0 10px"> left: -100%;
</span><span class="cx" style="display: block; padding: 0 10px"> width: 60%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2733,10 +3064,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> z-index: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- #secondary-toggle:before {
- content: '\f333';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ #secondary-toggle::before {
+ content: "\f333";
</ins><span class="cx" style="display: block; padding: 0 10px"> -webkit-font-smoothing: antialiased;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font: normal 32px/1 'dashicons';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font: 400 32px/1 dashicons;
</ins><span class="cx" style="display: block; padding: 0 10px"> position: relative;
</span><span class="cx" style="display: block; padding: 0 10px"> top: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2754,7 +3085,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> body.responsive-show #page {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow-x: visible;
</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.responsive-show #secondary-toggle:before {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ body.responsive-show #secondary-toggle::before {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #0073aa;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .content-area {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2788,6 +3119,34 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (min-width: 90em) {
+ .site-main .table-of-contents {
+ position: fixed;
+ width: 15vw;
+ }
+ .code-reference .site-main .table-of-contents {
+ margin-left: 0;
+ left: calc( 60em + ( ( 100vw - 60em ) / 2 ));
+ top: 210px;
+ max-height: calc(90vh - 210px);
+ }
+ .widget-area + .site-main .table-of-contents {
+ left: calc( 960px + ( ( 100vw - 960px ) / 2 ));
+ top: 200px;
+ max-height: calc(90vh - 200px);
+ }
+}
+
+@media (min-width: 877px) {
+ .site-main .table-of-contents:not(.code-reference .site-main .table-of-contents):not(.widget-area + .site-main .table-of-contents) {
+ position: fixed;
+ width: 15vw;
+ top: 200px;
+ left: calc( 960px * 0.72 + ( ( 100vw - 960px ) / 2 ) + 15px);
+ max-height: calc(90vh - 200px);
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (min-width: 43em) {
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.archive .meta, .devhub-wrap.search .meta {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2797,6 +3156,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (max-width: 889px) {
+ .code-reference .site-main .table-of-contents {
+ float: none;
+ margin-left: 0;
+ width: 100%;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 43em) {
</span><span class="cx" style="display: block; padding: 0 10px"> #content-area.has-sidebar main {
</span><span class="cx" style="display: block; padding: 0 10px"> float: right;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2803,7 +3170,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 96%;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0 auto;
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 12px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 1.2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> #content-area.has-sidebar .widget-area {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2843,21 +3209,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> border-left: none;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap .horizontal-list li:first-child a {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: 0 40px;
</del><span class="cx" style="display: block; padding: 0 10px"> padding: 0 4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .devhub-wrap .reference-landing .searchform {
- text-align: center;
- }
- .devhub-wrap .reference-landing .searchform input[type="text"],
- .devhub-wrap .reference-landing .searchform input[type="submit"] {
- width: 100%;
- margin-right: 0;
- margin-bottom: 1em;
- float: none;
- clear: both;
- }
- .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .devhub-wrap .wp-parser-class h1,
+ .devhub-wrap .wp-parser-function h1,
+ .devhub-wrap .wp-parser-hook h1,
+ .devhub-wrap .wp-parser-method h1 {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 45px;
</span><span class="cx" style="display: block; padding: 0 10px"> text-indent: -45px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2867,11 +3224,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"> @media (max-width: 32em) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .devhub-wrap .table-of-contents {
- float: none;
- margin-left: 0;
- width: 100%;
- }
</del><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap section {
</span><span class="cx" style="display: block; padding: 0 10px"> overflow: inherit;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2881,14 +3233,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> @media (max-width: 22em) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- ul, ol {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ ul,
+ ol {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-left: 1.2em;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .devhub-wrap .wp-parser-class h1, .devhub-wrap .wp-parser-function h1, .devhub-wrap .wp-parser-hook h1, .devhub-wrap .wp-parser-method h1 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .devhub-wrap .wp-parser-class h1,
+ .devhub-wrap .wp-parser-function h1,
+ .devhub-wrap .wp-parser-hook h1,
+ .devhub-wrap .wp-parser-method h1 {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding-left: 20px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 2rem;
</del><span class="cx" style="display: block; padding: 0 10px"> text-indent: -20px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: 16px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 1.6rem;
+ line-height: 1.25;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> .devhub-wrap.single-wp-parser-function .comment-list li, .devhub-wrap.single-wp-parser-method .comment-list li, .devhub-wrap.single-wp-parser-hook .comment-list li {
</span><span class="cx" style="display: block; padding: 0 10px"> padding-left: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2905,7 +3261,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">-.single-command #content h2, .single-command #content h3 {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command #content h2,
+.single-command #content h3 {
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 4rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 2.5rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 2.5rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2914,7 +3271,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .single-command #content h2.entry-title {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> font-size: 3.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- line-height: 4.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ line-height: 1.29;
</ins><span class="cx" style="display: block; padding: 0 10px"> margin-top: 3rem;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-bottom: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2938,12 +3295,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-command #content .quick-links {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: 0.5rem;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #ABABAB;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #ababab;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-command #content .quick-links a {
</span><span class="cx" style="display: block; padding: 0 10px"> text-decoration: underline;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- color: #ABABAB;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ color: #ababab;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-command #content .quick-links a:hover {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2950,12 +3307,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> color: #757575;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-command #content .toc-jump {
- float: right;
- font-size: 75%;
- margin-top: 11px;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .single-command #content table {
</span><span class="cx" style="display: block; padding: 0 10px"> border-collapse: collapse;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2970,14 +3321,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-command #content table thead th {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 700;
</ins><span class="cx" style="display: block; padding: 0 10px"> 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">-.single-command #content table th, .single-command #content table td {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command #content table th,
+.single-command #content table td {
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 0.8em 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-weight: normal;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-weight: 400;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-align: left;
</span><span class="cx" style="display: block; padding: 0 10px"> vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid #eee;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2987,13 +3339,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> background: rgba(0, 0, 0, 0.025);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-command .devhub-wrap *, .single-command .devhub-wrap *::before, .single-command .devhub-wrap *::after {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command .devhub-wrap *,
+.single-command .devhub-wrap *::before,
+.single-command .devhub-wrap *::after {
</ins><span class="cx" style="display: block; padding: 0 10px"> -moz-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> box-sizing: border-box;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-command .devhub-wrap a.button, .single-command .devhub-wrap button, .single-command .devhub-wrap input[type="button"], .single-command .devhub-wrap input[type="reset"], .single-command .devhub-wrap input[type="submit"] {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command .devhub-wrap a.button,
+.single-command .devhub-wrap button,
+.single-command .devhub-wrap input[type="button"],
+.single-command .devhub-wrap input[type="reset"],
+.single-command .devhub-wrap input[type="submit"] {
</ins><span class="cx" style="display: block; padding: 0 10px"> border: 1px solid;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 3px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3004,18 +3362,30 @@
</span><span class="cx" style="display: block; padding: 0 10px"> line-height: 1;
</span><span class="cx" style="display: block; padding: 0 10px"> float: none;
</span><span class="cx" style="display: block; padding: 0 10px"> height: auto;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- padding: .8rem 1.2rem;
- margin: .4rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ padding: 0.8rem 1.2rem;
+ margin: 0.4rem 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-decoration: none;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: 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">-.single-command .devhub-wrap a.button:hover, .single-command .devhub-wrap button:hover, .single-command .devhub-wrap input[type="button"]:hover, .single-command .devhub-wrap input[type="reset"]:hover, .single-command .devhub-wrap input[type="submit"]:hover {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command .devhub-wrap a.button:hover,
+.single-command .devhub-wrap button:hover,
+.single-command .devhub-wrap input[type="button"]:hover,
+.single-command .devhub-wrap input[type="reset"]:hover,
+.single-command .devhub-wrap input[type="submit"]:hover {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #ccc #bbb #aaa #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-command .devhub-wrap a.button:focus, .single-command .devhub-wrap a.button:active, .single-command .devhub-wrap button:focus, .single-command .devhub-wrap button:active, .single-command .devhub-wrap input[type="button"]:focus, .single-command .devhub-wrap input[type="button"]:active, .single-command .devhub-wrap input[type="reset"]:focus, .single-command .devhub-wrap input[type="reset"]:active, .single-command .devhub-wrap input[type="submit"]:focus, .single-command .devhub-wrap input[type="submit"]:active {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command .devhub-wrap a.button:focus, .single-command .devhub-wrap a.button:active,
+.single-command .devhub-wrap button:focus,
+.single-command .devhub-wrap button:active,
+.single-command .devhub-wrap input[type="button"]:focus,
+.single-command .devhub-wrap input[type="button"]:active,
+.single-command .devhub-wrap input[type="reset"]:focus,
+.single-command .devhub-wrap input[type="reset"]:active,
+.single-command .devhub-wrap input[type="submit"]:focus,
+.single-command .devhub-wrap input[type="submit"]:active {
</ins><span class="cx" style="display: block; padding: 0 10px"> border-color: #bbb;
</span><span class="cx" style="display: block; padding: 0 10px"> background: #eee;
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3022,16 +3392,28 @@
</span><span class="cx" style="display: block; padding: 0 10px"> box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-command .devhub-wrap a.button > span, .single-command .devhub-wrap button > span, .single-command .devhub-wrap input[type="button"] > span, .single-command .devhub-wrap input[type="reset"] > span, .single-command .devhub-wrap input[type="submit"] > span {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command .devhub-wrap a.button > span,
+.single-command .devhub-wrap button > span,
+.single-command .devhub-wrap input[type="button"] > span,
+.single-command .devhub-wrap input[type="reset"] > span,
+.single-command .devhub-wrap input[type="submit"] > span {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #757575;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-command .devhub-wrap a.button > span.red, .single-command .devhub-wrap button > span.red, .single-command .devhub-wrap input[type="button"] > span.red, .single-command .devhub-wrap input[type="reset"] > span.red, .single-command .devhub-wrap input[type="submit"] > span.red {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command .devhub-wrap a.button > span.red,
+.single-command .devhub-wrap button > span.red,
+.single-command .devhub-wrap input[type="button"] > span.red,
+.single-command .devhub-wrap input[type="reset"] > span.red,
+.single-command .devhub-wrap input[type="submit"] > span.red {
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #dc3232;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single-command .devhub-wrap a.button > span.green, .single-command .devhub-wrap button > span.green, .single-command .devhub-wrap input[type="button"] > span.green, .single-command .devhub-wrap input[type="reset"] > span.green, .single-command .devhub-wrap input[type="submit"] > span.green {
- color: #46B450;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single-command .devhub-wrap a.button > span.green,
+.single-command .devhub-wrap button > span.green,
+.single-command .devhub-wrap input[type="button"] > span.green,
+.single-command .devhub-wrap input[type="reset"] > span.green,
+.single-command .devhub-wrap input[type="submit"] > span.green {
+ color: #46b450;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .single-command .btn-group {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3064,156 +3446,199 @@
</span><span class="cx" style="display: block; padding: 0 10px"> cursor: pointer;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-code[class*="language-"], pre[class*="language-"] {
- direction: ltr;
- text-align: left;
- white-space: pre;
- word-spacing: normal;
- word-break: normal;
- -moz-tab-size: 4;
- -o-tab-size: 4;
- tab-size: 4;
- -webkit-hyphens: none;
- -moz-hyphens: none;
- -ms-hyphens: none;
- hyphens: none;
- background: #2b303b;
- color: #c0c5ce;
-}
-
-pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+button.code-tab,
+button.code-tab:hover {
+ background: #fff;
+ box-shadow: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> text-shadow: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #a7adba;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 1px solid #d0dfda;
+ border-radius: 30px 0 0 30px;
+ padding: 8px 20px;
</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">-pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
- text-shadow: none;
- background: #a7adba;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+button.code-tab + button.code-tab {
+ border-radius: 0 30px 30px 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-pre[class*="language-"] {
- overflow: auto;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+button.code-tab:focus,
+button.code-tab.is-active:focus {
+ outline: none;
+ border: 1px solid #222;
+ box-shadow: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-:not(pre) > code[class*="language-"] {
- border-radius: .3em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+button.code-tab.is-active {
+ background: #00b975;
+ border: 1px solid #00b975;
+ box-shadow: none;
+ color: #fff;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.comment, .token.prolog, .token.doctype, .token.cdata {
- color: #65737e;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.code-tab-block {
+ display: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.punctuation {
- color: #c0c5ce;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.code-tab-block.is-active {
+ display: block;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.namespace {
- opacity: .7;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ position: relative;
+ border-radius: 2px;
+ margin: 3rem auto 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.operator, .token.boolean, .token.number {
- color: #d08770;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform input[type="search"] {
+ flex-grow: 1;
+ margin: 0;
+ padding: 1rem 45px 1rem 1rem;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ box-shadow: none;
+ font-size: 13px;
+ width: 100%;
+ box-sizing: border-box;
</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">-.token.property {
- color: #ebcb8b;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .search-field {
+ position: relative;
+ margin-bottom: 2rem;
+ display: flex;
+ border: 1px solid #000;
+ border-radius: 4px;
+ width: 100%;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.tag {
- color: #8fa1b3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .search-field ul {
+ left: 50%;
+ transform: translate(-50%, 0);
+ max-width: calc(100vw - 40px - 48px);
+ /* Match parents padding/margin. */
</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">-.token.string {
- color: #96b5b4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .search-field ul li {
+ padding-right: 20px;
</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">-.token.selector {
- color: #b48ead;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .button-search {
+ display: flex;
+ padding: 0;
+ position: absolute;
+ cursor: pointer;
+ right: 0;
+ background: transparent;
+ border: 1px solid transparent;
+ border-radius: 2px;
+ height: 100%;
+ width: 40px;
+ align-items: center;
+ top: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.attr-name {
- color: #d08770;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .button-search:active {
+ background: #dcdcde;
</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">-.token.entity, .token.url, .language-css .token.string, .style .token.string {
- color: #96b5b4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .button-search > svg {
+ flex: 1;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.attr-value, .token.keyword, .token.control, .token.directive, .token.unit {
- color: #a3be8c;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .search-post-type {
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ width: 100%;
+ margin: 0 0 2rem;
+ color: #000;
+ font-size: 13px;
+ flex-wrap: wrap;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.statement, .token.regex, .token.atrule {
- color: #96b5b4;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .search-post-type > span,
+.search-wrap .searchform .search-post-type > div {
+ position: relative;
+ margin: 0.25rem;
</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">-.token.placeholder, .token.variable {
- color: #8fa1b3;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .search-post-type label {
+ padding: 0.5rem 0.5rem 0.5rem 2.5rem;
+ border-radius: 2px;
+ user-select: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.deleted {
- text-decoration: line-through;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .search-post-type input {
+ position: absolute;
+ z-index: 1;
+ top: 3px;
+ left: 6px;
</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">-.token.inserted {
- border-bottom: 1px dotted #eff1f5;
- text-decoration: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform .search-post-type label,
+.search-wrap .searchform .search-post-type input {
+ cursor: pointer;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.italic {
- font-style: italic;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap .searchform.searchform-handbook .search-field {
+ border-color: #c3c4c7;
+ border-radius: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.important, .token.bold {
- font-weight: bold;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.widget_search .search-wrap .searchform.searchform-handbook {
+ padding-right: 1em;
</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">-.token.important {
- color: #bf616a;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (max-width: 876px) {
+ .widget_search .search-wrap .searchform.searchform-handbook {
+ padding: 1.5em 1em 0;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.token.entity {
- cursor: help;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap.search-wrap-inline .searchform {
+ margin: 0;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-pre > code.highlight {
- outline: 0.4em solid #bf616a;
- outline-offset: .4em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap.search-wrap-inline .search-field {
+ margin: 0;
+ border: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-button.code-tab,
-button.code-tab:hover {
- background: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap.search-wrap-embedded .search-field {
+ margin-bottom: 0;
+ max-width: 400px;
</ins><span class="cx" style="display: block; padding: 0 10px"> border: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- box-shadow: none;
- text-shadow: none;
- border: 1px solid #D0DFDA;
- border-radius: 30px 0 0 30px;
- padding: 8px 20px;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-button.code-tab + button.code-tab {
- border-radius: 0 30px 30px 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap.search-wrap-embedded .search-post-type {
+ margin-top: 2rem;
+ justify-content: space-between;
+ color: #fff;
+ max-width: 450px;
</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">-button.code-tab:focus,
-button.code-tab.is-active:focus {
- outline: none;
- border: 1px solid #222;
- box-shadow: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.search-wrap.search-wrap-embedded .search-post-type input:checked + label {
+ content: "";
+ background: #fff;
+ color: #000;
</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">-button.code-tab.is-active {
- background: #00B975;
- border: 1px solid #00B975;
- box-shadow: none;
- color: #fff;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media (max-width: 688px) {
+ .search-wrap.search-wrap-embedded .search-post-type {
+ justify-content: center;
+ }
+ .search-wrap.search-wrap-embedded .search-post-type > span {
+ flex-basis: 100%;
+ margin-bottom: 1rem;
+ }
+ .search-wrap.search-wrap-embedded .search-post-type > div {
+ position: relative;
+ margin: 1rem;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.code-tab-block {
- display: none;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.not-found {
+ padding: 4rem 0;
+ text-align: center;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
-.code-tab-block.is-active {
- display: block;
-}
</del></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetspagedashiconscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css 2022-09-05 05:05:40 UTC (rev 12049)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/page-dashicons.css 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -77,13 +77,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"> .dashicons-page #glyph .name {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- font-size: .9em;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ font-size: 0.9em;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .dashicons-page h4 {
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 1.5em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> padding-top: 25px;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-top: 1px solid lightgrey;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: 1px solid #d3d3d3;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .dashicons-page h4:first-of-type {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -149,7 +149,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .dashicons-page #instructions {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-top: 1.5em;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border-top: 1px solid lightgrey;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: 1px solid #d3d3d3;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .dashicons-page #instructions h3 {
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgdeveloperstylesheetsprismcss"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/prism.css</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/prism.css (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/prism.css 2022-09-05 05:14:31 UTC (rev 12050)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,226 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * Custom theme for developer.wordpress.org.
+ * Forked from a11y-dark theme by ericwbailey, which was based on the okaidia theme.
+ *
+ * https://github.com/PrismJS/prism-themes/blob/master/themes/prism-a11y-dark.css
+ * https://github.com/PrismJS/prism/blob/gh-pages/themes/prism-okaidia.css
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+ color: #101517;
+ background: none;
+ font-family: Hack, "Fira Code", Consolas, Menlo, Monaco, "Andale Mono", "Lucida Console", "Lucida Sans Typewriter", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Liberation Mono", "Nimbus Mono L", "Courier New", Courier, monospace;
+ text-align: left;
+ white-space: pre;
+ word-spacing: normal;
+ word-break: normal;
+ word-wrap: normal;
+ line-height: 1.5;
+ -moz-tab-size: 4;
+ -o-tab-size: 4;
+ tab-size: 4;
+ -webkit-hyphens: none;
+ -moz-hyphens: none;
+ -ms-hyphens: none;
+ hyphens: none;
+ transition: height 500ms;
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+ padding: 1em;
+ overflow: auto;
+ border-radius: 0.3em;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+ background: #f6f7f7;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+ padding: 0.1em;
+ border-radius: 0.3em;
+ white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+ color: #007017;
+}
+
+.token.punctuation {
+ color: #50575e;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+ color: #043959;
+}
+
+.token.boolean,
+.token.number {
+ color: #101517;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+ color: #2271b1;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+ color: #a85f00;
+}
+
+.token.function {
+ color: #b8236d;
+}
+
+.token.keyword {
+ color: #135e96;
+ font-weight: 600;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function-definition {
+ color: #101517;
+}
+
+.token.important,
+.token.bold {
+ font-weight: 700;
+}
+
+.token.italic {
+ font-style: italic;
+}
+
+.token.entity {
+ cursor: help;
+}
+
+@media screen and (-ms-high-contrast: active) {
+ code[class*="language-"],
+ pre[class*="language-"] {
+ color: windowText;
+ background: window;
+ }
+ :not(pre) > code[class*="language-"],
+ pre[class*="language-"] {
+ background: window;
+ }
+ .token.important {
+ background: highlight;
+ color: window;
+ font-weight: 700;
+ }
+ .token.atrule,
+ .token.attr-value,
+ .token.function,
+ .token.keyword,
+ .token.operator,
+ .token.selector {
+ font-weight: 700;
+ }
+ .token.attr-value,
+ .token.comment,
+ .token.doctype,
+ .token.function,
+ .token.keyword,
+ .token.operator,
+ .token.property,
+ .token.string {
+ color: highlight;
+ }
+ .token.attr-value,
+ .token.url {
+ font-weight: 700;
+ }
+}
+
+/* Line Numbers */
+pre.line-numbers {
+ position: relative;
+ padding-left: 3.8em;
+ counter-reset: linenumber;
+}
+
+pre.line-numbers > code {
+ position: relative;
+}
+
+.line-numbers .line-numbers-rows {
+ position: absolute;
+ pointer-events: none;
+ top: 0;
+ font-size: 100%;
+ left: -3.8em;
+ width: 4em;
+ /* works for line-numbers below 10000 lines */
+ letter-spacing: -1px;
+ border-right: 0;
+ -webkit-user-select: none;
+ -moz-user-select: none;
+ -ms-user-select: none;
+ user-select: none;
+}
+
+.line-numbers-rows > span {
+ pointer-events: none;
+ display: block;
+ counter-increment: linenumber;
+}
+
+.line-numbers-rows > span::before {
+ content: counter(linenumber);
+ color: #5c6370;
+ display: block;
+ padding-right: 0.8em;
+ text-align: right;
+}
+
+/* Copy button */
+.wp-code-block-button-container {
+ display: flex;
+ justify-content: right;
+ padding: 1rem;
+ background: #fff;
+ border-width: 1px 1px 0;
+ border-style: solid;
+ border-color: #dcdcde;
+ border-top-left-radius: 0.3em;
+ border-top-right-radius: 0.3em;
+}
+
+.wp-code-block-button-container button {
+ font-size: 1.2rem !important;
+}
+
+.wp-code-block-button-container button + button {
+ margin-left: 0.5em;
+}
+
+.wp-code-block-button-container + pre {
+ margin-top: 0;
+ border-width: 0 1px 1px;
+ border-style: solid;
+ border-color: #dcdcde;
+ border-top-left-radius: 0;
+ border-top-right-radius: 0;
+}
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/prism.css
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span></div>
</body>
</html>