<!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>[3825] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins: Plugin Directory: Accordion view for plugin FAQs</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 { 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/3825">3825</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/3825","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>obenland</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2016-08-18 01:17:38 +0000 (Thu, 18 Aug 2016)</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'>Plugin Directory: Accordion view for plugin FAQs

Includes a refactoring of plugin sections to be more modular.

See <a href="http://meta.trac.wordpress.org/ticket/1810">#1810</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylertlcss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsfunctionsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/functions.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssite_sitescss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_site.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartspluginsinglephp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php</a></li>
</ul>

<h3>Added Paths</h3>
<ul>
<li>sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/</li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimaryplugin_indexscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_index.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimaryplugin_singlescss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_single.scss</a></li>
<li>sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/</li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_developersscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_developers.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_faqscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_faq.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_indexscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_index.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_reviewsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_reviews.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_screenshotsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_screenshots.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartssectionfaqphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section-faq.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartssectionreviewsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section-reviews.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartssectionphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section.php</a></li>
</ul>

<h3>Removed Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginindexscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-index.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginsinglescss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylertlcss"></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-plugins/css/style-rtl.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-plugins/css/style-rtl.css       2016-08-17 18:33:40 UTC (rev 3824)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style-rtl.css 2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2458,20 +2458,6 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single .type-plugin .entry-content .reviews-link {
-  display: inline-block;
-  font-size: 12.8px;
-  font-size: 0.8rem;
-  margin-top: 8px;
-  margin-top: 0.5rem;
-}
-
-.single .type-plugin .entry-content .reviews-link:after {
-  content: "\f341";
-  font-family: dashicons;
-  vertical-align: text-top;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-screenshots {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2482,6 +2468,64 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .plugin-faqs h2:first-of-type {
+  font-size: 20px;
+  font-size: 1.25rem;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+  letter-spacing: 0.01rem;
+  text-transform: uppercase;
+  border: none;
+  color: #32373c;
+  font-weight: 600;
+  padding: 0;
+  text-transform: inherit;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dl {
+  border-bottom: 1px solid #eee;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dt {
+  border-top: 1px solid #eee;
+  cursor: pointer;
+  font-size: 16px;
+  font-size: 1rem;
+  font-weight: 600;
+  letter-spacing: 0.8px;
+  letter-spacing: 0.05rem;
+  padding: 16px 0;
+  padding: 1rem 0;
+  text-transform: uppercase;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dt:after {
+  content: "\f347";
+  float: left;
+  font-family: dashicons;
+  margin: 0 16px;
+  margin: 0 1rem;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dt.open:after {
+  content: "\f343";
+}
+
+.single .type-plugin .entry-content .plugin-faqs dd {
+  display: none;
+  margin: 0 0 16px;
+  margin: 0 0 1rem;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dd p {
+  margin: 0;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dd p + p {
+  margin-top: 16px;
+  margin-top: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-reviews {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2546,6 +2590,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">   }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .reviews-link {
+  display: inline-block;
+  font-size: 12.8px;
+  font-size: 0.8rem;
+  margin-top: 8px;
+  margin-top: 0.5rem;
+}
+
+.single .type-plugin .entry-content .reviews-link:after {
+  content: "\f341";
+  font-family: dashicons;
+  vertical-align: text-top;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-developers {
</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></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginscssstylecss"></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-plugins/css/style.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-plugins/css/style.css   2016-08-17 18:33:40 UTC (rev 3824)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css     2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -2458,20 +2458,6 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.single .type-plugin .entry-content .reviews-link {
-  display: inline-block;
-  font-size: 12.8px;
-  font-size: 0.8rem;
-  margin-top: 8px;
-  margin-top: 0.5rem;
-}
-
-.single .type-plugin .entry-content .reviews-link:after {
-  content: "\f345";
-  font-family: dashicons;
-  vertical-align: text-top;
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-screenshots {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2482,6 +2468,64 @@
</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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .plugin-faqs h2:first-of-type {
+  font-size: 20px;
+  font-size: 1.25rem;
+  font-weight: 600;
+  letter-spacing: 0.16px;
+  letter-spacing: 0.01rem;
+  text-transform: uppercase;
+  border: none;
+  color: #32373c;
+  font-weight: 600;
+  padding: 0;
+  text-transform: inherit;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dl {
+  border-bottom: 1px solid #eee;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dt {
+  border-top: 1px solid #eee;
+  cursor: pointer;
+  font-size: 16px;
+  font-size: 1rem;
+  font-weight: 600;
+  letter-spacing: 0.8px;
+  letter-spacing: 0.05rem;
+  padding: 16px 0;
+  padding: 1rem 0;
+  text-transform: uppercase;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dt:after {
+  content: "\f347";
+  float: right;
+  font-family: dashicons;
+  margin: 0 16px;
+  margin: 0 1rem;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dt.open:after {
+  content: "\f343";
+}
+
+.single .type-plugin .entry-content .plugin-faqs dd {
+  display: none;
+  margin: 0 0 16px;
+  margin: 0 0 1rem;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dd p {
+  margin: 0;
+}
+
+.single .type-plugin .entry-content .plugin-faqs dd p + p {
+  margin-top: 16px;
+  margin-top: 1rem;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-reviews {
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -2546,6 +2590,20 @@
</span><span class="cx" style="display: block; padding: 0 10px">   }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.single .type-plugin .entry-content .reviews-link {
+  display: inline-block;
+  font-size: 12.8px;
+  font-size: 0.8rem;
+  margin-top: 8px;
+  margin-top: 0.5rem;
+}
+
+.single .type-plugin .entry-content .reviews-link:after {
+  content: "\f345";
+  font-family: dashicons;
+  vertical-align: text-top;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .entry-content .plugin-developers {
</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></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsfunctionsphp"></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-plugins/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-plugins/functions.php   2016-08-17 18:33:40 UTC (rev 3824)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/functions.php     2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -197,6 +197,82 @@
</span><span class="cx" style="display: block; padding: 0 10px"> add_action( 'wp_head', __NAMESPACE__ . '\hreflang_link_attributes' );
</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">+ * Temporary FAQ parser until we have all readmes re-imported.
+ *
+ * @param $content
+ * @param $section_slug
+ *
+ * @return string
+ */
+function temporary_faq_parser( $content, $section_slug ) {
+       if ( 'faq' !== $section_slug ) {
+               return $content;
+       }
+
+       if ( strpos( $content, '</dl>' ) ) {
+               return $content;
+       }
+
+       $lines      = explode( "\n", $content );
+       $definition = false;
+
+       $content = "<dl>\n";
+       while ( ( $line = array_shift( $lines ) ) !== null ) {
+               $trimmed = trim( $line );
+               if ( empty( $trimmed ) ) {
+                       continue;
+               }
+
+               if ( 0 === strpos( $trimmed, '<h4>' ) ) {
+                       if ( $definition ) {
+                               $content   .= "</dd>\n";
+                               $definition = false;
+                       }
+
+                       $content .= '<dt aria-expanded="false">' . strip_tags( $line ) . "</dt>\n";
+                       continue;
+               }
+
+               if ( ! $definition ) {
+                       $content   .= '<dd>' . $line;
+                       $definition = true;
+                       continue;
+               }
+
+               $content .= "\n" . $line;
+       }
+
+       $content .= "</dd>\n</dl>";
+
+       if ( ! strpos( $content, '</dt>' ) ) {
+               $content = wp_kses( $content, array(
+                       'a'          => array(
+                               'href'  => true,
+                               'title' => true,
+                               'rel'   => true,
+                       ),
+                       'blockquote' => array(
+                               'cite' => true
+                       ),
+                       'br'         => true,
+                       'p'          => true,
+                       'code'       => true,
+                       'pre'        => true,
+                       'em'         => true,
+                       'strong'     => true,
+                       'ul'         => true,
+                       'ol'         => true,
+                       'li'         => true,
+                       'h3'         => true,
+                       'h4'         => true,
+               ) );
+       }
+
+       return $content;
+}
+add_filter( 'the_content', __NAMESPACE__ . '\temporary_faq_parser', 10, 2 );
+
+/**
</ins><span class="cx" style="display: block; padding: 0 10px">  * Bold archive terms are made here.
</span><span class="cx" style="display: block; padding: 0 10px">  *
</span><span class="cx" style="display: block; padding: 0 10px">  * @param string $term The archive term to bold.
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssite_sitescss"></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-plugins/sass/site/_site.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-plugins/sass/site/_site.scss    2016-08-17 18:33:40 UTC (rev 3824)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_site.scss      2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,8 +12,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ## Body
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> @import "primary/main";
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@import "primary/plugin-index";
-@import "primary/plugin-single";
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "primary/plugin/index";
+@import "primary/plugin/single";
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Template Hierarchy
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginindexscss"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-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-plugins/sass/site/primary/_plugin-index.scss    2016-08-17 18:33:40 UTC (rev 3824)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-index.scss      2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,79 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.plugin-card {
-       margin-bottom: 4%;
-
-       @media screen and ( min-width: $ms-breakpoint ) {
-               display: inline-block;
-               margin-right: 4%;
-               width: 48%;
-
-               &:nth-of-type( even ) {
-                       margin-right: 0;
-               }
-       }
-
-       .entry-thumbnail {
-               display: none;
-               max-width: 128px;
-       }
-
-       .entry {
-               display: inline-block;
-               margin: auto;
-               vertical-align: top;
-       }
-
-       @media screen and ( min-width: 21em ) {
-               .entry-thumbnail {
-                       display: inline-block;
-                       margin: 0 4% 0 0;
-                       vertical-align: top;
-               }
-
-               .entry {
-                        width: calc(96% - 128px);
-                }
-       }
-
-       .entry-title {
-               @include font-size( ms-unitless( ms(0) ) );
-               line-height: 1.3;
-               margin: 0 0 8px;
-
-               a {
-                       font-weight: 400;
-               }
-       }
-
-       .plugin-rating {
-               line-height: 1;
-               margin: 0 10px 8px 0;
-
-               .wporg-ratings {
-                       display: inline-block;
-                       margin-right: 5px;
-               }
-
-               [class*='dashicons-star-'] {
-                       color: #ffb900;
-               }
-
-               .rating-count {
-                       color: #999;
-                       @include font-size( ms-unitless( ms(-2) ) );
-                       top: -1px;
-               }
-       }
-
-       .entry-excerpt {
-               @include font-size( ms-unitless( ms(-2) ) );
-
-               p {
-                       margin: 0 0 8px;
-               }
-       }
-}
-
-// Flip the half star for rating.
-.rtl .dashicons-star-half {
-       transform: rotateY(180deg);
-}
</del></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginsinglescss"></a>
<div class="delfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Deleted: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.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-plugins/sass/site/primary/_plugin-single.scss   2016-08-17 18:33:40 UTC (rev 3824)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss     2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,365 +0,0 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@import "../../variables-site/variables-site";
-
-.single .type-plugin {
-       @extend .clear;
-
-       .plugin-notice {
-               margin-top: 0;
-       }
-
-       .plugin-banner {
-               background-position: 50% 50%;
-               background-size: 100%;
-               display: inline-block;
-               font-size: 0;
-               line-height: 0;
-               margin: 0 auto ms(1);
-               padding-top: 32.38342%; /* 250px / 722px */
-               vertical-align: middle;
-               width: 100%;
-
-               @media screen and ( min-width: 60em ) {
-                       margin-top: ms(4);
-               }
-       }
-
-       .plugin-header {
-               @extend .clear;
-               border-bottom: 2px solid #eee;
-               padding: ms(1) ms(4);
-
-               .plugin-thumbnail {
-                       display: none;
-                       float: left;
-                       height: 96px;
-                       margin-right: 16px;
-                       margin-right: 1rem;
-                       width: 96px;
-
-                       @media screen and ( min-width: 26em ) {
-                               display: block;
-                       }
-
-                       .plugin-icon {
-                               background-size: contain !important;
-                               height: 96px !important;
-                               width: 96px !important;
-                       }
-
-               }
-
-               .plugin-actions {
-                       float: right;
-               }
-
-               @keyframes favme-anime {
-                       0% {
-                               opacity: 1;
-                               font-size: ms(0);
-                               -webkit-text-stroke-color: transparent;
-                       }
-                       25% {
-                               opacity: 0.6;
-                               color: #fff;
-                               font-size: ms(-2);
-                               -webkit-text-stroke-width: 1px;
-                               -webkit-text-stroke-color: #dc3232;
-                       }
-                       75% {
-                               opacity: 0.6;
-                               color: #fff;
-                               font-size: ms(3);
-                               -webkit-text-stroke-width: 1px;
-                               -webkit-text-stroke-color: #dc3232;
-                       }
-                       100% {
-                               opacity: 1;
-                               font-size: ms(2);
-                               -webkit-text-stroke-color: transparent;
-                       }
-               }
-
-               @keyframes favme-hover {
-                       from {
-                               @include font-size( ms-unitless( ms(3) ) );
-                       }
-                       80% {
-                               @include font-size( ms-unitless( ms(2) ) );
-                       }
-               }
-
-               .plugin-favorite{
-                       display: inline-block;
-                       height: 36px;
-                       text-align: center;
-                       width: 36px;
-
-                       .plugin-favorite-heart {
-                               align-items: center;
-                               color: #cbcdce;
-                               display: flex;
-                               @include font-size( ms-unitless( ms(2) ) );
-                               height: 100%;
-                               justify-content: center;
-                               line-height: 1;
-                               transition: all .2s ease;
-
-                               &.favorited {
-                                       color: #dc3232;
-                               }
-
-                               &:hover {
-                                       animation: favme-hover .3s infinite alternate;
-                               }
-
-                               &:hover,
-                               &:focus {
-                                       text-decoration: none;
-                               }
-
-                               &:after {
-                                       content: "\f487";
-                                       font-family: dashicons;
-                                       vertical-align: top;
-                               }
-
-                               &.is-animating {
-                                       animation: favme-anime .3s;
-                               }
-                       }
-
-               }
-
-               .plugin-title {
-                       clear: none;
-                       @include font-size( ms-unitless( ms(4) ) );
-                       font-weight: 400;
-                       margin: 0;
-               }
-
-               .byline {
-                       color: #78848f;
-               }
-       }
-
-       .plugin-banner + .plugin-header {
-               padding-top: 0;
-       }
-
-       .entry-content,
-       .entry-meta {
-               padding: 0 ms(4);
-       }
-
-       .entry-content {
-               max-width: 768px;
-               max-width: 48rem;
-
-               @media screen and ( min-width: $ms-breakpoint ) {
-                       float: left;
-                       padding: 0;
-                       width: 65%;
-               }
-
-               .read-more {
-                       border-bottom: 2px solid #eee;
-                       max-height: 200px;
-                       overflow: hidden;
-                       padding-bottom: 1px;
-
-                       &#reviews {
-                               max-height: none;
-                               overflow: auto;
-                       }
-
-                       h1, h2, h3 {
-                               @include font-size( ms-unitless( ms(0) ) );
-                               font-weight: 600;
-                               letter-spacing: 0.16px;
-                               letter-spacing: 0.01rem;
-                               text-transform: uppercase;
-
-                               &:nth-child(2) {
-                                       margin-top: 0;
-                               }
-                       }
-
-                       h4, h5, h6 {
-                               @include font-size( ms-unitless( ms(-2) ) );
-                               font-weight: 600;
-                               letter-spacing: 0.8px;
-                               letter-spacing: 0.05rem;
-                               text-transform: uppercase;
-
-                               &:nth-child(2) {
-                                       margin-top: 0;
-                               }
-                       }
-
-                       h2:first-of-type {
-                               @include font-size( ms-unitless( ms(2) ) );
-
-                               // Override wp4.css.
-                               border: none;
-                               color: $color__text-main;
-                               font-weight: 600;
-                               padding: 0;
-                               text-transform: inherit;
-                       }
-
-                       p:first-child {
-                               margin-top: 0;
-                       }
-
-                       &.toggled {
-                               max-height: none;
-                       }
-               }
-
-               .section-toggle {
-                       color: $color__link;
-                       cursor: pointer;
-                       @include font-size( ms-unitless( ms(-2) ) );
-                       margin-top: 8px;
-                       margin-top: 0.5rem;
-                       position: relative;
-
-                       &:after {
-                               content: "\f347";
-                               font-family: dashicons;
-                               padding-left: 5px;
-                               vertical-align: text-top;
-                       }
-               }
-
-               .toggled + .section-toggle:after {
-                       content: "\f343";
-               }
-
-               .reviews-link {
-                       display: inline-block;
-                       @include font-size( ms-unitless( ms(-2) ) );
-                       margin-top: 8px;
-                       margin-top: 0.5rem;
-
-                       &:after {
-                               content: "\f345";
-                               font-family: dashicons;
-                               vertical-align: text-top;
-                       }
-               }
-
-               .plugin-screenshots {
-                       list-style-type: none;
-                       margin: 0;
-                       padding: 0;
-
-                       figcaption {
-                               font-style: italic;
-                       }
-               }
-
-               .plugin-reviews {
-                       list-style-type: none;
-                       margin: 0;
-                       padding: 0;
-
-                       .plugin-review + .plugin-review {
-                               margin: 32px 0 16px;
-                               margin: 2rem 0 1rem;
-                       }
-
-                       .review-avatar {
-                               display: none;
-                       }
-
-                       .review,
-                       .wporg-ratings,
-                       .review-author {
-                               display: inline-block;
-                               vertical-align: top;
-                       }
-
-                       .review-header {
-                               margin: 0 0 8px;
-                               margin: 0 0 0.5rem;
-                       }
-
-                       .review-title {
-                               @include font-size( ms-unitless( ms(0) ) );
-                               font-weight: 600;
-                               letter-spacing: 0.16px;
-                               letter-spacing: 0.01rem;
-                               margin: 0 0 8px;
-                               margin: 0 0 0.5rem;
-                               text-transform: inherit;
-                       }
-
-                       .review-author {
-                               line-height: 1.25;
-                               margin-left: 10px;
-                       }
-
-                       @media screen and ( min-width: $ms-breakpoint ) {
-                               .review-avatar {
-                                       display: inline-block;
-                                       vertical-align: top;
-
-                                       .avatar {
-                                               margin-right: 16px;
-                                               margin-right: 1rem;
-                                       }
-                               }
-
-                               .review {
-                                       width: calc(100% - 60px - 1rem);
-                               }
-
-                               .review-header {
-                                       margin: 0;
-                               }
-
-                               .review-author {
-                                       line-height: 1;
-                               }
-                       }
-               }
-
-               .plugin-developers {
-                       list-style-type: none;
-                       margin: 0;
-
-                       li {
-                               display: inline-block;
-                               margin: 0 4% 16px 0;
-                               margin: 0 4% 1rem 0;
-                               vertical-align: top;
-                               width: 48%;
-
-                               &:nth-of-type( even ) {
-                                       margin-right: 0;
-                               }
-                       }
-               }
-
-               .avatar {
-                       border-radius: 50%;
-                       margin-right: 10px;
-                       vertical-align: middle;
-               }
-       }
-
-       @media screen and ( min-width: $ms-breakpoint ) {
-               .plugin-header,
-               .entry-content,
-               .entry-meta {
-                       padding-left: 0;
-                       padding-right: 0;
-               }
-
-               .entry-meta {
-                       float: right;
-                       width: 30%;
-               }
-       }
-}
</del></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimaryplugin_indexscssfromrev3824sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginindexscss"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_index.scss (from rev 3824, sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-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-plugins/sass/site/primary/plugin/_index.scss                            (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_index.scss      2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,79 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-card {
+       margin-bottom: 4%;
+
+       @media screen and ( min-width: $ms-breakpoint ) {
+               display: inline-block;
+               margin-right: 4%;
+               width: 48%;
+
+               &:nth-of-type( even ) {
+                       margin-right: 0;
+               }
+       }
+
+       .entry-thumbnail {
+               display: none;
+               max-width: 128px;
+       }
+
+       .entry {
+               display: inline-block;
+               margin: auto;
+               vertical-align: top;
+       }
+
+       @media screen and ( min-width: 21em ) {
+               .entry-thumbnail {
+                       display: inline-block;
+                       margin: 0 4% 0 0;
+                       vertical-align: top;
+               }
+
+               .entry {
+                        width: calc(96% - 128px);
+                }
+       }
+
+       .entry-title {
+               @include font-size( ms-unitless( ms(0) ) );
+               line-height: 1.3;
+               margin: 0 0 8px;
+
+               a {
+                       font-weight: 400;
+               }
+       }
+
+       .plugin-rating {
+               line-height: 1;
+               margin: 0 10px 8px 0;
+
+               .wporg-ratings {
+                       display: inline-block;
+                       margin-right: 5px;
+               }
+
+               [class*='dashicons-star-'] {
+                       color: #ffb900;
+               }
+
+               .rating-count {
+                       color: #999;
+                       @include font-size( ms-unitless( ms(-2) ) );
+                       top: -1px;
+               }
+       }
+
+       .entry-excerpt {
+               @include font-size( ms-unitless( ms(-2) ) );
+
+               p {
+                       margin: 0 0 8px;
+               }
+       }
+}
+
+// Flip the half star for rating.
+.rtl .dashicons-star-half {
+       transform: rotateY(180deg);
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimaryplugin_singlescssfromrev3824sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginsinglescss"></a>
<div class="copfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Copied: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_single.scss (from rev 3824, sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.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-plugins/sass/site/primary/plugin/_single.scss                           (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/_single.scss     2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,184 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "../../../variables-site/variables-site";
+
+.single .type-plugin {
+       @extend .clear;
+
+       .plugin-notice {
+               margin-top: 0;
+       }
+
+       .plugin-banner {
+               background-position: 50% 50%;
+               background-size: 100%;
+               display: inline-block;
+               font-size: 0;
+               line-height: 0;
+               margin: 0 auto ms(1);
+               padding-top: 32.38342%; /* 250px / 722px */
+               vertical-align: middle;
+               width: 100%;
+
+               @media screen and ( min-width: 60em ) {
+                       margin-top: ms(4);
+               }
+       }
+
+       .plugin-header {
+               @extend .clear;
+               border-bottom: 2px solid #eee;
+               padding: ms(1) ms(4);
+
+               .plugin-thumbnail {
+                       display: none;
+                       float: left;
+                       height: 96px;
+                       margin-right: 16px;
+                       margin-right: 1rem;
+                       width: 96px;
+
+                       @media screen and ( min-width: 26em ) {
+                               display: block;
+                       }
+
+                       .plugin-icon {
+                               background-size: contain !important;
+                               height: 96px !important;
+                               width: 96px !important;
+                       }
+
+               }
+
+               .plugin-actions {
+                       float: right;
+               }
+
+               @keyframes favme-anime {
+                       0% {
+                               opacity: 1;
+                               font-size: ms(0);
+                               -webkit-text-stroke-color: transparent;
+                       }
+                       25% {
+                               opacity: 0.6;
+                               color: #fff;
+                               font-size: ms(-2);
+                               -webkit-text-stroke-width: 1px;
+                               -webkit-text-stroke-color: #dc3232;
+                       }
+                       75% {
+                               opacity: 0.6;
+                               color: #fff;
+                               font-size: ms(3);
+                               -webkit-text-stroke-width: 1px;
+                               -webkit-text-stroke-color: #dc3232;
+                       }
+                       100% {
+                               opacity: 1;
+                               font-size: ms(2);
+                               -webkit-text-stroke-color: transparent;
+                       }
+               }
+
+               @keyframes favme-hover {
+                       from {
+                               @include font-size( ms-unitless( ms(3) ) );
+                       }
+                       80% {
+                               @include font-size( ms-unitless( ms(2) ) );
+                       }
+               }
+
+               .plugin-favorite {
+                       display: inline-block;
+                       height: 36px;
+                       text-align: center;
+                       width: 36px;
+
+                       .plugin-favorite-heart {
+                               align-items: center;
+                               color: #cbcdce;
+                               display: flex;
+                               @include font-size( ms-unitless( ms(2) ) );
+                               height: 100%;
+                               justify-content: center;
+                               line-height: 1;
+                               transition: all .2s ease;
+
+                               &.favorited {
+                                       color: #dc3232;
+                               }
+
+                               &:hover {
+                                       animation: favme-hover .3s infinite alternate;
+                               }
+
+                               &:hover,
+                               &:focus {
+                                       text-decoration: none;
+                               }
+
+                               &:after {
+                                       content: "\f487";
+                                       font-family: dashicons;
+                                       vertical-align: top;
+                               }
+
+                               &.is-animating {
+                                       animation: favme-anime .3s;
+                               }
+                       }
+
+               }
+
+               .plugin-title {
+                       clear: none;
+                       @include font-size( ms-unitless( ms(4) ) );
+                       font-weight: 400;
+                       margin: 0;
+               }
+
+               .byline {
+                       color: #78848f;
+               }
+       }
+
+       .plugin-banner + .plugin-header {
+               padding-top: 0;
+       }
+
+       .entry-content,
+       .entry-meta {
+               padding: 0 ms(4);
+       }
+
+       .entry-content {
+               max-width: 768px;
+               max-width: 48rem;
+
+               @media screen and ( min-width: $ms-breakpoint ) {
+                       float: left;
+                       padding: 0;
+                       width: 65%;
+               }
+
+               @import 'section/index';
+               @import 'section/screenshots';
+               @import 'section/faq';
+               @import 'section/reviews';
+               @import 'section/developers';
+       }
+
+       @media screen and ( min-width: $ms-breakpoint ) {
+               .plugin-header,
+               .entry-content,
+               .entry-meta {
+                       padding-left: 0;
+                       padding-right: 0;
+               }
+
+               .entry-meta {
+                       float: right;
+                       width: 30%;
+               }
+       }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_developersscss"></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-plugins/sass/site/primary/plugin/section/_developers.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-plugins/sass/site/primary/plugin/section/_developers.scss                               (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_developers.scss 2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,22 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-developers {
+       list-style-type: none;
+       margin: 0;
+
+       li {
+               display: inline-block;
+               margin: 0 4% 16px 0;
+               margin: 0 4% 1rem 0;
+               vertical-align: top;
+               width: 48%;
+
+               &:nth-of-type( even ) {
+                       margin-right: 0;
+               }
+       }
+}
+
+.avatar {
+       border-radius: 50%;
+       margin-right: 10px;
+       vertical-align: middle;
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_faqscss"></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-plugins/sass/site/primary/plugin/section/_faq.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-plugins/sass/site/primary/plugin/section/_faq.scss                              (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_faq.scss        2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,61 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "../../../../variables-site/variables-site";
+
+.plugin-faqs {
+       h2:first-of-type {
+               @include font-size( ms-unitless( ms(2) ) );
+               font-weight: 600;
+               letter-spacing: 0.16px;
+               letter-spacing: 0.01rem;
+               text-transform: uppercase;
+
+               // Override wp4.css.
+               border: none;
+               color: $color__text-main;
+               font-weight: 600;
+               padding: 0;
+               text-transform: inherit;
+       }
+
+       dl {
+               border-bottom: 1px solid #eee;
+       }
+
+       dt {
+               border-top: 1px solid #eee;
+               cursor: pointer;
+               @include font-size( ms-unitless( ms(0) ) );
+               font-weight: 600;
+               letter-spacing: 0.8px;
+               letter-spacing: 0.05rem;
+               padding: 16px 0;
+               padding: 1rem 0;
+               text-transform: uppercase;
+
+               &:after {
+                       content: "\f347";
+                       float: right;
+                       font-family: dashicons;
+                       margin: 0 16px;
+                       margin: 0 1rem;
+               }
+
+               &.open:after {
+                       content: "\f343";
+               }
+       }
+
+       dd {
+               display: none;
+               margin: 0 0 16px;
+               margin: 0 0 1rem;
+
+               & p {
+                       margin: 0;
+               }
+
+               & p + p {
+                       margin-top: 16px;
+                       margin-top: 1rem;
+               }
+       }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_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-plugins/sass/site/primary/plugin/section/_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-plugins/sass/site/primary/plugin/section/_index.scss                            (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_index.scss      2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,76 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "../../../../variables-site/variables-site";
+
+.read-more {
+       border-bottom: 2px solid #eee;
+       max-height: 200px;
+       overflow: hidden;
+       padding-bottom: 1px;
+
+       &#reviews {
+               max-height: none;
+               overflow: auto;
+       }
+
+       h1, h2, h3 {
+               @include font-size( ms-unitless( ms(0) ) );
+               font-weight: 600;
+               letter-spacing: 0.16px;
+               letter-spacing: 0.01rem;
+               text-transform: uppercase;
+
+               &:nth-child(2) {
+                       margin-top: 0;
+               }
+       }
+
+       h4, h5, h6 {
+               @include font-size( ms-unitless( ms(-2) ) );
+               font-weight: 600;
+               letter-spacing: 0.8px;
+               letter-spacing: 0.05rem;
+               text-transform: uppercase;
+
+               &:nth-child(2) {
+                       margin-top: 0;
+               }
+       }
+
+       h2:first-of-type {
+               @include font-size( ms-unitless( ms(2) ) );
+
+               // Override wp4.css.
+               border: none;
+               color: $color__text-main;
+               font-weight: 600;
+               padding: 0;
+               text-transform: inherit;
+       }
+
+       p:first-child {
+               margin-top: 0;
+       }
+
+       &.toggled {
+               max-height: none;
+       }
+}
+
+.section-toggle {
+       color: $color__link;
+       cursor: pointer;
+       @include font-size( ms-unitless( ms(-2) ) );
+       margin-top: 8px;
+       margin-top: 0.5rem;
+       position: relative;
+
+       &:after {
+               content: "\f347";
+               font-family: dashicons;
+               padding-left: 5px;
+               vertical-align: text-top;
+       }
+}
+
+.toggled + .section-toggle:after {
+       content: "\f343";
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_reviewsscss"></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-plugins/sass/site/primary/plugin/section/_reviews.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-plugins/sass/site/primary/plugin/section/_reviews.scss                          (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_reviews.scss    2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,80 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "../../../../variables-site/variables-site";
+
+.plugin-reviews {
+       list-style-type: none;
+       margin: 0;
+       padding: 0;
+
+       .plugin-review + .plugin-review {
+               margin: 32px 0 16px;
+               margin: 2rem 0 1rem;
+       }
+
+       .review-avatar {
+               display: none;
+       }
+
+       .review,
+       .wporg-ratings,
+       .review-author {
+               display: inline-block;
+               vertical-align: top;
+       }
+
+       .review-header {
+               margin: 0 0 8px;
+               margin: 0 0 0.5rem;
+       }
+
+       .review-title {
+               @include font-size( ms-unitless( ms(0) ) );
+               font-weight: 600;
+               letter-spacing: 0.16px;
+               letter-spacing: 0.01rem;
+               margin: 0 0 8px;
+               margin: 0 0 0.5rem;
+               text-transform: inherit;
+       }
+
+       .review-author {
+               line-height: 1.25;
+               margin-left: 10px;
+       }
+
+       @media screen and ( min-width: $ms-breakpoint ) {
+               .review-avatar {
+                       display: inline-block;
+                       vertical-align: top;
+
+                       .avatar {
+                               margin-right: 16px;
+                               margin-right: 1rem;
+                       }
+               }
+
+               .review {
+                       width: calc(100% - 60px - 1rem);
+               }
+
+               .review-header {
+                       margin: 0;
+               }
+
+               .review-author {
+                       line-height: 1;
+               }
+       }
+}
+
+.reviews-link {
+       display: inline-block;
+       @include font-size( ms-unitless( ms(-2) ) );
+       margin-top: 8px;
+       margin-top: 0.5rem;
+
+       &:after {
+               content: "\f345";
+               font-family: dashicons;
+               vertical-align: text-top;
+       }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimarypluginsection_screenshotsscss"></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-plugins/sass/site/primary/plugin/section/_screenshots.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-plugins/sass/site/primary/plugin/section/_screenshots.scss                              (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/plugin/section/_screenshots.scss        2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,9 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.plugin-screenshots {
+       list-style-type: none;
+       margin: 0;
+       padding: 0;
+
+       figcaption {
+               font-style: italic;
+       }
+}
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartspluginsinglephp"></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-plugins/template-parts/plugin-single.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-plugins/template-parts/plugin-single.php        2016-08-17 18:33:40 UTC (rev 3824)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/plugin-single.php  2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11,6 +11,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> use WordPressdotorg\Plugin_Directory\Plugin_Directory;
</span><span class="cx" style="display: block; padding: 0 10px"> use WordPressdotorg\Plugin_Directory\Template;
</span><span class="cx" style="display: block; padding: 0 10px"> use WordPressdotorg\Plugin_Directory\Tools;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+global $section, $section_slug, $section_content;
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> $content = Plugin_Directory::instance()->split_post_content_into_pages( get_the_content() );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -78,20 +79,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                $section = wp_list_filter( $plugin_sections, array( 'slug' => $section_slug ) );
</span><span class="cx" style="display: block; padding: 0 10px">                                $section = array_pop( $section );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+                               get_template_part( 'template-parts/section', $section_slug );
+                       endforeach;
</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 id="<?php echo esc_attr( $section_slug ); ?>" class="read-more" aria-expanded="false">
-                               <h2><?php echo $section['title']; ?></h2>
-                               <?php echo $section_content; ?>
-                       </div>
-                               <?php if ( 'reviews' === $section_slug ) : ?>
-                               <a class="reviews-link" href="<?php echo esc_url( 'https://wordpress.org/support/view/plugin-reviews/' . get_post()->post_name . '/' ); ?>">
-                                       <?php printf( __( 'Read all %s reviews', 'wporg-plugins' ), array_sum( get_post_meta( get_the_ID(), 'ratings', true ) ) ); ?>
-                               </a>
-                               <?php else : ?>
-                       <button type="button" class="button-link section-toggle" aria-controls="<?php echo esc_attr( $section_slug ); ?>"><?php _e( 'Read more', 'wporg-plugins' ); ?></button>
-                               <?php endif; ?>
-               <?php endforeach; ?>
</del><span class="cx" style="display: block; padding: 0 10px">         </div><!-- .entry-content -->
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        <div class="entry-meta">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartssectionfaqphp"></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-plugins/template-parts/section-faq.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-plugins/template-parts/section-faq.php                          (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section-faq.php    2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,31 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying the FAQ section of a plugin.
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPressdotorg\Plugin_Directory\Theme
+ */
+
+global $section, $section_slug, $section_content;
+?>
+
+<div id="faq" class="plugin-faqs">
+       <h2><?php echo $section['title']; ?></h2>
+       <?php echo $section_content; ?>
+</div>
+<script>
+       ( function( $ ) {
+               $( '#faq' ).on( 'click', 'dt', function( event ) {
+                       var $question = $( event.target );
+
+                       if ( ! $question.is( '.open' ) ) {
+                               $question.siblings( '.open' ).toggleClass( 'open' ).attr( 'aria-expanded', false ).next( 'dd' ).slideToggle( 200 );
+                       }
+
+                       $question.toggleClass( 'open' ).attr( 'aria-expanded', function( index, attribute ) {
+                               return 'true' !== attribute;
+                       } ).next( 'dd' ).slideToggle( 200 );
+               });
+       } )( jQuery );
+</script>
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartssectionreviewsphp"></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-plugins/template-parts/section-reviews.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-plugins/template-parts/section-reviews.php                              (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section-reviews.php        2016-08-18 01:17:38 UTC (rev 3825)
</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">+<?php
+/**
+ * Template part for displaying plugin reviews.
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPressdotorg\Plugin_Directory\Theme
+ */
+
+global $section, $section_slug, $section_content;
+?>
+
+<div id="<?php echo esc_attr( $section_slug ); ?>" class="read-more" aria-expanded="false">
+       <h2><?php echo $section['title']; ?></h2>
+       <?php echo $section_content; ?>
+</div>
+<a class="reviews-link" href="<?php echo esc_url( 'https://wordpress.org/support/view/plugin-reviews/' . get_post()->post_name . '/' ); ?>">
+       <?php printf( __( 'Read all %s reviews', 'wporg-plugins' ), array_sum( get_post_meta( get_the_ID(), 'ratings', true ) ) ); ?>
+</a>
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginstemplatepartssectionphp"></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-plugins/template-parts/section.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-plugins/template-parts/section.php                              (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/template-parts/section.php        2016-08-18 01:17:38 UTC (rev 3825)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,17 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * Template part for displaying a plugin readme section.
+ *
+ * @link https://codex.wordpress.org/Template_Hierarchy
+ *
+ * @package WordPressdotorg\Plugin_Directory\Theme
+ */
+
+global $section, $section_slug, $section_content;
+?>
+
+<div id="<?php echo esc_attr( $section_slug ); ?>" class="read-more" aria-expanded="false">
+       <h2><?php echo $section['title']; ?></h2>
+       <?php echo $section_content; ?>
+</div>
+<button type="button" class="button-link section-toggle" aria-controls="<?php echo esc_attr( $section_slug ); ?>"><?php _e( 'Read more', 'wporg-plugins' ); ?></button>
</ins></span></pre>
</div>
</div>

</body>
</html>