<!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>[3261] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins: Plugin Directory: Responsive styles hardening.</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/3261">3261</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/3261","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-05-26 20:44:49 +0000 (Thu, 26 May 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: Responsive styles hardening.

* Switches to using `em` in media queries for browser compatibility.
* Adds padding `.site-main` to line up with global header.
* Simplifies some margin/padding setups on small screens.

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

<h3>Modified Paths</h3>
<ul>
<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_htmlwpcontentthemespubwporgpluginssassforms_buttonsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassnavigation_menusscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/navigation/_menus.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssite_headerscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_mainscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_main.scss</a></li>
<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>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssitesecondary_widgetsscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasstypography_typographyscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/typography/_typography.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassvariablessite_modularscalescss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/variables-site/_modular-scale.scss</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<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-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css     2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -231,7 +231,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   line-height: 1.5;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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: 737px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   html {
</span><span class="cx" style="display: block; padding: 0 10px">     font-size: 21px;
</span><span class="cx" style="display: block; padding: 0 10px">     font-size: 1.3125rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -786,7 +786,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* ----------------------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px">   5.0 - Responsive Button Styles
</span><span class="cx" style="display: block; padding: 0 10px"> ---------------------------------------------------------------------------- */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (max-width: 782px) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (max-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .button,
</span><span class="cx" style="display: block; padding: 0 10px">   .button.button-large,
</span><span class="cx" style="display: block; padding: 0 10px">   .button.button-small,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1028,7 +1028,7 @@
</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">-@media screen and (min-width: 37.5em) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .menu-toggle {
</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">@@ -1044,8 +1044,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">   .main-navigation ul li {
</span><span class="cx" style="display: block; padding: 0 10px">     border: 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">-    margin-right: 31.5px;
-    margin-right: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    margin-right: 16px;
+    margin-right: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px">     padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">   }
</span><span class="cx" style="display: block; padding: 0 10px">   .main-navigation ul li:last-of-type {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1179,7 +1179,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   padding: 0 1.5625rem 3.0517578125rem 1.5625rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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: 67rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .home .widget-area {
</span><span class="cx" style="display: block; padding: 0 10px">     padding: 0 0 3.0517578125rem 0;
</span><span class="cx" style="display: block; padding: 0 10px">   }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1194,7 +1194,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   /* Make sure select elements fit in widgets. */
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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: 67rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .home .widget-area .widget {
</span><span class="cx" style="display: block; padding: 0 10px">     margin-right: 5%;
</span><span class="cx" style="display: block; padding: 0 10px">     width: 30%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1355,12 +1355,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header .site-branding {
</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 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  padding: 0 1.5625rem;
</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 (min-width: 67rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .site-header .site-branding {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-    padding: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    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"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1424,7 +1424,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   font-size: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 67rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .site-header .search-form .search-field {
</span><span class="cx" style="display: block; padding: 0 10px">     border-radius: 2px 0 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px">     font-size: 10.24px;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1512,23 +1512,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">   padding: 3.0517578125rem 1.5625rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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: 67rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</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">-    padding: 3.0517578125rem 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+    padding: 3.0517578125rem 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">-  .page .site-main {
-    padding: 0 0 3.0517578125rem 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"> .single .site-main {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  padding: 0 0 1.5625rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  padding-top: 1.5625rem;
</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 (min-width: 67rem) {
-  .single .site-main {
-    padding: 1.5625rem 0;
-  }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.page .site-main {
+  padding-top: 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"> .home .type-plugin,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1537,7 +1532,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   margin-bottom: 4%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media (min-width: 67rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .home .type-plugin,
</span><span class="cx" style="display: block; padding: 0 10px">   .search .type-plugin,
</span><span class="cx" style="display: block; padding: 0 10px">   .archive .type-plugin {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1567,7 +1562,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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: 21rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 21em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .home .type-plugin .entry-thumbnail,
</span><span class="cx" style="display: block; padding: 0 10px">   .search .type-plugin .entry-thumbnail,
</span><span class="cx" style="display: block; padding: 0 10px">   .archive .type-plugin .entry-thumbnail {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1653,15 +1648,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .plugin-header {
</span><span class="cx" style="display: block; padding: 0 10px">   border-bottom: 2px solid #eee;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  padding: 1.5625rem 1.5625rem 1.143rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  padding-bottom: 1.143rem;
</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 (min-width: 67rem) {
-  .single .type-plugin .plugin-header {
-    padding: 0 0 1.143rem 0;
-  }
-}
-
</del><span class="cx" style="display: block; padding: 0 10px"> .single .type-plugin .plugin-header .plugin-thumbnail {
</span><span class="cx" style="display: block; padding: 0 10px">   float: left;
</span><span class="cx" style="display: block; padding: 0 10px">   display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1670,7 +1659,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   width: 96px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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: 26rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 26em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .single .type-plugin .plugin-header .plugin-thumbnail {
</span><span class="cx" style="display: block; padding: 0 10px">     display: block;
</span><span class="cx" style="display: block; padding: 0 10px">   }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1696,12 +1685,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"> .single .type-plugin .entry-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-  max-width: 800px;
-  max-width: 50rem;
-  padding: 0 1.5625rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+  max-width: 768px;
+  max-width: 48rem;
</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 (min-width: 67rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .single .type-plugin .entry-content {
</span><span class="cx" style="display: block; padding: 0 10px">     float: left;
</span><span class="cx" style="display: block; padding: 0 10px">     padding: 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1766,7 +1754,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   padding: 0 1.5625rem;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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: 67rem) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and (min-width: 48em) {
</ins><span class="cx" style="display: block; padding: 0 10px">   .single .type-plugin .entry-meta {
</span><span class="cx" style="display: block; padding: 0 10px">     float: right;
</span><span class="cx" style="display: block; padding: 0 10px">     padding: 0;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassforms_buttonsscss"></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/forms/_buttons.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/forms/_buttons.scss        2016-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss  2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -322,7 +322,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">   5.0 - Responsive Button Styles
</span><span class="cx" style="display: block; padding: 0 10px"> ---------------------------------------------------------------------------- */
</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 screen and ( max-width: 782px ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and ( max-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        .button,
</span><span class="cx" style="display: block; padding: 0 10px">        .button.button-large,
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassnavigation_menusscss"></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/navigation/_menus.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/navigation/_menus.scss     2016-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/navigation/_menus.scss       2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -111,7 +111,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@media screen and (min-width: 37.5em) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and ( min-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px">         .menu-toggle {
</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">@@ -128,8 +128,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        li {
</span><span class="cx" style="display: block; padding: 0 10px">                                border: 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">-                                margin-right: 31.5px;
-                               margin-right: 1.5rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         margin-right: 16px;
+                               margin-right: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px">                                 padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                &:last-of-type {
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssite_headerscss"></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/_header.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/_header.scss  2016-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss    2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -70,10 +70,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">        .site-branding {
</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: $size__site-main;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding: 0 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding: 0 ms(4);
</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: 67rem ) {
-                       padding: 0;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         @media screen and ( min-width: $ms-breakpoint ) {
+                       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"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -133,7 +133,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px">                }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                @media ( min-width: 67rem ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         @media screen and ( min-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         .search-field {
</span><span class="cx" style="display: block; padding: 0 10px">                                border-radius: 2px 0 0 2px;
</span><span class="cx" style="display: block; padding: 0 10px">                                @include font-size( ms-unitless( ms(-4) ) );
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_mainscss"></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/primary/_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-plugins/sass/site/primary/_main.scss    2016-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_main.scss      2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,20 +5,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: $size__site-main;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: ms(10) ms(4);
</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: 67rem ) {
-               padding: ms(10) 0;
-
-               .page & {
-                       padding: 0 0 ms(10) 0;
-               }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @media screen and ( min-width: 48em ) {
+               padding: ms(10) 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">        .single & {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding: 0 0 ms(4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-top: ms(4);
+       }
</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: 67rem ) {
-                       padding: ms(4) 0;
-               }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .page & {
+               padding-top: 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">        .page-title {
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginindexscss"></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/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-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-index.scss      2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,7 +3,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .archive .type-plugin {
</span><span class="cx" style="display: block; padding: 0 10px">        margin-bottom: 4%;
</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: 67rem ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @media screen and ( min-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                 display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: 4%;
</span><span class="cx" style="display: block; padding: 0 10px">                width: 48%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,7 +24,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                vertical-align: top;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</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: 21rem ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @media screen and ( min-width: 21em ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                 .entry-thumbnail {
</span><span class="cx" style="display: block; padding: 0 10px">                        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">                        margin: 0 4% 0 0;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssiteprimary_pluginsinglescss"></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/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-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/primary/_plugin-single.scss     2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,12 +22,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">        .plugin-header {
</span><span class="cx" style="display: block; padding: 0 10px">                @extend .clear;
</span><span class="cx" style="display: block; padding: 0 10px">                border-bottom: 2px solid #eee;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                padding: ms(4) ms(4) ms(1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         padding-bottom: ms(1);
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                @media ( min-width: 67rem ) {
-                       padding: 0 0 ms(1) 0;
-               }
-
</del><span class="cx" style="display: block; padding: 0 10px">                 .plugin-thumbnail {
</span><span class="cx" style="display: block; padding: 0 10px">                        float: left;
</span><span class="cx" style="display: block; padding: 0 10px">                        display: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -35,7 +31,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        margin-right: 1rem;
</span><span class="cx" style="display: block; padding: 0 10px">                        width: 96px;
</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: 26rem ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 @media screen and ( min-width: 26em ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                                 display: block;
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -63,11 +59,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">        .entry-content {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                max-width: 800px;
-               max-width: 50rem;
-               padding: 0 ms(4);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         max-width: 768px;
+               max-width: 48rem;
</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: 67rem ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         @media screen and ( min-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         float: left;
</span><span class="cx" style="display: block; padding: 0 10px">                        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                        width: 65%;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -131,7 +126,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        .entry-meta {
</span><span class="cx" style="display: block; padding: 0 10px">                padding: 0 ms(4);
</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: 67rem ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         @media screen and ( min-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         float: right;
</span><span class="cx" style="display: block; padding: 0 10px">                        padding: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                        width: 30%;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasssitesecondary_widgetsscss"></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/secondary/_widgets.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/secondary/_widgets.scss       2016-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/secondary/_widgets.scss 2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10,7 +10,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        max-width: $size__site-main;
</span><span class="cx" style="display: block; padding: 0 10px">        padding: 0 ms(4) ms(10) ms(4);
</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: 67rem ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ @media screen and ( min-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                 padding: 0 0 ms(10) 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">@@ -20,7 +20,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                margin: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                vertical-align: top;
</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: 67rem ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         @media screen and ( min-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px">                         margin-right: 5%;
</span><span class="cx" style="display: block; padding: 0 10px">                        width: 30%;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssasstypography_typographyscss"></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/typography/_typography.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/typography/_typography.scss        2016-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/typography/_typography.scss  2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,7 +15,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        line-height: $font__line-height-body;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</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: $ms-breakpoint ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@media screen and ( min-width: $ms-breakpoint ) {
</ins><span class="cx" style="display: block; padding: 0 10px">         html {
</span><span class="cx" style="display: block; padding: 0 10px">                @include font-size(1.3125);
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssassvariablessite_modularscalescss"></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/variables-site/_modular-scale.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/variables-site/_modular-scale.scss 2016-05-26 00:54:56 UTC (rev 3260)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/variables-site/_modular-scale.scss   2016-05-26 20:44:49 UTC (rev 3261)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,4 +3,4 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Modular Scale Variables
</span><span class="cx" style="display: block; padding: 0 10px"> $ms-base: 1rem 1.143rem;
</span><span class="cx" style="display: block; padding: 0 10px"> $ms-ratio: 1.25;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-$ms-breakpoint: 737px;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+$ms-breakpoint: 48em;
</ins></span></pre>
</div>
</div>

</body>
</html>