<!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>[3251] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins: Plugin Directory: Complete navigation styles, including for desktop.</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/3251">3251</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/3251","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-25 16:36:25 +0000 (Wed, 25 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: Complete navigation styles, including for desktop.
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_htmlwpcontentthemespubwporgpluginsheaderphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/header.php</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_htmlwpcontentthemespubwporgpluginssearchformphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/searchform.php</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-25 15:36:24 UTC (rev 3250)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/css/style.css 2016-05-25 16:36:25 UTC (rev 3251)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -689,6 +689,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> .download-button:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #008ec2;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #006799;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 1px 0 #006799;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</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">@@ -936,10 +937,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: right;
- padding: 8px 0;
</del><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.main-navigation.toggled {
+ padding: 16px 0 0;
+ padding: 1rem 0 0;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -976,8 +980,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: left;
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: 1px solid rgba(255, 255, 255, 0.2);
+ padding: 16px;
+ padding: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .main-navigation a, .main-navigation .single .type-plugin .entry-content .section-toggle, .single .type-plugin .entry-content .main-navigation .section-toggle {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -997,18 +1002,51 @@
</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"> /* Small menu. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-toggle,
</del><span class="cx" style="display: block; padding: 0 10px"> .main-navigation.toggled ul {
</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="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-toggle {
+ color: #fff;
+ font-size: 25px;
+ font-size: 1.5625rem;
+ height: 56px;
+ height: 3.5rem;
+ overflow: hidden;
+ width: 56px;
+ width: 3.5rem;
+ position: absolute;
+ top: 2px;
+ right: 1rem;
+}
+
+.toggled .menu-toggle:before {
+ content: "\f343";
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (min-width: 37.5em) {
</span><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><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation {
+ float: right;
+ }
+ .main-navigation.toggled {
+ padding: 1px 0;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation ul {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- display: block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation ul li {
+ border: 0;
+ display: inline-block;
+ margin-right: 31.5px;
+ margin-right: 1.5rem;
+ padding: 0;
+ }
+ .main-navigation ul li:last-of-type {
+ margin-right: 0;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-main .comment-navigation, .site-main
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1300,8 +1338,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: #0073aa;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1rem 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: #0073aa;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header .site-branding {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1340,23 +1379,53 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header .search-form {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header .search-form .search-field {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
- display: block;
- margin: 0 auto;
- max-width: 100%;
- padding: 0.5rem;
- width: 22.7373675443rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 0;
+ border-radius: 2px;
+ font-size: 16px;
+ font-size: 1rem;
+ padding: 5px 10px;
+ position: relative;
+ width: 10rem;
</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">-.site-header .search-form .search-submit {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header .search-form .search-field + .button-search {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-radius: 0 2px 2px 0;
+ height: 32px;
+ margin-left: -6px;
+ position: relative;
+ top: 2px;
+ border-left: none;
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.site-header .search-form .search-field + .button-search:active {
+ top: 0;
+ border-right: 1px solid #006799;
+ box-shadow: none;
+ background: #006799;
+}
+
+.site-header .search-form .search-field + .button-search .dashicons {
+ font-size: 16px;
+ font-size: 1rem;
+}
+
+@media (min-width: 67rem) {
+ .site-header .search-form .search-field {
+ border-radius: 2px 0 0 2px;
+ font-size: 10.24px;
+ font-size: 0.64rem;
+ }
+ .site-header .search-form .search-field + .button-search {
+ display: inline-block;
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .home .site-header,
</span><span class="cx" style="display: block; padding: 0 10px"> .search .site-header {
</span><span class="cx" style="display: block; padding: 0 10px"> padding: 1.5625rem 1.143rem;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1371,6 +1440,29 @@
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.home .site-header .search-form,
+.search .site-header .search-form {
+ display: inherit;
+ margin-bottom: 2rem;
+}
+
+.home .site-header .search-form .search-field,
+.search .site-header .search-form .search-field {
+ border: none;
+ border-radius: 0;
+ display: block;
+ font-size: inherit;
+ margin: 0 auto;
+ max-width: 100%;
+ padding: 0.5rem;
+ width: 22.7373675443rem;
+}
+
+.home .site-header .search-form .button-search,
+.search .site-header .search-form .button-search {
+ display: none;
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /*--------------------------------------------------------------
</span><span class="cx" style="display: block; padding: 0 10px"> ## Front Page
</span><span class="cx" style="display: block; padding: 0 10px"> --------------------------------------------------------------*/
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginsheaderphp"></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/header.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/header.php 2016-05-25 15:36:24 UTC (rev 3250)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/header.php 2016-05-25 16:36:25 UTC (rev 3251)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,8 +34,15 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <?php get_search_form(); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <?php else : ?>
</span><span class="cx" style="display: block; padding: 0 10px"> <nav id="site-navigation" class="main-navigation" role="navigation">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <button class="menu-toggle" aria-controls="primary-menu" aria-expanded="false"><?php esc_html_e( 'Primary Menu', '_s' ); ?></button>
- <?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_id' => 'primary-menu' ) ); ?>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <button class="menu-toggle dashicons dashicons-arrow-down-alt2" aria-controls="primary-menu" aria-expanded="false" aria-label="<?php esc_attr_e( 'Primary Menu', 'wporg-plugins' ); ?>"></button>
+ <div id="primary-menu" class="menu">
+ <ul>
+ <li class="page_item"><a href="<?php echo esc_url( home_url( 'browse/favorites' ) ); ?>"><?php esc_html_e( 'Favorites', 'wporg-plugins' ); ?></a></li>
+ <li class="page_item"><a href="<?php echo esc_url( home_url( 'browse/beta' ) ); ?>"><?php esc_html_e( 'Beta testing', 'wporg-plugins' ); ?></a></li>
+ <li class="page_item"><a href="<?php echo esc_url( home_url( 'about' ) ); ?>"><?php esc_html_e( 'Developers', 'wporg-plugins' ); ?></a></li>
+ <li><?php get_search_form(); ?></li>
+ </ul>
+ </div>
</ins><span class="cx" style="display: block; padding: 0 10px"> </nav><!-- #site-navigation -->
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> </div><!-- .site-branding -->
</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-25 15:36:24 UTC (rev 3250)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/forms/_buttons.scss 2016-05-25 16:36:25 UTC (rev 3251)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -225,6 +225,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> &:focus {
</span><span class="cx" style="display: block; padding: 0 10px"> background: #008ec2;
</span><span class="cx" style="display: block; padding: 0 10px"> border-color: #006799;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ box-shadow: 0 1px 0 #006799;
</ins><span class="cx" style="display: block; padding: 0 10px"> color: #fff;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_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-25 15:36:24 UTC (rev 3250)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/navigation/_menus.scss 2016-05-25 16:36:25 UTC (rev 3251)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,8 +1,13 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@import "../variables-site/variables-site";
+
</ins><span class="cx" style="display: block; padding: 0 10px"> .main-navigation {
</span><span class="cx" style="display: block; padding: 0 10px"> clear: both;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: right;
- padding: 8px 0;
</del><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ &.toggled {
+ padding: 16px 0 0;
+ padding: 1rem 0 0;
+ }
+
</ins><span class="cx" style="display: block; padding: 0 10px"> ul {
</span><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><span class="cx" style="display: block; padding: 0 10px"> list-style: none;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -49,8 +54,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> li {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- float: left;
- position: relative;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-top: 1px solid rgba( 255, 255, 255, 0.2 );
+ padding: 16px;
+ padding: 1rem;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> &:hover > a,
</span><span class="cx" style="display: block; padding: 0 10px"> &.focus > a {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -81,17 +87,53 @@
</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"> /* Small menu. */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.menu-toggle,
</del><span class="cx" style="display: block; padding: 0 10px"> .main-navigation.toggled ul {
</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="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.menu-toggle {
+ color: #fff;
+ @include font-size( ms-unitless( ms(4) ) );
+ height: 56px;
+ height: 3.5rem;
+ overflow: hidden;
+ width: 56px;
+ width: 3.5rem;
+ position: absolute;
+ top: 2px;
+ right: 1rem;
+
+ .toggled &:before {
+ content: "\f343";
+ }
+}
+
</ins><span class="cx" style="display: block; padding: 0 10px"> @media screen and (min-width: 37.5em) {
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- .main-navigation ul {
- display: block;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .main-navigation {
+ float: right;
+
+ &.toggled {
+ padding: 1px 0;
+ }
+
+ ul {
+ display: inline-block;
+
+ li {
+ border: 0;
+ display: inline-block;
+ margin-right: 31.5px;
+ margin-right: 1.5rem;
+ padding: 0;
+
+ &:last-of-type {
+ margin-right: 0;
+ }
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</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-25 15:36:24 UTC (rev 3250)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/sass/site/_header.scss 2016-05-25 16:36:25 UTC (rev 3251)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -63,8 +63,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .site-header {
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ background: $color__wp-blue;
</ins><span class="cx" style="display: block; padding: 0 10px"> padding: 1rem 0;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- background: $color__wp-blue;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ position: relative;
</ins><span class="cx" style="display: block; padding: 0 10px">
</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="lines" style="display: block; padding: 0 10px; color: #888">@@ -99,21 +100,49 @@
</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"> .search-form {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- margin-bottom: 2rem;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ display: inline-block;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> .search-field {
</span><span class="cx" style="display: block; padding: 0 10px"> -webkit-appearance: none;
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- border: none;
- display: block;
- margin: 0 auto;
- max-width: 100%;
- padding: 0.5rem;
- width: ms(28);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border: 0;
+ border-radius: 2px;
+ @include font-size( ms-unitless( ms(0) ) );
+ padding: 5px 10px;
+ position: relative;
+ width: 10rem;
</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">- .search-submit {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .search-field + .button-search {
</ins><span class="cx" style="display: block; padding: 0 10px"> display: none;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ border-radius: 0 2px 2px 0;
+ height: 32px;
+ margin-left: -6px;
+ position: relative;
+ top: 2px;
+ border-left: none;
+
+ &:active {
+ top: 0;
+ border-right: 1px solid #006799;
+ box-shadow: none;
+ background: #006799;
+ }
+
+ .dashicons {
+ @include font-size( ms-unitless( ms(0) ) );
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ @media ( min-width: 67rem ) {
+ .search-field {
+ border-radius: 2px 0 0 2px;
+ @include font-size( ms-unitless( ms(-4) ) );
+ }
+
+ .search-field + .button-search {
+ display: inline-block;
+ }
+ }
</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 &,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -126,5 +155,25 @@
</span><span class="cx" style="display: block; padding: 0 10px"> margin: 2rem 0 1rem;
</span><span class="cx" style="display: block; padding: 0 10px"> text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .search-form {
+ display: inherit;
+ margin-bottom: 2rem;
+
+ .search-field {
+ border: none;
+ border-radius: 0;
+ display: block;
+ font-size: inherit;
+ margin: 0 auto;
+ max-width: 100%;
+ padding: 0.5rem;
+ width: ms(28);
+ }
+
+ .button-search {
+ display: none;
+ }
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpluginssearchformphp"></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/searchform.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/searchform.php 2016-05-25 15:36:24 UTC (rev 3250)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/searchform.php 2016-05-25 16:36:25 UTC (rev 3251)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,5 +5,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <label>
</span><span class="cx" style="display: block; padding: 0 10px"> <span class="screen-reader-text"><?php _ex( 'Search for:', 'label', 'wporg-plugins' ); ?></span>
</span><span class="cx" style="display: block; padding: 0 10px"> <input type="search" class="search-field" placeholder="<?php echo esc_attr_x( 'Search plugins…', 'placeholder', 'wporg-plugins' ); ?>" value="<?php the_search_query(); ?>" name="s" />
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <button class="button button-primary button-search"><i class="dashicons dashicons-search"></i></button>
</ins><span class="cx" style="display: block; padding: 0 10px"> </label>
</span><span class="cx" style="display: block; padding: 0 10px"> </form>
</span></span></pre>
</div>
</div>
</body>
</html>