<!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>[11117] sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns: Pattern Directory: Sync with git WordPress/pattern-directory@0eb786af0dff3c74266b8c19f6b60c55a1df13b0</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { white-space: pre-line; overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta" style="font-size: 105%">
<dt style="float: left; width: 6em; font-weight: bold">Revision</dt> <dd><a style="font-weight: bold" href="http://meta.trac.wordpress.org/changeset/11117">11117</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/11117","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>ryelle</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2021-07-15 19:03:59 +0000 (Thu, 15 Jul 2021)</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'>Pattern Directory: Sync with git WordPress/pattern-directory@0eb786af0dff3c74266b8c19f6b60c55a1df13b0</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexassetphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsscomponents_patterngridscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_pattern-grid.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsscomponents_patternscss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_pattern.scss</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylertlcss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style-rtl.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylecss">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsfunctionsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsindexphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/index.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspackagejson">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspagemypatternsphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-patterns.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssearchphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/search.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssinglewporgpatternphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/single-wporg-pattern.php</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentscategorycontextbarindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/category-context-bar/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmypatternsindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmypatternsmenujs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/menu.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatternindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatterngridmenuindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern-grid-menu/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatternpreviewactionscopyguidejs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern-preview-actions/copy-guide.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatternsindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/patterns/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatternssearchindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/patterns-search/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsreportpatternbuttonindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/report-pattern-button/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrcindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/index.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrcstoretestreducerjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/store/test/reducer.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrcstoreutilsjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/store/utils.js</a></li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternstemplatepartscontentgridphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/template-parts/content-grid.php</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspagemyfavoritesphp">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-favorites.php</a></li>
<li>sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-favorites/</li>
<li><a href="#sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmyfavoritesindexjs">sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-favorites/index.js</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexassetphp"></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-patterns/build/index.asset.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-patterns/build/index.asset.php 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.asset.php 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<?php return array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'dfdc4485e4a5c19ff90c9b383712c6bb');
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php return array('dependencies' => array('lodash', 'react', 'wp-a11y', 'wp-api-fetch', 'wp-components', 'wp-compose', 'wp-core-data', 'wp-data', 'wp-data-controls', 'wp-element', 'wp-html-entities', 'wp-i18n', 'wp-keycodes', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'c667026a0d9f3b41f18e11a02d5b5234');
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsbuildindexjs"></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-patterns/build/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/build/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10816,7 +10816,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function CategoryContextBar() {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function CategoryContextBar({
+ query
+}) {
</ins><span class="cx" style="display: block; padding: 0 10px"> const {
</span><span class="cx" style="display: block; padding: 0 10px"> path
</span><span class="cx" style="display: block; padding: 0 10px"> } = Object(_hooks__WEBPACK_IMPORTED_MODULE_5__["useRoute"])();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10831,14 +10833,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> isAllCategory,
</span><span class="cx" style="display: block; padding: 0 10px"> category,
</span><span class="cx" style="display: block; padding: 0 10px"> count,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- isLoadingPatterns,
- patterns
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ isLoadingPatterns
</ins><span class="cx" style="display: block; padding: 0 10px"> } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_3__["useSelect"])(select => {
</span><span class="cx" style="display: block; padding: 0 10px"> const {
</span><span class="cx" style="display: block; padding: 0 10px"> getCategoryBySlug,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- getPatternsByQuery,
</del><span class="cx" style="display: block; padding: 0 10px"> isLoadingPatternsByQuery,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- getCurrentQuery,
</del><span class="cx" style="display: block; padding: 0 10px"> getPatternTotalsByQuery
</span><span class="cx" style="display: block; padding: 0 10px"> } = select(_store__WEBPACK_IMPORTED_MODULE_8__["store"]);
</span><span class="cx" style="display: block; padding: 0 10px"> const categorySlug = Object(_utils__WEBPACK_IMPORTED_MODULE_6__["getCategoryFromPath"])(path);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10845,15 +10844,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> const _category = getCategoryBySlug(categorySlug);
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- const query = getCurrentQuery();
</del><span class="cx" style="display: block; padding: 0 10px"> return {
</span><span class="cx" style="display: block; padding: 0 10px"> isAllCategory: _category && _category.id === -1,
</span><span class="cx" style="display: block; padding: 0 10px"> isLoadingPatterns: isLoadingPatternsByQuery(query),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- patterns: query ? getPatternsByQuery(query) : [],
</del><span class="cx" style="display: block; padding: 0 10px"> category: _category,
</span><span class="cx" style="display: block; padding: 0 10px"> count: getPatternTotalsByQuery(query)
</span><span class="cx" style="display: block; padding: 0 10px"> };
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }, [path]);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }, [path, query]);
</ins><span class="cx" style="display: block; padding: 0 10px"> Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
</span><span class="cx" style="display: block; padding: 0 10px"> // Show the loading message
</span><span class="cx" style="display: block; padding: 0 10px"> if (isLoadingPatterns) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -10881,7 +10878,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if (searchTerm.length > 0) {
</span><span class="cx" style="display: block; padding: 0 10px"> setMessage(Object(_messaging__WEBPACK_IMPORTED_MODULE_7__["getSearchMessage"])(count, searchTerm));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }, [category, isLoadingPatterns, patterns]);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }, [category, isLoadingPatterns]);
</ins><span class="cx" style="display: block; padding: 0 10px"> Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(() => {
</span><span class="cx" style="display: block; padding: 0 10px"> const _height = message ? innerRef.current.offsetHeight : 0;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11740,6 +11737,94 @@
</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">+/***/ "./src/components/my-favorites/index.js":
+/*!**********************************************!*\
+ !*** ./src/components/my-favorites/index.js ***!
+ \**********************************************/
+/*! exports provided: default */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
+/* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");
+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");
+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _pattern_grid__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../pattern-grid */ "./src/components/pattern-grid/index.js");
+/* harmony import */ var _pattern_grid_menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../pattern-grid-menu */ "./src/components/pattern-grid-menu/index.js");
+/* harmony import */ var _pattern_thumbnail__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../pattern-thumbnail */ "./src/components/pattern-thumbnail/index.js");
+/* harmony import */ var _query_monitor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../query-monitor */ "./src/components/query-monitor/index.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
+
+
+/**
+ * WordPress dependencies
+ */
+
+
+
+
+/**
+ * Internal dependencies
+ */
+
+
+
+
+
+
+
+const MyFavorites = () => {
+ const {
+ favorites,
+ query
+ } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__["useSelect"])(select => ({
+ favorites: select(_store__WEBPACK_IMPORTED_MODULE_3__["store"]).getFavorites(),
+ query: select(_store__WEBPACK_IMPORTED_MODULE_3__["store"]).getCurrentQuery()
+ }));
+ const isLoggedIn = !!wporgPatternsData.userId;
+
+ if (!isLoggedIn) {
+ const loginUrl = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["addQueryArgs"])(wporgPatternsUrl.login, {
+ redirect_to: window.location
+ });
+ return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {
+ className: "entry-content"
+ }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Please log in to view your favorite patterns.', 'wporg-patterns')), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("a", {
+ className: "button button-primary",
+ href: loginUrl
+ }, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Log in', 'wporg-patterns')));
+ }
+
+ if (!favorites.length) {
+ return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {
+ className: "entry-content"
+ }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", null, Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('You haven’t favorited any patterns yet.', 'wporg-patterns')));
+ }
+
+ const modifiedQuery = { ...query,
+ include: favorites
+ };
+ return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_hooks__WEBPACK_IMPORTED_MODULE_9__["RouteProvider"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_query_monitor__WEBPACK_IMPORTED_MODULE_8__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid_menu__WEBPACK_IMPORTED_MODULE_6__["default"], {
+ basePath: "/my-favorites/",
+ query: modifiedQuery
+ }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid__WEBPACK_IMPORTED_MODULE_5__["default"], {
+ query: modifiedQuery
+ }, post => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_thumbnail__WEBPACK_IMPORTED_MODULE_7__["default"], {
+ key: post.id,
+ pattern: post
+ })));
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (MyFavorites);
+
+/***/ }),
+
</ins><span class="cx" style="display: block; padding: 0 10px"> /***/ "./src/components/my-patterns/index.js":
</span><span class="cx" style="display: block; padding: 0 10px"> /*!*********************************************!*\
</span><span class="cx" style="display: block; padding: 0 10px"> !*** ./src/components/my-patterns/index.js ***!
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11755,16 +11840,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @wordpress/core-data */ "@wordpress/core-data");
-/* harmony import */ var _wordpress_core_data__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");
-/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
-/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./menu */ "./src/components/my-patterns/menu.js");
-/* harmony import */ var _pattern_grid__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../pattern-grid */ "./src/components/pattern-grid/index.js");
-/* harmony import */ var _pattern_thumbnail__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../pattern-thumbnail */ "./src/components/pattern-thumbnail/index.js");
-/* harmony import */ var _query_monitor__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../query-monitor */ "./src/components/query-monitor/index.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");
+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./menu */ "./src/components/my-patterns/menu.js");
+/* harmony import */ var _pattern_grid__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../pattern-grid */ "./src/components/pattern-grid/index.js");
+/* harmony import */ var _pattern_thumbnail__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../pattern-thumbnail */ "./src/components/pattern-thumbnail/index.js");
+/* harmony import */ var _query_monitor__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../query-monitor */ "./src/components/query-monitor/index.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
</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">@@ -11774,7 +11857,6 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Internal dependencies
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11786,15 +11868,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"> const MyPatterns = () => {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- const query = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__["useSelect"])(select => select(_store__WEBPACK_IMPORTED_MODULE_4__["store"]).getCurrentQuery());
- const author = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_5__["useSelect"])(select => {
- var _select$getCurrentUse;
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const query = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_4__["useSelect"])(select => select(_store__WEBPACK_IMPORTED_MODULE_3__["store"]).getCurrentQuery());
+ const author = wporgPatternsData.userId;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return (_select$getCurrentUse = select(_wordpress_core_data__WEBPACK_IMPORTED_MODULE_3__["store"]).getCurrentUser()) === null || _select$getCurrentUse === void 0 ? void 0 : _select$getCurrentUse.id;
- });
-
</del><span class="cx" style="display: block; padding: 0 10px"> if (!author) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- const loginUrl = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["addQueryArgs"])(wporgLoginUrl, {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const loginUrl = Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_2__["addQueryArgs"])(wporgPatternsUrl.login, {
</ins><span class="cx" style="display: block; padding: 0 10px"> redirect_to: window.location
</span><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px"> return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11812,9 +11890,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> ...query,
</span><span class="cx" style="display: block; padding: 0 10px"> author: author
</span><span class="cx" style="display: block; padding: 0 10px"> };
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_hooks__WEBPACK_IMPORTED_MODULE_10__["RouteProvider"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_query_monitor__WEBPACK_IMPORTED_MODULE_9__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_menu__WEBPACK_IMPORTED_MODULE_6__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid__WEBPACK_IMPORTED_MODULE_7__["default"], {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_hooks__WEBPACK_IMPORTED_MODULE_9__["RouteProvider"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_query_monitor__WEBPACK_IMPORTED_MODULE_8__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_menu__WEBPACK_IMPORTED_MODULE_5__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid__WEBPACK_IMPORTED_MODULE_6__["default"], {
</ins><span class="cx" style="display: block; padding: 0 10px"> query: modifiedQuery
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }, post => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_thumbnail__WEBPACK_IMPORTED_MODULE_8__["default"], {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }, post => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_thumbnail__WEBPACK_IMPORTED_MODULE_7__["default"], {
</ins><span class="cx" style="display: block; padding: 0 10px"> key: post.id,
</span><span class="cx" style="display: block; padding: 0 10px"> pattern: post
</span><span class="cx" style="display: block; padding: 0 10px"> })));
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11866,15 +11944,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> const options = [{
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- value: `${wporgSiteUrl}/my-patterns/`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value: `${wporgPatternsUrl.site}/my-patterns/`,
</ins><span class="cx" style="display: block; padding: 0 10px"> slug: 'all',
</span><span class="cx" style="display: block; padding: 0 10px"> label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('All', 'wporg-patterns')
</span><span class="cx" style="display: block; padding: 0 10px"> }, {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- value: `${wporgSiteUrl}/my-patterns/draft/`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value: `${wporgPatternsUrl.site}/my-patterns/draft/`,
</ins><span class="cx" style="display: block; padding: 0 10px"> slug: 'draft',
</span><span class="cx" style="display: block; padding: 0 10px"> label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Drafts', 'wporg-patterns')
</span><span class="cx" style="display: block; padding: 0 10px"> }, {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- value: `${wporgSiteUrl}/my-patterns/pending/`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value: `${wporgPatternsUrl.site}/my-patterns/pending/`,
</ins><span class="cx" style="display: block; padding: 0 10px"> slug: 'pending',
</span><span class="cx" style="display: block; padding: 0 10px"> label: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('Pending Review', 'wporg-patterns')
</span><span class="cx" style="display: block; padding: 0 10px"> }];
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11905,15 +11983,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/element */ "@wordpress/element");
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");
-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
-/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _category_context_bar__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../category-context-bar */ "./src/components/category-context-bar/index.js");
-/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils */ "./src/utils/index.js");
-/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../menu */ "./src/components/menu/index.js");
-/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/data */ "@wordpress/data");
+/* harmony import */ var _wordpress_data__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _category_context_bar__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../category-context-bar */ "./src/components/category-context-bar/index.js");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils */ "./src/utils/index.js");
+/* harmony import */ var _menu__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../menu */ "./src/components/menu/index.js");
+/* harmony import */ var _store__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../store */ "./src/store/index.js");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../hooks */ "./src/hooks/index.js");
</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">@@ -11920,7 +11996,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * WordPress dependencies
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-
</del><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * Internal dependencies
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11931,20 +12006,25 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const PatternGridMenu = () => {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const PatternGridMenu = ({
+ basePath = '/',
+ query
+}) => {
</ins><span class="cx" style="display: block; padding: 0 10px"> const {
</span><span class="cx" style="display: block; padding: 0 10px"> path,
</span><span class="cx" style="display: block; padding: 0 10px"> update: updatePath
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- } = Object(_hooks__WEBPACK_IMPORTED_MODULE_7__["useRoute"])();
- const categorySlug = Object(_utils__WEBPACK_IMPORTED_MODULE_4__["getCategoryFromPath"])(path);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ } = Object(_hooks__WEBPACK_IMPORTED_MODULE_6__["useRoute"])();
+ const categorySlug = Object(_utils__WEBPACK_IMPORTED_MODULE_3__["getCategoryFromPath"])(path); // Make sure the path is prefixed with the full site URL.
+
+ basePath = wporgPatternsUrl.site + basePath;
</ins><span class="cx" style="display: block; padding: 0 10px"> const {
</span><span class="cx" style="display: block; padding: 0 10px"> categories,
</span><span class="cx" style="display: block; padding: 0 10px"> isLoading
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_2__["useSelect"])(select => {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ } = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__["useSelect"])(select => {
</ins><span class="cx" style="display: block; padding: 0 10px"> const {
</span><span class="cx" style="display: block; padding: 0 10px"> getCategories,
</span><span class="cx" style="display: block; padding: 0 10px"> isLoadingCategories
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- } = select(_store__WEBPACK_IMPORTED_MODULE_6__["store"]);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ } = select(_store__WEBPACK_IMPORTED_MODULE_5__["store"]);
</ins><span class="cx" style="display: block; padding: 0 10px"> return {
</span><span class="cx" style="display: block; padding: 0 10px"> categories: getCategories(),
</span><span class="cx" style="display: block; padding: 0 10px"> isLoading: isLoadingCategories()
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11952,11 +12032,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px"> return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("nav", {
</span><span class="cx" style="display: block; padding: 0 10px"> className: "pattern-grid-menu"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_menu__WEBPACK_IMPORTED_MODULE_5__["default"], {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_menu__WEBPACK_IMPORTED_MODULE_4__["default"], {
</ins><span class="cx" style="display: block; padding: 0 10px"> current: categorySlug,
</span><span class="cx" style="display: block; padding: 0 10px"> options: categories ? categories.map(record => {
</span><span class="cx" style="display: block; padding: 0 10px"> return {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- value: `/${Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__["getPath"])(record.link) || ''}`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value: record.slug ? `${basePath}pattern-categories/${record.slug}/` : basePath,
</ins><span class="cx" style="display: block; padding: 0 10px"> slug: record.slug,
</span><span class="cx" style="display: block; padding: 0 10px"> label: record.name
</span><span class="cx" style="display: block; padding: 0 10px"> };
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -11966,7 +12046,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> updatePath(event.target.pathname);
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span><span class="cx" style="display: block; padding: 0 10px"> isLoading: isLoading
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_category_context_bar__WEBPACK_IMPORTED_MODULE_3__["default"], null));
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ })), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_category_context_bar__WEBPACK_IMPORTED_MODULE_2__["default"], {
+ query: query
+ }));
</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"> /* harmony default export */ __webpack_exports__["default"] = (PatternGridMenu);
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12257,7 +12339,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> height: '220px'
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("img", {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- src: `${wporgAssetUrl}/images/copy-paste-demo.gif`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ src: `${wporgPatternsUrl.assets}/images/copy-paste-demo.gif`,
</ins><span class="cx" style="display: block; padding: 0 10px"> alt: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('GIF of copy and pasting.', 'wporg-patterns')
</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">@@ -12941,8 +13023,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> const Pattern = ({
</span><span class="cx" style="display: block; padding: 0 10px"> postId,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- userHasReported,
- loggedIn
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ userHasReported
</ins><span class="cx" style="display: block; padding: 0 10px"> }) => {
</span><span class="cx" style="display: block; padding: 0 10px"> // postId as passed from the HTML dataset is a string.
</span><span class="cx" style="display: block; padding: 0 10px"> postId = Number(postId) || 0;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12962,7 +13043,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> className: "pattern__meta"
</span><span class="cx" style="display: block; padding: 0 10px"> }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_report_pattern_button__WEBPACK_IMPORTED_MODULE_8__["default"], {
</span><span class="cx" style="display: block; padding: 0 10px"> userHasReported: userHasReported === 'true',
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- loggedIn: loggedIn === 'true',
</del><span class="cx" style="display: block; padding: 0 10px"> postId: postId
</span><span class="cx" style="display: block; padding: 0 10px"> }))), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("div", {
</span><span class="cx" style="display: block; padding: 0 10px"> className: "entry-content"
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13020,12 +13100,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const PatternsSearch = ({
- resultCount
-}) => {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const PatternsSearch = () => {
</ins><span class="cx" style="display: block; padding: 0 10px"> const query = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__["useSelect"])(select => select(_store__WEBPACK_IMPORTED_MODULE_7__["store"]).getCurrentQuery());
</span><span class="cx" style="display: block; padding: 0 10px"> return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_hooks__WEBPACK_IMPORTED_MODULE_6__["RouteProvider"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_query_monitor__WEBPACK_IMPORTED_MODULE_4__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_category_context_bar__WEBPACK_IMPORTED_MODULE_2__["default"], {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- resultCount: resultCount
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ query: query
</ins><span class="cx" style="display: block; padding: 0 10px"> }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid__WEBPACK_IMPORTED_MODULE_3__["default"], {
</span><span class="cx" style="display: block; padding: 0 10px"> query: query
</span><span class="cx" style="display: block; padding: 0 10px"> }, post => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_thumbnail__WEBPACK_IMPORTED_MODULE_5__["default"], {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13079,8 +13157,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> const Patterns = () => {
</span><span class="cx" style="display: block; padding: 0 10px"> const query = Object(_wordpress_data__WEBPACK_IMPORTED_MODULE_1__["useSelect"])(select => select(_store__WEBPACK_IMPORTED_MODULE_8__["store"]).getCurrentQuery());
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_hooks__WEBPACK_IMPORTED_MODULE_7__["RouteProvider"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_query_monitor__WEBPACK_IMPORTED_MODULE_5__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_breadcrumb_monitor__WEBPACK_IMPORTED_MODULE_6__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid_menu__WEBPACK_IMPORTED_MODULE_3__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid__WEBPACK_IMPORTED_MODULE_2__["default"], {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_hooks__WEBPACK_IMPORTED_MODULE_7__["RouteProvider"], null, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_query_monitor__WEBPACK_IMPORTED_MODULE_5__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_breadcrumb_monitor__WEBPACK_IMPORTED_MODULE_6__["default"], null), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid_menu__WEBPACK_IMPORTED_MODULE_3__["default"], {
</ins><span class="cx" style="display: block; padding: 0 10px"> query: query
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }), Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_grid__WEBPACK_IMPORTED_MODULE_2__["default"], {
+ query: query
</ins><span class="cx" style="display: block; padding: 0 10px"> }, post => Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_pattern_thumbnail__WEBPACK_IMPORTED_MODULE_4__["default"], {
</span><span class="cx" style="display: block; padding: 0 10px"> key: post.id,
</span><span class="cx" style="display: block; padding: 0 10px"> pattern: post,
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13237,12 +13317,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> const ReportPatternButton = ({
</span><span class="cx" style="display: block; padding: 0 10px"> postId,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- loggedIn,
</del><span class="cx" style="display: block; padding: 0 10px"> userHasReported
</span><span class="cx" style="display: block; padding: 0 10px"> }) => {
</span><span class="cx" style="display: block; padding: 0 10px"> const [showModal, setShowModal] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])(false);
</span><span class="cx" style="display: block; padding: 0 10px"> const [hasSubmitted, setHasSubmitted] = Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["useState"])(false);
</span><span class="cx" style="display: block; padding: 0 10px"> const alreadySubmitted = userHasReported || hasSubmitted;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const isLoggedIn = !!wporgPatternsData.userId;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if (alreadySubmitted) {
</span><span class="cx" style="display: block; padding: 0 10px"> return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13252,7 +13332,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }), Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])("You've reported this pattern", 'wporg-patterns'));
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if (!loggedIn) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if (!isLoggedIn) {
</ins><span class="cx" style="display: block; padding: 0 10px"> return Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("p", {
</span><span class="cx" style="display: block; padding: 0 10px"> className: "pattern-report-button__copy"
</span><span class="cx" style="display: block; padding: 0 10px"> }, Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])("a", {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13658,8 +13738,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _wordpress_element__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__);
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _components_pattern__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./components/pattern */ "./src/components/pattern/index.js");
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony import */ var _components_patterns__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./components/patterns */ "./src/components/patterns/index.js");
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _components_my_patterns__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/my-patterns */ "./src/components/my-patterns/index.js");
-/* harmony import */ var _components_patterns_search__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/patterns-search */ "./src/components/patterns-search/index.js");
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _components_my_favorites__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./components/my-favorites */ "./src/components/my-favorites/index.js");
+/* harmony import */ var _components_my_patterns__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./components/my-patterns */ "./src/components/my-patterns/index.js");
+/* harmony import */ var _components_patterns_search__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./components/patterns-search */ "./src/components/patterns-search/index.js");
</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">@@ -13673,6 +13754,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> // Load the grid into the awaiting preview container.
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> const gridContainer = document.getElementById('patterns__container');
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13682,13 +13764,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> } // Load the preview into any awaiting preview container.
</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">-const myGridContainer = document.getElementById('my-patterns__container');
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const myPatternsGridContainer = document.getElementById('my-patterns__container');
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-if (myGridContainer) {
- Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_my_patterns__WEBPACK_IMPORTED_MODULE_3__["default"], null), myGridContainer);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+if (myPatternsGridContainer) {
+ Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_my_patterns__WEBPACK_IMPORTED_MODULE_4__["default"], null), myPatternsGridContainer);
</ins><span class="cx" style="display: block; padding: 0 10px"> } // Load the preview into any awaiting preview container.
</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">+const myFavsGridContainer = document.getElementById('my-favorites__container');
+
+if (myFavsGridContainer) {
+ Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_my_favorites__WEBPACK_IMPORTED_MODULE_3__["default"], null), myFavsGridContainer);
+} // Load the preview into any awaiting preview container.
+
+
</ins><span class="cx" style="display: block; padding: 0 10px"> const previewContainers = document.querySelectorAll('.pattern__container');
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> for (let i = 0; i < previewContainers.length; i++) {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13697,6 +13786,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_pattern__WEBPACK_IMPORTED_MODULE_1__["default"], props), container, () => {
</span><span class="cx" style="display: block; padding: 0 10px"> // This callback is called after the render to unhide the container.
</span><span class="cx" style="display: block; padding: 0 10px"> container.hidden = false;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const contentToHide = document.querySelectorAll('.hide-if-pattern-loaded');
+ contentToHide.forEach(elem => elem.hidden = true);
</ins><span class="cx" style="display: block; padding: 0 10px"> });
</span><span class="cx" style="display: block; padding: 0 10px"> } // Load the patterns search package
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13704,7 +13795,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> const searchContainer = document.getElementById('patterns-search__container');
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if (searchContainer) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_patterns_search__WEBPACK_IMPORTED_MODULE_4__["default"], searchContainer.dataset), searchContainer);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["render"])(Object(_wordpress_element__WEBPACK_IMPORTED_MODULE_0__["createElement"])(_components_patterns_search__WEBPACK_IMPORTED_MODULE_5__["default"], searchContainer.dataset), searchContainer);
</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">@@ -14577,14 +14668,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> __webpack_require__.r(__webpack_exports__);
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getQueryString", function() { return getQueryString; });
</span><span class="cx" style="display: block; padding: 0 10px"> /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAllCategory", function() { return getAllCategory; });
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "../../../../node_modules/@babel/runtime/helpers/defineProperty.js");
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");
-/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
-/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__);
-
-
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @wordpress/url */ "@wordpress/url");
+/* harmony import */ var _wordpress_url__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_wordpress_url__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @wordpress/i18n */ "@wordpress/i18n");
+/* harmony import */ var _wordpress_i18n__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__);
</ins><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * WordPress dependencies
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14600,15 +14687,14 @@
</span><span class="cx" style="display: block; padding: 0 10px"> * @return {string} A string which can be used to key the patterns state.
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function getQueryString() {
- var query = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function getQueryString(query = {}) {
</ins><span class="cx" style="display: block; padding: 0 10px"> // Ensure stable key by sorting keys. Also more efficient for iterating.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- var keys = Object.keys(query).sort();
- var stableKey = '';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const keys = Object.keys(query).sort();
+ let stableKey = '';
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- for (var i = 0; i < keys.length; i++) {
- var key = keys[i];
- var value = query[key];
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ for (let i = 0; i < keys.length; i++) {
+ const key = keys[i];
+ let value = query[key];
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if (Array.isArray(value)) {
</span><span class="cx" style="display: block; padding: 0 10px"> value = query[key].join();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14622,7 +14708,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> break;
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> default:
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- stableKey += (stableKey ? '&' : '') + Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_1__["addQueryArgs"])('', _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, key, value)).slice(1);
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ stableKey += (stableKey ? '&' : '') + Object(_wordpress_url__WEBPACK_IMPORTED_MODULE_0__["addQueryArgs"])('', {
+ [key]: value
+ }).slice(1);
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14642,8 +14730,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> id: -1,
</span><span class="cx" style="display: block; padding: 0 10px"> slug: '',
</span><span class="cx" style="display: block; padding: 0 10px"> // Slug matches url
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_2__["__"])('All', 'wporg-patterns'),
- link: wporgSiteUrl
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ name: Object(_wordpress_i18n__WEBPACK_IMPORTED_MODULE_1__["__"])('All', 'wporg-patterns'),
+ link: wporgPatternsUrl.site
</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_htmlwpcontentthemespubwporgpatternscsscomponents_patterngridscss"></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-patterns/css/components/_pattern-grid.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-patterns/css/components/_pattern-grid.scss 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_pattern-grid.scss 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -4,11 +4,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> max-width: 960px;
</span><span class="cx" style="display: block; padding: 0 10px"> grid-template-columns: repeat(auto-fill, minmax(225px, 1fr));
</span><span class="cx" style="display: block; padding: 0 10px"> gap: 1.5rem;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ align-items: start;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- > * {
- align-self: baseline;
- }
-
</del><span class="cx" style="display: block; padding: 0 10px"> @include breakpoint( $breakpoint-large ) {
</span><span class="cx" style="display: block; padding: 0 10px"> margin-left: auto;
</span><span class="cx" style="display: block; padding: 0 10px"> margin-right: auto;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscsscomponents_patternscss"></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-patterns/css/components/_pattern.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-patterns/css/components/_pattern.scss 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/components/_pattern.scss 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -166,4 +166,12 @@
</span><span class="cx" style="display: block; padding: 0 10px"> width: 2rem;
</span><span class="cx" style="display: block; padding: 0 10px"> border-radius: 4px;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ .pattern-code {
+ margin-bottom: 5rem;
+ width: 100%;
+ height: 10rem;
+ resize: vertical;
+ font-family: monospace;
+ }
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylertlcss"></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-patterns/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-patterns/css/style-rtl.css 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style-rtl.css 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1 +1 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-right:-2%}@media (max-width:768px){.row.gutters>.row{margin-right:0}}.row.gutters>.row>[class*=col-]{margin-right:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-right:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-right:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-right:16.6666666667%}.col-3{width:25%}.offset-3{margin-right:25%}.col-4{width:33.3333333333%}.offset-4{margin-right:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-right:41.6666666667%}.col-6{width:50%}.offset-6{margin-right:50%}.col-7{width:58.3333333333%}
.offset-7{margin-right:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-right:66.6666666667%}.col-9{width:75%}.offset-9{margin-right:75%}.col-10{width:83.3333333333%}.offset-10{margin-right:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-right:91.6666666667%}.col-12{width:100%}.offset-12{margin-right:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-right:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-right:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-right:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-right:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-right:43.66667%!important}.gutters>.col-6{width:48%}.gutte
rs>.col-6:nth-child(n+3){margin-top:2%}.gutters>.offset-6{margin-right:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-right:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-right:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-right:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-right:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-right:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-right:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-right:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-right:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-left:auto}.gutters .column.push-right,.push-right{margin-right:auto
}.gutters .column.push-center,.push-center{margin-right:auto;margin-left:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-right:0}.gutters .column.push-center-sm,.push-center-sm{margin-right:auto;margin-left:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:left}.float-left{float:right}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{right:0;position:fixed;top:0;width:100%;z-index:100}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio
:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padd
ing:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"&
quot; ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-right:2px solid #767676;color:#767676;margin:1rem 0;padding-right:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 1.5
em 1.5em 0;padding:0}ul{list-style:square}ol{list-style:decimal}ol.unmarked-list,ul.unmarked-list{list-style:none;padding-right:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:right;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12
0L14 1L7 8L0 1L2 0Z" fill="%23555D66"/%3E%3C/svg%3E%0A');background-position:left .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem .8rem .5rem 2rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-dec
oration:none;top:5px;width:auto;z-index:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-right:auto;margin-left:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-he
ight:1;padding:0 1.5rem}.button-group.button-large .button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hov
er,.button.focus,.button.hover,.button:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;
outline:none;padding:0}.button-link:focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,-1px 0 1px #006799,0 1px 1px #006799,1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.dow
nload-button:focus,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shad
ow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important
;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-left:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:0 3px 3px 0}.button-group>.button:last-child{border-radius:3px 0 0 3px}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:befo
re,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s e
ase-in-out}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:rtl}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 0 0 4px;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=check
box]:checked:before,input[type=radio]:checked:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;float:right;font:normal 21px/1 dashicons;vertical-align:middle;width:16px}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"";margin:-3px -4px 0 0}input[type=radio]{border-radius:50%;line-height:10px;margin-left:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input
[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-sha
dow:none}input.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin
:0 3px;max-width:55px;padding:3px 6px;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-right:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-right-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-right-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-right-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-right-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2
271b1;font-weight:600;height:auto;padding:.25rem 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{right:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(-5deg);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top right}60%{animation-timing-function:ease-in-out;transform:rotate(-40deg);transform-origin:top right}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(-60deg);transform-origin:top right}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation
-name:hinge}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-right:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:right;height:24px;m
argin-left:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-right:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 1.3333em 1.6em 0}.comments-area .comment-content>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .rep
ly a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{word-wrap:break-word;hyphens:auto}.entry-content>p:first-chil
d{margin-top:0}.entry-content [class*=col-]~h1,.entry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-left:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{word-wrap:break-word;hyphens:auto}body:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .galler
y-item{max-width:50%}.gallery.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;right:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-right:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:right;right:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{right:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{right:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{right
:auto}.main-navigation li{border-top:1px solid hsla(0,0%,100%,.2);padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;height:3.5rem;position:absolute;left:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:""}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:left;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-left:1rem;padding:0}.main-navigation ul li:last-of-type{margin-left:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-conte
nt .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;padding:0 1.5625rem}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{word-wrap:break-word;border-top:1px solid #eaeaea;hyphens:auto}.post-navigation .meta-nav{color:#777;display:block;font-size:13px
;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:left}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links s
pan.page-numbers{background-color:#f7f7f7;font-weight:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;pad
ding:0 1.5625rem}@media screen and (min-width:737px){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 0 0 2rem;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:right;margin-bottom:20px;margin-right:24px;overflow:auto;padding-right:0;width:135px}@media screen and (min-width:960px){#wporg-foote
r ul:first-child{margin-right:0}}#wporg-footer ul li{color:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-left:4px}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1=) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1=)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{m
argin-right:2%;width:32%}#wporg-footer ul:nth-child(3n+1){margin-right:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-right:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-right:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3=) 100% no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 60px 0 0}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{backgro
und:#23282d;right:-75%;list-style:none;margin:0;max-width:75%;min-width:200px;position:absolute;text-align:right;top:100%;transition:right .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{right:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:left;height:34px;margin-left:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float
:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li#download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-item,#wporg-header ul li.download .uparrow{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;right:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:left;margin-left:14px;padding-top:30px}}#wporg-header #head-search for
m{border-bottom:1px solid #3f3f3f;display:inline-block;margin-right:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:content-box;color:#b4b9be;float:right;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px;border:none;border-radius:0;box-shadow:none;float:right;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-right:0}}@media screen and (min-width:768px){#wporg-header{heig
ht:120px;text-align:inherit}#wporg-header h1{float:right;padding-right:10px}#wporg-header h2.rosetta{float:right;margin-right:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:right;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:right;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-right:9px solid transparent;border-left:9px solid transparent;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-right:9px solid transparent;border-left:9px solid transparent;content:"";height:0;right:50%;margin:-8px -9px 0 0;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-
submenu~.uparrow{border-bottom:9px solid #32373c;border-right:9px solid transparent;border-left:9px solid transparent;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;box-shadow:none;display:block;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400
;right:10px;line-height:1;padding:1px;position:absolute;text-align:center;text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top}#mobile-menu-button,#mobile-menu-button:before{-webkit-font-smoothing:antialiased;border:none;float:right}#mobile-menu-button:before{box-sizing:border-box;color:#888;content:"";display:inline-block;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;height:55px;margin:0 1.5rem;overflow:auto}.category-context-bar>
;div{align-items:center;display:flex;justify-content:space-between}@media only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-left:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-left:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-context-bar__spinner{display:flex;margin:0;
transform:scale(1);transition:transform .1s linear,width .15s ease-out,opacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.875rem;height:2.25rem;position:relative;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;right:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#50575e}.pattern-favorite-button .pattern-favorite-button__filled{opacity:0}.pattern-favorite-button:hover{background:transparent;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(
--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button:active{background:transparent;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 38px 12px 18px;width:auto}.pattern-favorite-button.has-label svg{right:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button:not(.has-label){background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button:not(.has-label):hover{background:#f0f0f1}.pattern-favorite-button:not(.has-label):focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorite-button.is-favorited .pattern-favorite-button__outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern-favorite-button__filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animati
on:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:none}}.pattern-favorite-button-small{height:auto}.pattern-favorite-button-small:hover{background:transparent}.pattern-favorite-button-small:focus{background:transparent;box-shadow:none;outline:1px dotted currentColor}.pattern-favorite-button-small.is-favorited svg path{fill:#e65054}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{align-items:center;display:flex;float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation form[role=search]{margin-right:1rem}.main-navigation.toggled div.menu,.main-navigation.toggled ul.menu{background:#0073aa;position:absolute;left:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}body.page
.my-patterns .entry-header{align-items:center;display:flex;margin:2rem auto 1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 0 0 2rem}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}.pattern-grid-menu .pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-grid-menu .pattern-skeleton__container span{margin-bottom:.25rem}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only
screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.pattern-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));margin:1.5rem 1.5rem 4rem;max-width:960px}.pattern-grid>*{align-self:baseline}@media screen and (min-width:960px){.pattern-grid{margin-right:auto;margin-left:auto}}.pattern-grid__pattern-frame{border-radius:2px;box-shadow:0 0 0 1px #f0f0f1;margin:0;position:relative;transition:all 75ms ease-in-out;width:100%}@media screen and (min-width:600px){.pattern-grid__pattern-frame{display:inline-block;margin:0}}.pattern-grid__pattern-frame .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern-frame .pattern-grid__status{background:#787c82;border-radius:2px;color:#fff;font-size:.6875rem;font-weight:600;right:.375rem;line-height:1;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.375rem}.pattern-grid__pattern-frame .pattern-grid__status.is-pending{background:#f0c33c;color:#000}.patte
rn-grid__pattern-frame .pattern-grid__status.is-declined{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;right:0;opacity:0;padding:.375rem;position:absolute;left:0;transform:translateY(6px);transition:transform 75ms ease-in-out,opacity 75ms ease-in-out}.pattern-grid__pattern-frame .pattern-grid__actions .button+.components-button{margin-right:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.pattern-grid__title{color:#1d2327;font-size:.875rem;font-weight:600;margin:.5rem 0}.pattern-grid__title a{color:currentColor}.pattern-grid__meta{align-items:center;display:flex;gap:1em;margin:.5rem 0}.pattern-grid__author-avatar,.pattern-grid__favorite-count{color:#1d2327;display:flex;font-size:.875rem;line-height:1;text-decoration:none}.pattern-grid__author-avatar img{border-radius:6px;height:
1rem;margin-left:.5rem;width:1rem}.pattern-grid__favorite-count svg{fill:#787c82;height:1rem;margin-bottom:1px;margin-left:.25rem;margin-top:-1px;width:1rem}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#cc
d0d4;display:block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pagination{margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-right:auto;margin-left:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagi
nation__link span[aria-hidden],.pagination__item-previous-page .pagination__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;right:20px;margin:initial;overflow:initial;padding:8px 16px;left:20px;text-align:center
;width:auto}.pattern-preview__drag-handle{bottom:0;position:absolute;top:0;width:20px}.pattern-preview__drag-handle.is-left{left:0}.pattern-preview__drag-handle.is-right{right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;right:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-left:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5r
em}.pattern-report-modal__has-fixed-height{min-height:400px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border-radius:2px;display:flex}.pattern-search input[type=search]{border:none;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{align-items:center;background:transparent;border:none;color:#6c7782;display:flex;height:35px}.patte
rn-search__button:active{background:#d7dade}.pattern-search__button:focus{outline:1px auto #0073aa}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-right:auto;margin-left:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-right:0;padding-left:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-left:1rem}body.single-wporg-pattern .pattern__categories
a:last-of-type{margin-left:0}body.single-wporg-pattern .pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-left:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-right:0;padding-left:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75
rem}@media only screen and (min-width:600px){body.single-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .entry-content{margin-right:auto;margin-left:auto;max-width:960px}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}body.single-wporg-pattern .pattern__author-avatar{align-items:center;color:#1d2327;display:inline-flex;font-size:1rem;font-weight:600;line-height:1;text-de
coration:none}body.single-wporg-pattern .pattern__author-avatar:focus,body.single-wporg-pattern .pattern__author-avatar:hover{text-decoration:underline}body.single-wporg-pattern .pattern__author-avatar img{border-radius:4px;height:2rem;margin-left:.75rem;width:2rem}.site-content{margin:0 auto;max-width:none;padding:0}.site-header.home{padding:0;text-align:right}.site-header.home .site-branding{display:block;padding:3.75rem 1rem}@media screen and (min-width:782px){.site-header.home .site-branding{background-image:url(../images/masthead-bg.png);background-position-x:-60%;background-repeat:no-repeat;background-size:contain;display:grid;grid-template-columns:1fr 25rem;grid-template-rows:auto 1fr}.site-header.home .site-branding>*{align-self:center}}@media screen and (min-width:860px){.site-header.home .site-branding{background-position-x:-20%}}@media screen and (min-width:960px){.site-header.home .site-branding{background-position-x:left;grid-template-columns:1fr 30rem}}.site-header.
home .site-title.site-title{font-size:3rem;grid-column-start:1;grid-row-start:1;line-height:1.25;margin-top:0;text-align:right}.site-header.home .site-description{color:#fff;font-size:1rem;grid-column-start:1;grid-row-start:2;line-height:1.6;margin:0 0 1.5rem;text-align:right}.site-header.home .pattern-search{grid-column-start:1;grid-row-start:3}@media screen and (min-width:960px){.site-header.home .pattern-search{max-width:60%}}body:not(.home) .site-branding{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:.8125rem;justify-content:space-between}@media screen and (min-width:782px){body:not(.home) .site-branding :first-child{flex-grow:1}}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-right:.5rem;margin-left:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:600}body:not(.home) .site-branding .pattern-search{flex-basis:100%;margin-top:1rem}@media screen and (min-width:782px){body:not(.home) .site-branding .patte
rn-search{flex-basis:unset;margin-right:1rem;margin-top:0}}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.pattern-skeleton__container{display:flex;flex-direction:column}.pattern-skeleton{background:#edeff0;border-radius:2px}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;right:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:15px}.home-page .shapes p{color:#ff
f;font-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-right:-2%}@media (max-width:768px){.row.gutters>.row{margin-right:0}}.row.gutters>.row>[class*=col-]{margin-right:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-right:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-right:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-right:16.6666666667%}.col-3{width:25%}.offset-3{margin-right:25%}.col-4{width:33.3333333333%}.offset-4{margin-right:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-right:41.6666666667%}.col-6{width:50%}.offset-6{margin-right:50%}.col-7{width:58.3333333333%}
.offset-7{margin-right:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-right:66.6666666667%}.col-9{width:75%}.offset-9{margin-right:75%}.col-10{width:83.3333333333%}.offset-10{margin-right:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-right:91.6666666667%}.col-12{width:100%}.offset-12{margin-right:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-right:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-right:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-right:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-right:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-right:43.66667%!important}.gutters>.col-6{width:48%}.gutte
rs>.col-6:nth-child(n+3){margin-top:2%}.gutters>.offset-6{margin-right:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-right:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-right:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-right:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-right:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-right:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-right:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-right:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-right:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-left:auto}.gutters .column.push-right,.push-right{margin-right:auto
}.gutters .column.push-center,.push-center{margin-right:auto;margin-left:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-right:0}.gutters .column.push-center-sm,.push-center-sm{margin-right:auto;margin-left:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:left}.float-left{float:right}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{right:0;position:fixed;top:0;width:100%;z-index:100}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio
:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padd
ing:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"&
quot; ""}blockquote:after,blockquote:before,q:after,q:before{content:""}blockquote{border-right:2px solid #767676;color:#767676;margin:1rem 0;padding-right:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 1.5
em 1.5em 0;padding:0}ul{list-style:square}ol{list-style:decimal}ol.unmarked-list,ul.unmarked-list{list-style:none;padding-right:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:right;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12
0L14 1L7 8L0 1L2 0Z" fill="%23555D66"/%3E%3C/svg%3E%0A');background-position:left .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem .8rem .5rem 2rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-dec
oration:none;top:5px;width:auto;z-index:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:right;margin-left:1.5em}.alignright{display:inline;float:left;margin-right:1.5em}.aligncenter{clear:both;display:block;margin-right:auto;margin-left:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-right:auto;margin-left:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-he
ight:1;padding:0 1.5rem}.button-group.button-large .button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hov
er,.button.focus,.button.hover,.button:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;
outline:none;padding:0}.button-link:focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,-1px 0 1px #006799,0 1px 1px #006799,1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.dow
nload-button:focus,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shad
ow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important
;box-shadow:none!important;color:#66c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-left:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:0 3px 3px 0}.button-group>.button:last-child{border-radius:3px 0 0 3px}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:befo
re,.site-footer:after,.site-footer:before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s e
ase-in-out}input[type=checkbox]:focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:rtl}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 0 0 4px;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=check
box]:checked:before,input[type=radio]:checked:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;float:right;font:normal 21px/1 dashicons;vertical-align:middle;width:16px}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"";margin:-3px -4px 0 0}input[type=radio]{border-radius:50%;line-height:10px;margin-left:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input
[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-sha
dow:none}input.large-text,textarea.large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin
:0 3px;max-width:55px;padding:3px 6px;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-right:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-right-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-right-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-right-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-right-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2
271b1;font-weight:600;height:auto;padding:.25rem 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{right:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(-5deg);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top right}60%{animation-timing-function:ease-in-out;transform:rotate(-40deg);transform-origin:top right}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(-60deg);transform-origin:top right}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation
-name:hinge}.comments-area{margin-top:5em}.comments-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-right:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:right;height:24px;m
argin-left:.8em;width:24px}.comments-area .comment-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-right:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 1.3333em 1.6em 0}.comments-area .comment-content>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .rep
ly a:hover{border-color:#333;color:#333;outline:0}.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{word-wrap:break-word;hyphens:auto}.entry-content>p:first-chil
d{margin-top:0}.entry-content [class*=col-]~h1,.entry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-left:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{word-wrap:break-word;hyphens:auto}body:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .galler
y-item{max-width:50%}.gallery.gallery-columns-3 .gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;right:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-right:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:right;right:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{right:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{right:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{right
:auto}.main-navigation li{border-top:1px solid hsla(0,0%,100%,.2);padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;height:3.5rem;position:absolute;left:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:""}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:left;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-left:1rem;padding:0}.main-navigation ul li:last-of-type{margin-left:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-conte
nt .wp-smiley{border:none;margin-bottom:0;margin-top:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;padding:0 1.5625rem}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{word-wrap:break-word;border-top:1px solid #eaeaea;hyphens:auto}.post-navigation .meta-nav{color:#777;display:block;font-size:13px
;line-height:2;text-transform:uppercase}.post-navigation .nav-next{text-align:left}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links s
pan.page-numbers{background-color:#f7f7f7;font-weight:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;pad
ding:0 1.5625rem}@media screen and (min-width:737px){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 0 0 2rem;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:right;margin-bottom:20px;margin-right:24px;overflow:auto;padding-right:0;width:135px}@media screen and (min-width:960px){#wporg-foote
r ul:first-child{margin-right:0}}#wporg-footer ul li{color:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-left:4px}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1=) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1=)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{m
argin-right:2%;width:32%}#wporg-footer ul:nth-child(3n+1){margin-right:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-right:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-right:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3=) 100% no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 60px 0 0}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{backgro
und:#23282d;right:-75%;list-style:none;margin:0;max-width:75%;min-width:200px;position:absolute;text-align:right;top:100%;transition:right .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{right:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:left;height:34px;margin-left:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float
:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li#download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-item,#wporg-header ul li.download .uparrow{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;right:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:left;margin-left:14px;padding-top:30px}}#wporg-header #head-search for
m{border-bottom:1px solid #3f3f3f;display:inline-block;margin-right:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:content-box;color:#b4b9be;float:right;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px;border:none;border-radius:0;box-shadow:none;float:right;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-right:0}}@media screen and (min-width:768px){#wporg-header{heig
ht:120px;text-align:inherit}#wporg-header h1{float:right;padding-right:10px}#wporg-header h2.rosetta{float:right;margin-right:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:right;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:right;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-right:9px solid transparent;border-left:9px solid transparent;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-right:9px solid transparent;border-left:9px solid transparent;content:"";height:0;right:50%;margin:-8px -9px 0 0;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-
submenu~.uparrow{border-bottom:9px solid #32373c;border-right:9px solid transparent;border-left:9px solid transparent;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;box-shadow:none;display:block;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400
;right:10px;line-height:1;padding:1px;position:absolute;text-align:center;text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top}#mobile-menu-button,#mobile-menu-button:before{-webkit-font-smoothing:antialiased;border:none;float:right}#mobile-menu-button:before{box-sizing:border-box;color:#888;content:"";display:inline-block;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;height:55px;margin:0 1.5rem;overflow:auto}.category-context-bar>
;div{align-items:center;display:flex;justify-content:space-between}@media only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-left:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-left:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-context-bar__spinner{display:flex;margin:0;
transform:scale(1);transition:transform .1s linear,width .15s ease-out,opacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.875rem;height:2.25rem;position:relative;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;right:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#50575e}.pattern-favorite-button .pattern-favorite-button__filled{opacity:0}.pattern-favorite-button:hover{background:transparent;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(
--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button:active{background:transparent;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 38px 12px 18px;width:auto}.pattern-favorite-button.has-label svg{right:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button:not(.has-label){background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button:not(.has-label):hover{background:#f0f0f1}.pattern-favorite-button:not(.has-label):focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorite-button.is-favorited .pattern-favorite-button__outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern-favorite-button__filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animati
on:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:none}}.pattern-favorite-button-small{height:auto}.pattern-favorite-button-small:hover{background:transparent}.pattern-favorite-button-small:focus{background:transparent;box-shadow:none;outline:1px dotted currentColor}.pattern-favorite-button-small.is-favorited svg path{fill:#e65054}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{align-items:center;display:flex;float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation form[role=search]{margin-right:1rem}.main-navigation.toggled div.menu,.main-navigation.toggled ul.menu{background:#0073aa;position:absolute;left:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}body.page
.my-patterns .entry-header{align-items:center;display:flex;margin:2rem auto 1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 0 0 2rem}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}.pattern-grid-menu .pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-grid-menu .pattern-skeleton__container span{margin-bottom:.25rem}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only
screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.pattern-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pattern-grid{margin-right:auto;margin-left:auto}}.pattern-grid__pattern-frame{border-radius:2px;box-shadow:0 0 0 1px #f0f0f1;margin:0;position:relative;transition:all 75ms ease-in-out;width:100%}@media screen and (min-width:600px){.pattern-grid__pattern-frame{display:inline-block;margin:0}}.pattern-grid__pattern-frame .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern-frame .pattern-grid__status{background:#787c82;border-radius:2px;color:#fff;font-size:.6875rem;font-weight:600;right:.375rem;line-height:1;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.375rem}.pattern-grid__pattern-frame .pattern-grid__status.is-pending{background:#f0c33c;color:#000}.pattern-grid__pattern-fram
e .pattern-grid__status.is-declined{background:#d63638}.pattern-grid__pattern-frame .pattern-grid__actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;right:0;opacity:0;padding:.375rem;position:absolute;left:0;transform:translateY(6px);transition:transform 75ms ease-in-out,opacity 75ms ease-in-out}.pattern-grid__pattern-frame .pattern-grid__actions .button+.components-button{margin-right:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.pattern-grid__title{color:#1d2327;font-size:.875rem;font-weight:600;margin:.5rem 0}.pattern-grid__title a{color:currentColor}.pattern-grid__meta{align-items:center;display:flex;gap:1em;margin:.5rem 0}.pattern-grid__author-avatar,.pattern-grid__favorite-count{color:#1d2327;display:flex;font-size:.875rem;line-height:1;text-decoration:none}.pattern-grid__author-avatar img{border-radius:6px;height:1rem;margin-left:.5re
m;width:1rem}.pattern-grid__favorite-count svg{fill:#787c82;height:1rem;margin-bottom:1px;margin-left:.25rem;margin-top:-1px;width:1rem}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;fo
nt-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pagination{margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-right:auto;margin-left:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[ari
a-hidden],.pagination__item-previous-page .pagination__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;right:20px;margin:initial;overflow:initial;padding:8px 16px;left:20px;text-align:center;width:auto}.pattern-
preview__drag-handle{bottom:0;position:absolute;top:0;width:20px}.pattern-preview__drag-handle.is-left{left:0}.pattern-preview__drag-handle.is-right{right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;right:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-left:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-mo
dal__has-fixed-height{min-height:400px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border-radius:2px;display:flex}.pattern-search input[type=search]{border:none;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{align-items:center;background:transparent;border:none;color:#6c7782;display:flex;height:35px}.pattern-search__button:act
ive{background:#d7dade}.pattern-search__button:focus{outline:1px auto #0073aa}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-right:auto;margin-left:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-right:0;padding-left:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-left:1rem}body.single-wporg-pattern .pattern__categories a:last-of-type{margin
-left:0}body.single-wporg-pattern .pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-left:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-right:0;padding-left:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75rem}@media only scree
n and (min-width:600px){body.single-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .entry-content{margin-right:auto;margin-left:auto;max-width:960px}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}body.single-wporg-pattern .pattern__author-avatar{align-items:center;color:#1d2327;display:inline-flex;font-size:1rem;font-weight:600;line-height:1;text-decoration:none}body.si
ngle-wporg-pattern .pattern__author-avatar:focus,body.single-wporg-pattern .pattern__author-avatar:hover{text-decoration:underline}body.single-wporg-pattern .pattern__author-avatar img{border-radius:4px;height:2rem;margin-left:.75rem;width:2rem}body.single-wporg-pattern .pattern-code{font-family:monospace;height:10rem;margin-bottom:5rem;resize:vertical;width:100%}.site-content{margin:0 auto;max-width:none;padding:0}.site-header.home{padding:0;text-align:right}.site-header.home .site-branding{display:block;padding:3.75rem 1rem}@media screen and (min-width:782px){.site-header.home .site-branding{background-image:url(../images/masthead-bg.png);background-position-x:-60%;background-repeat:no-repeat;background-size:contain;display:grid;grid-template-columns:1fr 25rem;grid-template-rows:auto 1fr}.site-header.home .site-branding>*{align-self:center}}@media screen and (min-width:860px){.site-header.home .site-branding{background-position-x:-20%}}@media screen and (min-width:960px){.site-
header.home .site-branding{background-position-x:left;grid-template-columns:1fr 30rem}}.site-header.home .site-title.site-title{font-size:3rem;grid-column-start:1;grid-row-start:1;line-height:1.25;margin-top:0;text-align:right}.site-header.home .site-description{color:#fff;font-size:1rem;grid-column-start:1;grid-row-start:2;line-height:1.6;margin:0 0 1.5rem;text-align:right}.site-header.home .pattern-search{grid-column-start:1;grid-row-start:3}@media screen and (min-width:960px){.site-header.home .pattern-search{max-width:60%}}body:not(.home) .site-branding{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:.8125rem;justify-content:space-between}@media screen and (min-width:782px){body:not(.home) .site-branding :first-child{flex-grow:1}}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-right:.5rem;margin-left:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:600}body:not(.home) .site-branding .pattern-search{flex-
basis:100%;margin-top:1rem}@media screen and (min-width:782px){body:not(.home) .site-branding .pattern-search{flex-basis:unset;margin-right:1rem;margin-top:0}}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.pattern-skeleton__container{display:flex;flex-direction:column}.pattern-skeleton{background:#edeff0;border-radius:2px}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;right:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:bloc
k;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:15px}.home-page .shapes p{color:#fff;font-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternscssstylecss"></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-patterns/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-patterns/css/style.css 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/css/style.css 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,3 +1,3 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-left:-2%}@media (max-width:768px){.row.gutters>.row{margin-left:0}}.row.gutters>.row>[class*=col-]{margin-left:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-left:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.col-3{width:25%}.offset-3{margin-left:25%}.col-4{width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.col-6{width:50%}.offset-6{margin-left:50%}.col-7{width:58.3333333333%}.offset-7{
margin-left:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.col-9{width:75%}.offset-9{margin-left:75%}.col-10{width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.col-12{width:100%}.offset-12{margin-left:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-left:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-left:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-left:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-left:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-left:43.66667%!important}.gutters>.col-6{width:48%}.gutters>.col-6:nth-chil
d(n+3){margin-top:2%}.gutters>.offset-6{margin-left:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-left:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-left:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-left:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-left:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-left:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-left:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-left:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-left:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-right:auto}.gutters .column.push-right,.push-right{margin-left:auto}.gutters .column.push-center,
.push-center{margin-left:auto;margin-right:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-left:0}.gutters .column.push-center-sm,.push-center-sm{margin-left:auto;margin-right:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:right}.float-left{float:left}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{left:0;position:fixed;top:0;width:100%;z-index:100}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;he
ight:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webki
t-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:af
ter,blockquote:before,q:after,q:before{content:""}blockquote{border-left:2px solid #767676;color:#767676;margin:1rem 0;padding-left:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 0 1.5em 1.5em;padding:0}ul{list-style
:square}ol{list-style:decimal}ol.unmarked-list,ul.unmarked-list{list-style:none;padding-left:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:left;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12 0L14 1L7 8L0 1L2 0Z" fill=&quo
t;%23555D66"/%3E%3C/svg%3E%0A');background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem 2rem .5rem .8rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-in
dex:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-left:auto;margin-right:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-height:1;padding:0 1.5rem}.button-grou
p.button-large .button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.butt
on:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:
focus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-fo
rm .button-primary.focus,.plugin-upload-form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!impo
rtant;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66
c6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-right:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:3px 0 0 3px}.button-group>.button:last-child{border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:
before,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s ease-in-out}input[type=checkbox]:foc
us,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:ltr}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 4px 0 0;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=checkbox]:checked:before,input[type=radi
o]:checked:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;float:left;font:normal 21px/1 dashicons;vertical-align:middle;width:16px}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"";margin:-3px 0 0 -4px}input[type=radio]{border-radius:50%;line-height:10px;margin-right:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:te
xtfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-shadow:none}input.large-text,textarea.
large-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin:0 3px;max-width:55px;padding:3px 6
px;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-left:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-left-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-left-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-left-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-left-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2271b1;font-weight:600;height:auto;paddin
g:.25rem 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{left:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(5deg);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top left}60%{animation-timing-function:ease-in-out;transform:rotate(40deg);transform-origin:top left}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}.comments-area{margin-top:5em}.comm
ents-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-left:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:left;height:24px;margin-right:.8em;width:24px}.comments-area .comme
nt-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-left:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 0 1.6em 1.3333em}.comments-area .comment-content>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0
}.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{word-wrap:break-word;hyphens:auto}.entry-content>p:first-child{margin-top:0}.entry-content [class*=col-]~h1,.e
ntry-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-right:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{word-wrap:break-word;hyphens:auto}body:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .gallery-item{max-width:50%}.gallery.gallery-columns-3
.gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;left:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;left:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation li{border-top:1px solid hsla(0,0
%,100%,.2);padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;height:3.5rem;position:absolute;right:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:""}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:right;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-right:1rem;padding:0}.main-navigation ul li:last-of-type{margin-right:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-to
p:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;padding:0 1.5625rem}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{word-wrap:break-word;border-top:1px solid #eaeaea;hyphens:auto}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-navig
ation .nav-next{text-align:right}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links span.page-numbers{background-color:#f7f7f7;font-wei
ght:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737p
x){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 2rem 0 0;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:left;margin-bottom:20px;margin-left:24px;overflow:auto;padding-left:0;width:135px}@media screen and (min-width:960px){#wporg-footer ul:first-child{margin-left:0}}#wporg-footer ul li{c
olor:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-right:4px}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1=) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1=)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{margin-left:2%;width:32%}#wporg-footer ul:nth-child(3n
+1){margin-left:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-left:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-left:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3=) 0 no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 0 0 60px}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{background:#23282d;left:-75%;list-style:none;margin:0;max-width:75%
;min-width:200px;position:absolute;text-align:left;top:100%;transition:left .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{left:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:right;height:34px;margin-right:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wpor
g-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li#download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-item,#wporg-header ul li.download .uparrow{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;left:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:right;margin-right:14px;padding-top:30px}}#wporg-header #head-search form{border-bottom:1px solid #3f3f3f;display:inline-block;margin
-left:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:content-box;color:#b4b9be;float:left;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px;border:none;border-radius:0;box-shadow:none;float:left;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-left:0}}@media screen and (min-width:768px){#wporg-header{height:120px;text-align:inherit}#wporg-header h1{float:left;padding-l
eft:10px}#wporg-header h2.rosetta{float:left;margin-left:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:left;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:left;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;content:"";height:0;left:50%;margin:-8px 0 0 -9px;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-submenu~.uparrow{border-bottom:9px solid #32373c;border-left:9px solid t
ransparent;border-right:9px solid transparent;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;box-shadow:none;display:block;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400;left:10px;line-height:1;padding:1px;position:absolute;text-align:center
;text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top}#mobile-menu-button,#mobile-menu-button:before{-webkit-font-smoothing:antialiased;border:none;float:left}#mobile-menu-button:before{box-sizing:border-box;color:#888;content:"";display:inline-block;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;height:55px;margin:0 1.5rem;overflow:auto}.category-context-bar>div{align-items:center;display:flex;justify-content:space-between}@media
only screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-right:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-right:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-context-bar__spinner{display:flex;margin:0;transform:scale(1);transition:transform .1s linear,width .15s ease-out,o
pacity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.875rem;height:2.25rem;position:relative;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#50575e}.pattern-favorite-button .pattern-favorite-button__filled{opacity:0}.pattern-favorite-button:hover{background:transparent;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favor
ite-button:active{background:transparent;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 18px 12px 38px;width:auto}.pattern-favorite-button.has-label svg{left:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button:not(.has-label){background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button:not(.has-label):hover{background:#f0f0f1}.pattern-favorite-button:not(.has-label):focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorite-button.is-favorited .pattern-favorite-button__outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern-favorite-button__filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorit
e-button.is-favorited:hover .pattern-favorite-button__filled{animation:none}}.pattern-favorite-button-small{height:auto}.pattern-favorite-button-small:hover{background:transparent}.pattern-favorite-button-small:focus{background:transparent;box-shadow:none;outline:1px dotted currentColor}.pattern-favorite-button-small.is-favorited svg path{fill:#e65054}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{align-items:center;display:flex;float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation form[role=search]{margin-left:1rem}.main-navigation.toggled div.menu,.main-navigation.toggled ul.menu{background:#0073aa;position:absolute;right:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}body.page.my-patterns .entry-header{align-items:center;display:flex;margin:2rem aut
o 1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 2rem 0 0}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}.pattern-grid-menu .pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-grid-menu .pattern-skeleton__container span{margin-bottom:.25rem}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.patte
rn-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));margin:1.5rem 1.5rem 4rem;max-width:960px}.pattern-grid>*{align-self:baseline}@media screen and (min-width:960px){.pattern-grid{margin-left:auto;margin-right:auto}}.pattern-grid__pattern-frame{border-radius:2px;box-shadow:0 0 0 1px #f0f0f1;margin:0;position:relative;transition:all 75ms ease-in-out;width:100%}@media screen and (min-width:600px){.pattern-grid__pattern-frame{display:inline-block;margin:0}}.pattern-grid__pattern-frame .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern-frame .pattern-grid__status{background:#787c82;border-radius:2px;color:#fff;font-size:.6875rem;font-weight:600;left:.375rem;line-height:1;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.375rem}.pattern-grid__pattern-frame .pattern-grid__status.is-pending{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-declined{background:#d63638
}.pattern-grid__pattern-frame .pattern-grid__actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:.375rem;position:absolute;right:0;transform:translateY(6px);transition:transform 75ms ease-in-out,opacity 75ms ease-in-out}.pattern-grid__pattern-frame .pattern-grid__actions .button+.components-button{margin-left:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.pattern-grid__title{color:#1d2327;font-size:.875rem;font-weight:600;margin:.5rem 0}.pattern-grid__title a{color:currentColor}.pattern-grid__meta{align-items:center;display:flex;gap:1em;margin:.5rem 0}.pattern-grid__author-avatar,.pattern-grid__favorite-count{color:#1d2327;display:flex;font-size:.875rem;line-height:1;text-decoration:none}.pattern-grid__author-avatar img{border-radius:6px;height:1rem;margin-right:.5rem;width:1rem}.pattern-grid__favorite-count svg{fill:#7
87c82;height:1rem;margin-bottom:1px;margin-right:.25rem;margin-top:-1px;width:1rem}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:n
one}.pattern-menu.is-mobile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pagination{margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-left:auto;margin-right:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[aria-hidden],.pagination__item-previous-page .pagination
__link span[aria-hidden]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;left:20px;margin:initial;overflow:initial;padding:8px 16px;right:20px;text-align:center;width:auto}.pattern-preview__drag-handle{bottom:0;position:absolute;top:0
;width:20px}.pattern-preview__drag-handle.is-left{
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+@charset "UTF-8";[class*=col-]{margin:inherit}.row{display:flex;flex-direction:row;flex-wrap:wrap}@media (max-width:768px){.row{flex-direction:column;flex-wrap:nowrap}}.row.gutters>.row{margin-left:-2%}@media (max-width:768px){.row.gutters>.row{margin-left:0}}.row.gutters>.row>[class*=col-]{margin-left:2%}@media (max-width:768px){.row.gutters>.row>[class*=col-]{margin-left:0}}.row.around{justify-content:space-around}.row.between{justify-content:space-between}.row.auto .col{flex-grow:1}.col-1{width:8.3333333333%}.offset-1{margin-left:8.3333333333%}.col-2{width:16.6666666667%}.offset-2{margin-left:16.6666666667%}.col-3{width:25%}.offset-3{margin-left:25%}.col-4{width:33.3333333333%}.offset-4{margin-left:33.3333333333%}.col-5{width:41.6666666667%}.offset-5{margin-left:41.6666666667%}.col-6{width:50%}.offset-6{margin-left:50%}.col-7{width:58.3333333333%}.offset-7{m
argin-left:58.3333333333%}.col-8{width:66.6666666667%}.offset-8{margin-left:66.6666666667%}.col-9{width:75%}.offset-9{margin-left:75%}.col-10{width:83.3333333333%}.offset-10{margin-left:83.3333333333%}.col-11{width:91.6666666667%}.offset-11{margin-left:91.6666666667%}.col-12{width:100%}.offset-12{margin-left:100%}.gutters>.col-1{width:6.33333%}.gutters>.col-1:nth-child(n+13){margin-top:2%}.gutters>.offset-1{margin-left:10.33333%!important}.gutters>.col-2{width:14.66667%}.gutters>.col-2:nth-child(n+7){margin-top:2%}.gutters>.offset-2{margin-left:18.66667%!important}.gutters>.col-3{width:23%}.gutters>.col-3:nth-child(n+5){margin-top:2%}.gutters>.offset-3{margin-left:27%!important}.gutters>.col-4{width:31.33333%}.gutters>.col-4:nth-child(n+4){margin-top:2%}.gutters>.offset-4{margin-left:35.33333%!important}.gutters>.col-5{width:39.66667%}.gutters>.offset-5{margin-left:43.66667%!important}.gutters>.col-6{width:48%}.gutters>.col-6:nth-child
(n+3){margin-top:2%}.gutters>.offset-6{margin-left:52%!important}.gutters>.col-7{width:56.33333%}.gutters>.offset-7{margin-left:60.33333%!important}.gutters>.col-8{width:64.66667%}.gutters>.offset-8{margin-left:68.66667%!important}.gutters>.col-9{width:73%}.gutters>.offset-9{margin-left:77%!important}.gutters>.col-10{width:81.33333%}.gutters>.offset-10{margin-left:85.33333%!important}.gutters>.col-11{width:89.66667%}.gutters>.offset-11{margin-left:93.66667%!important}.gutters>.col-12{width:98%}.gutters>.offset-12{margin-left:102%!important}@media (max-width:768px){[class*=" offset-"],[class^=offset-]{margin-left:0}}.first{order:-1}.last{order:1}@media (max-width:768px){.row [class*=col-]{margin-left:0;width:100%}.row.gutters [class*=col-]{margin-bottom:16px}.first-sm{order:-1}.last-sm{order:1}}.gutters .column.push-left,.push-left{margin-right:auto}.gutters .column.push-right,.push-right{margin-left:auto}.gutters .column.push-center,.
push-center{margin-left:auto;margin-right:auto}.gutters .column.push-middle,.push-middle{margin-bottom:auto;margin-top:auto}.push-bottom{margin-top:auto}@media (max-width:768px){.gutters .column.push-left-sm,.push-left-sm{margin-left:0}.gutters .column.push-center-sm,.push-center-sm{margin-left:auto;margin-right:auto}.push-top-sm{margin-top:0}}.align-middle{align-items:center}.align-right{justify-content:flex-end}.align-center{justify-content:center}@media (max-width:768px){.align-left-sm{justify-content:flex-start}}.float-right{float:right}.float-left{float:left}@media (max-width:768px){.float-left,.float-right{float:none}}.fixed{left:0;position:fixed;top:0;width:100%;z-index:100}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:sans-serif}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;hei
ght:0}[hidden],template{display:none}a{background-color:transparent}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit
-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}optgroup{font-weight:700}table{border-spacing:0}td,th{padding:0}p{margin:1rem 0}cite,dfn,em,i{font-style:italic}blockquote{margin:0 1.5rem}address{margin:0 0 1.5rem}pre{background:#eee;font-family:Courier\ 10 Pitch,Courier,monospace;font-size:.9375rem;line-height:1.6;margin-bottom:1.6rem;max-width:100%;overflow:auto;padding:1.6rem}code,kbd,tt,var{font-family:Monaco,Consolas,Andale Mono,DejaVu Sans Mono,monospace;font-size:.9375rem}abbr,acronym{border-bottom:1px dotted #666;cursor:help}ins,mark{background:#fff9c0;text-decoration:none}big{font-size:125%}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{background:#fff}blockquote,q{quotes:"" ""}blockquote:aft
er,blockquote:before,q:after,q:before{content:""}blockquote{border-left:2px solid #767676;color:#767676;margin:1rem 0;padding-left:.8rem}blockquote cite{font-size:.8rem}figure{margin:0}hr{background-color:#eee;border:0;height:2px;margin:5rem auto}img{height:auto;max-width:100%}h1,h2,h3,h4,h5,h6{clear:both;font-family:Open Sans,sans-serif;line-height:1.5;margin:2rem 0 1rem}.h1,h1{font-size:2.44140625rem}.h1,.h2,h1,h2{font-weight:300}.h2,h2{font-size:1.953125rem}.h3,h3{font-size:1.5625rem;font-weight:400}.h4,h4{color:#32373c;font-size:1.25rem;font-weight:600;padding:0}.h5,h5{font-size:1rem;letter-spacing:.01rem}.h5,.h6,h5,h6{font-weight:600;text-transform:uppercase}.h6,h6{font-size:.8rem;letter-spacing:.8px}a{color:#0073aa;text-decoration:none}a:active,a:focus,a:hover{text-decoration:underline}a:focus{outline:thin dotted}a:active,a:hover{outline:0}li>a,p a{text-decoration:underline}li>a:hover,p a:hover{color:#d54e21}ol,ul{margin:0 0 1.5em 1.5em;padding:0}ul{list-style:
square}ol{list-style:decimal}ol.unmarked-list,ul.unmarked-list{list-style:none;padding-left:0}li>ol,li>ul{margin-bottom:0}dt{font-weight:700}dd{margin:0 1.5em 1.5em}table{border:1px solid #eee;border-collapse:collapse;font-size:.8rem;margin:0 0 1rem;padding:0;width:100%}table thead{background:#32373c;color:#fff}table td,table th{border:1px solid #eee;font-weight:400;margin:0;padding:.4rem;text-align:left;vertical-align:top}table tbody tr:nth-child(2n){background:#f7f7f7}html{font-size:100%}body,button,input,select,textarea{color:#32373c;font-family:Open Sans,sans-serif;font-size:100%;line-height:1.5}@media screen and (min-width:737px){html{font-size:1.125rem}}.custom-select{-moz-appearance:none;-webkit-appearance:none;appearance:none;background-color:transparent;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg width="14" height="8" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M2 0L7 5L12 0L14 1L7 8L0 1L2 0Z" fill="
;%23555D66"/%3E%3C/svg%3E%0A');background-position:right .7em top 50%;background-repeat:no-repeat;background-size:.65em auto;border:1px solid #6c7782;border-radius:.5em;box-shadow:none;box-sizing:border-box;display:inline-block;font-size:1em;line-height:1.3;padding:.5rem 2rem .5rem .8rem;width:auto}.custom-select::-ms-expand{display:none}.custom-select:focus{box-shadow:0 0 1px 3px rgba(59,153,252,.7);box-shadow:0 0 0 3px -moz-mac-focusring;color:#222;outline:none}.custom-select option{font-weight:400}html{font-size:1rem}@media screen and (min-width:737px){html{font-size:1rem}}.screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px}.screen-reader-text:focus{clip:auto!important;background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);color:#21759b;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-ind
ex:100000}.site-content[tabindex="-1"]:focus{outline:0}.no-js .hide-if-no-js{display:none}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto}@media screen and (max-width:480px){.alignleft,.alignright{display:block;float:none;margin-left:auto;margin-right:auto}}.button,.button-primary,.button-secondary,.plugin-upload-form .button-primary{-webkit-appearance:none;border:1px solid;border-radius:3px;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.8rem;height:1.5625rem;line-height:1;margin:0;padding:0 .8rem;text-decoration:none;white-space:nowrap}button::-moz-focus-inner,input[type=button]::-moz-focus-inner,input[type=reset]::-moz-focus-inner,input[type=submit]::-moz-focus-inner{border:0;padding:0}.button-group.button-xl .button,.button.button-xl{font-size:1rem;height:2.44140625rem;line-height:1;padding:0 1.5rem}.button-group
.button-large .button,.button.button-large{height:1.953125rem;line-height:1;padding:0 1rem}.button-group.button-small .button,.button.button-small{font-size:.64rem;height:1.25rem;line-height:1;padding:0 .5rem}a.button,a.button-primary,a.button-secondary{line-height:1.5625rem}.button-group.button-large a.button,a.button.button-large{line-height:1.953125rem}.button-group.button-xl a.button,a.button.button-xl{line-height:2.44140625rem}.button-group.button-small a.button,a.button.button-small{line-height:1.25rem}.button:active,.button:focus{outline:none}.button.hidden{display:none}input[type=reset],input[type=reset]:active,input[type=reset]:focus,input[type=reset]:hover{background:none;border:none;box-shadow:none;padding:0 2px 1px;width:auto}.button,.button-secondary,.button:visited{background:#f7f7f7;border-color:#ccc;box-shadow:0 1px 0 #ccc;color:#555;vertical-align:top}p .button{vertical-align:baseline}.button-secondary:focus,.button-secondary:hover,.button.focus,.button.hover,.butto
n:focus,.button:hover{background:#fafafa;border-color:#999;color:#23282d}.button-link:focus,.button-secondary:focus,.button.focus,.button:focus{border-color:#5b9dd9;box-shadow:0 0 3px rgba(0,115,170,.8)}.button-secondary:active,.button.active,.button.active:hover,.button:active{background:#eee;border-color:#999;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5);transform:translateY(1px)}.button.active:focus{border-color:#5b9dd9;box-shadow:inset 0 2px 5px -3px rgba(0,0,0,.5),0 0 3px rgba(0,115,170,.8)}.button-disabled,.button-secondary.disabled,.button-secondary:disabled,.button-secondary[disabled],.button.disabled,.button:disabled,.button[disabled]{background:#f7f7f7!important;border-color:#ddd!important;box-shadow:none!important;color:#a0a5aa!important;cursor:default;text-shadow:0 1px 0 #fff!important;transform:none!important}.button-link,input[type=submit].button-link{background:none;border:0;border-radius:0;box-shadow:none;cursor:pointer;margin:0;outline:none;padding:0}.button-link:f
ocus{outline:1px solid #5b9dd9}.button-primary,.download-button,.plugin-upload-form .button-primary{text-decoration:none;text-shadow:0 -1px 1px #006799,1px 0 1px #006799,0 1px 1px #006799,-1px 0 1px #006799}.button-primary,.button-primary:visited,.download-button,.download-button:visited,.plugin-upload-form .button-primary,.plugin-upload-form .button-primary:visited{background:#0085ba;border-color:#0073aa #006799 #006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary.hover,.button-primary:focus,.button-primary:hover,.download-button.focus,.download-button.hover,.download-button:focus,.download-button:hover,.plugin-upload-form .button-primary.focus,.plugin-upload-form .button-primary.hover,.plugin-upload-form .button-primary:focus,.plugin-upload-form .button-primary:hover{background:#008ec2;border-color:#006799;box-shadow:0 1px 0 #006799;color:#fff}.button-primary.focus,.button-primary:focus,.download-button.focus,.download-button:focus,.plugin-upload-for
m .button-primary.focus,.plugin-upload-form .button-primary:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.button-primary.active,.button-primary.active:focus,.button-primary.active:hover,.button-primary:active,.download-button.active,.download-button.active:focus,.download-button.active:hover,.download-button:active,.plugin-upload-form .button-primary.active,.plugin-upload-form .button-primary.active:focus,.plugin-upload-form .button-primary.active:hover,.plugin-upload-form .button-primary:active{background:#0073aa;border-color:#006799;box-shadow:inset 0 2px 0 #006799;vertical-align:top}.button-primary.disabled,.button-primary:disabled,.button-primary[disabled],.download-button.disabled,.download-button:disabled,.download-button[disabled],.plugin-upload-form .button-primary.disabled,.plugin-upload-form .button-primary:disabled,.plugin-upload-form .button-primary[disabled]{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c6e4!impor
tant;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-primary.button.button-hero,.download-button.button.button-hero,.plugin-upload-form .button-primary.button.button-hero{box-shadow:0 2px 0 #006799}.button-primary.button.button-hero.active,.button-primary.button.button-hero.active:focus,.button-primary.button.button-hero.active:hover,.button-primary.button.button-hero:active,.download-button.button.button-hero.active,.download-button.button.button-hero.active:focus,.download-button.button.button-hero.active:hover,.download-button.button.button-hero:active,.plugin-upload-form .button-primary.button.button-hero.active,.plugin-upload-form .button-primary.button.button-hero.active:focus,.plugin-upload-form .button-primary.button.button-hero.active:hover,.plugin-upload-form .button-primary.button.button-hero:active{box-shadow:inset 0 3px 0 #006799}.button-primary-disabled{background:#008ec2!important;border-color:#007cb2!important;box-shadow:none!important;color:#66c
6e4!important;cursor:default;text-shadow:0 -1px 0 rgba(0,0,0,.1)!important}.button-group{display:inline-block;font-size:0;position:relative;vertical-align:middle;white-space:nowrap}.button-group>.button{border-radius:0;display:inline-block;margin-right:-1px;z-index:10}.button-group>.button-primary{z-index:100}.button-group>.button:hover{z-index:20}.button-group>.button:first-child{border-radius:3px 0 0 3px}.button-group>.button:last-child{border-radius:0 3px 3px 0}.button-group>.button:focus{position:relative;z-index:1}@media screen and (max-width:737px){.button,.button.button-large,.button.button-small,.plugin-upload-form .button-primary{font-size:14px;height:auto;line-height:normal;margin-bottom:4px;padding:6px 14px;vertical-align:middle}}.clear:after,.clear:before,.comment-content:after,.comment-content:before,.entry-content:after,.entry-content:before,.home-below:after,.home-below:before,.site-content:after,.site-content:before,.site-footer:after,.site-footer:b
efore,.site-header:after,.site-header:before{content:"";display:table;table-layout:fixed}.clear:after,.comment-content:after,.entry-content:after,.home-below:after,.site-content:after,.site-footer:after,.site-header:after{clear:both}p.subheading{color:#82878c;font-weight:300;margin:-.4rem auto 2rem;text-align:center}p.intro,p.subheading{font-size:1.25rem}p.aside{font-size:.8rem}p.note{font-size:.64rem;letter-spacing:.01rem;max-width:18.1898940355rem}input,textarea{box-sizing:border-box}input[type=checkbox],input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=radio],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],input[type=week],select,textarea{background-color:#fff;border:1px solid #ddd;box-shadow:inset 0 1px 2px rgba(0,0,0,.07);color:#32373c;outline:none;transition:border-color .05s ease-in-out}input[type=checkbox]:focu
s,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=radio]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus{border-color:#5b9dd9;box-shadow:0 0 2px rgba(30,140,190,.8)}input[type=email],input[type=url]{direction:ltr}input[type=number]{height:28px;line-height:inherit}input[type=checkbox],input[type=radio]{-webkit-appearance:none;background:#fff;border:1px solid #b4b9be;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);clear:none;color:#555;cursor:pointer;display:inline-block;height:16px;line-height:0;margin:-4px 4px 0 0;min-width:16px;outline:0;padding:0!important;text-align:center;transition:border-color .05s ease-in-out;vertical-align:middle;width:16px}input[type=checkbox]:checked:before,input[type=radio
]:checked:before{speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;float:left;font:normal 21px/1 dashicons;vertical-align:middle;width:16px}input[type=checkbox].disabled,input[type=checkbox].disabled:checked:before,input[type=checkbox]:disabled,input[type=checkbox]:disabled:checked:before,input[type=radio].disabled,input[type=radio].disabled:checked:before,input[type=radio]:disabled,input[type=radio]:disabled:checked:before{opacity:.7}input[type=checkbox]:checked:before{color:#1e8cbe;content:"";margin:-3px 0 0 -4px}input[type=radio]{border-radius:50%;line-height:10px;margin-right:4px}input[type=radio]:checked+label:before{color:#82878c}input[type=radio]:checked:before{background-color:#1e8cbe;border-radius:50px;content:"•";font-size:24px;height:6px;line-height:16px;margin:4px;text-indent:-9999px;width:6px}input[type=reset]:active,input[type=reset]:hover{color:#00a0d2}input[type=search]{-webkit-appearance:tex
tfield}input[type=search]::-webkit-search-decoration{display:none}button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit}input,select,textarea{border-radius:0;font-size:14px;padding:3px 5px}textarea{line-height:1.4;overflow:auto;padding:2px 6px;resize:vertical}textarea.code{line-height:1.4;padding:4px 6px 1px}label{cursor:pointer;vertical-align:middle}input,select{margin:1px;padding:3px 5px}input.code{padding-top:6px}input.readonly,input[readonly],textarea.readonly,textarea[readonly]{background-color:#eee}.wp-core-ui :-moz-placeholder,:-moz-placeholder{color:#a9a9a9}input.disabled,input:disabled,select.disabled,select:disabled,textarea.disabled,textarea:disabled{background:hsla(0,0%,100%,.5);border-color:hsla(0,0%,87%,.75);box-shadow:inset 0 1px 2px rgba(0,0,0,.04);color:rgba(51,51,51,.5)}input[type=file].disabled,input[type=file]:disabled,input[type=range].disabled,input[type=range]:disabled{background:none;box-shadow:none}input.large-text,textarea.l
arge-text{width:99%}input.regular-text{width:25em}input.small-text{padding:1px 6px;width:50px}input[type=number].small-text{width:65px}input.tiny-text{width:35px}input[type=number].tiny-text{width:45px}@media screen and (max-width:782px){textarea{-webkit-appearance:none}input[type=email],input[type=number],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;padding:6px 10px}input[type=number]{height:40px}input.code{padding-bottom:5px;padding-top:10px}input[type=checkbox]{-webkit-appearance:none;padding:10px}input[type=checkbox]:checked:before{font:normal 30px/1 dashicons;margin:-3px -5px}input[type=checkbox],input[type=radio]{height:25px;width:25px}input[type=radio]:checked:before{height:9px;line-height:16px;margin:7px;vertical-align:middle;width:9px}input,textarea{font-size:16px}input[type=number].small-text,input[type=password].small-text,input[type=search].small-text,input[type=text].small-text{display:inline;margin:0 3px;max-width:55px;padding:3px 6p
x;width:auto}input.regular-text{width:100%}label{font-size:14px}fieldset label{display:block}}a.button:active,a.button:focus,a.button:hover{text-decoration:none}.notice{background:#fff;border-left:4px solid #fff;box-shadow:0 1px 1px 0 rgba(0,0,0,.1);margin:1em 0;padding:1px 12px}.notice p{font-size:.8rem;margin:.5em 0;padding:2px}.notice.notice-alt{box-shadow:none}.notice.notice-large{padding:10px 20px}.notice.notice-success{border-left-color:#46b450}.notice.notice-success.notice-alt{background-color:#ecf7ed}.notice.notice-warning{border-left-color:#ffb900}.notice.notice-warning.notice-alt{background-color:#fff8e5}.notice.notice-error{border-left-color:#dc3232}.notice.notice-error.notice-alt{background-color:#fbeaea}.notice.notice-info{border-left-color:#00a0d2}.notice.notice-info.notice-alt{background-color:#e5f5fa}.button.button-outline{background:#fff;border:1px solid #c3c4c7;border-radius:2px;box-shadow:none;box-sizing:border-box;color:#2271b1;font-weight:600;height:auto;padding
:.25rem 1rem}.button.button-outline:hover{border-color:#3582c4}.button.button-outline:focus{border-color:#3582c4;box-shadow:0 0 3px #72aee6}.error-404 .page-content,.error-404 .page-title{text-align:center}.error-404 .page-content .logo-swing{height:10rem;margin:6rem auto;position:relative;text-align:center;width:10rem}.error-404 .page-content .logo-swing .wp-logo{left:0;max-width:none;position:absolute;top:0;width:10rem}@keyframes hinge{10%{height:180px;transform:rotate(0deg);width:180px}15%{height:185px;transform:rotate(0deg);width:185px}20%{height:180px;transform:rotate(5deg);width:180px}40%{animation-timing-function:ease-in-out;transform-origin:top left}60%{animation-timing-function:ease-in-out;transform:rotate(40deg);transform-origin:top left}40%,80%{animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{opacity:0;transform:translate3d(0,700px,0)}}.hinge{animation-duration:2s;animation-name:hinge}.comments-area{margin-top:5em}.comme
nts-area>:last-child{margin-bottom:0}.comments-area .comment-list+.comment-respond{border-top:1px solid #eaeaea}.comments-area .comment-list+.comment-respond,.comments-area .comment-navigation+.comment-respond{padding-top:1.6em}.comments-area .comments-title{margin-bottom:1.3333em}.comments-area .comment-list{list-style:none;margin:0}.comments-area .comment-list .pingback,.comments-area .comment-list .trackback,.comments-area .comment-list article{border-top:1px solid #eaeaea;padding:1.6em 0}.comments-area .comment-list article:not(:only-child){padding-bottom:0}.comments-area .comment-list article+.comment-respond{padding-bottom:1.6em}.comments-area .comment-list .children{list-style:none;margin:0}.comments-area .comment-list .children>li{padding-left:.8em}.comments-area .comment-list .alt{background:none}.comments-area .comment-author{color:#999;margin-bottom:.4em}.comments-area .comment-author .avatar{float:left;height:24px;margin-right:.8em;width:24px}.comments-area .commen
t-metadata,.comments-area .pingback .edit-link{color:#999;line-height:1.5}.comments-area .comment-metadata a,.comments-area .pingback .edit-link a{color:#777}.comments-area .comment-metadata{font-size:.8rem;margin-bottom:1.6em}.comments-area .comment-metadata .edit-link,.comments-area .pingback .edit-link{margin-left:1em}.comments-area .pingback .edit-link:before{top:5px}.comments-area .comment-content ol,.comments-area .comment-content ul{margin:0 0 1.6em 1.3333em}.comments-area .comment-content>:last-child,.comments-area .comment-content li>ol,.comments-area .comment-content li>ul{margin-bottom:0}.comments-area .comment-content .reply{font-size:12px}.comments-area .comment-content .reply a{border:1px solid #eaeaea;color:#707070;display:inline-block;font-weight:700;line-height:1;margin-top:2em;padding:.4167em .8333em;text-transform:uppercase}.comments-area .comment-content .reply a:focus,.comments-area .comment-content .reply a:hover{border-color:#333;color:#333;outline:0}
.comments-area .comment-reply-title a{font-weight:inherit}.comments-area .comment-form label{display:block;font-size:.8rem;font-weight:700;letter-spacing:.04em;line-height:1.5}.comments-area .comment-form input[type=email],.comments-area .comment-form input[type=text],.comments-area .comment-form input[type=url],.comments-area .comment-form textarea{width:100%}.comments-area .comment-awaiting-moderation,.comments-area .comment-notes,.comments-area .form-allowed-tags,.comments-area .logged-in-as{font-size:1rem;line-height:1.5;margin-bottom:2em}.comments-area .no-comments{border-top:1px solid #eaeaea;color:#999;font-weight:700;padding-top:1.6em}.comments-area .comment-navigation+.no-comments{border-top:0}.comments-area .form-allowed-tags code{font-family:Inconsolata,monospace}.comments-area .form-submit{margin-bottom:0}.comments-area .required{color:#c0392b}.entry-content{word-wrap:break-word;hyphens:auto}.entry-content>p:first-child{margin-top:0}.entry-content [class*=col-]~h1,.en
try-content [class*=col-]~h2,.entry-content [class*=col-]~h3,.entry-content [class*=col-]~h4,.entry-content [class*=col-]~h5,.entry-content [class*=col-]~h6{clear:none}.entry-header{position:relative}.entry-header .sticky-post{color:#999;font-size:.8rem;font-style:italic;position:absolute;top:-.8rem}.entry-meta{color:#999;font-size:.8rem;margin-bottom:1rem}.entry-meta a{color:#777}.entry-meta>span{margin-right:1rem}.entry-meta>span :last-of-type{margin:0}.entry-meta .byline,.entry-meta .updated:not(.published),.sticky .entry-meta .posted-on{display:none}.group-blog .entry-meta .byline,.single .entry-meta .byline{display:inline}.entry-summary{word-wrap:break-word;hyphens:auto}body:not(.single):not(.search) .site-main .post{margin-bottom:3.0517578125rem;max-width:40em}.gallery{margin-bottom:1.5rem}.gallery .gallery-item{display:inline-block;margin:0;text-align:center;vertical-align:top;width:100%}.gallery.gallery-columns-2 .gallery-item{max-width:50%}.gallery.gallery-columns-3 .
gallery-item{max-width:33.33%}.gallery.gallery-columns-4 .gallery-item{max-width:25%}.gallery.gallery-columns-5 .gallery-item{max-width:20%}.gallery.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery .gallery-caption{display:block}.main-navigation{background:#0073aa;clear:both;left:0;position:absolute;top:60px;width:100%}.main-navigation ul{display:none;list-style:none;margin:0;padding-left:0}.main-navigation ul ul{box-shadow:0 3px 3px rgba(0,0,0,.2);float:left;left:-999em;position:absolute;top:1.5em;z-index:99999}.main-navigation ul ul ul{left:-999em;top:0}.main-navigation ul ul li.focus>ul,.main-navigation ul ul li:hover>ul{left:100%}.main-navigation ul ul a{width:200px}.main-navigation ul li.focus>ul,.main-navigation ul li:hover>ul{left:auto}.main-navigation li{border-top:1px solid hsla(0,0%
,100%,.2);padding:1rem}.main-navigation a{color:hsla(0,0%,100%,.8);display:block;font-size:.8rem;text-decoration:none}.main-navigation a.active,.main-navigation a:hover{color:#fff}@media screen and (min-width:737px){.main-navigation a.active{border-bottom:1px solid}}.main-navigation.toggled{z-index:1}.main-navigation.toggled ul{display:block}.menu-toggle{background:transparent;border:none;color:#fff;height:3.5rem;position:absolute;right:1rem;top:-58px;width:3.5rem}.toggled .menu-toggle:before{content:""}@media screen and (min-width:737px){.menu-toggle{display:none}.main-navigation{float:right;position:static;width:auto}.main-navigation.toggled{padding:1px 0}.main-navigation ul{display:inline-block;font-size:0}.main-navigation ul li{border:0;display:inline-block;font-size:1rem;margin-right:1rem;padding:0}.main-navigation ul li:last-of-type{margin-right:0}}.comment-content .wp-smiley,.entry-content .wp-smiley,.page-content .wp-smiley{border:none;margin-bottom:0;margin-top
:0;padding:0}embed,iframe,object{max-width:100%}body.page .gutters .col-12{width:100%}body.page .entry-header{background:#0073aa;padding:1rem 0}body.page .entry-header .entry-title{color:#fff;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 auto;padding:0 1.5625rem}body.page .entry-header.home{padding:1.5625rem 1.143rem;text-align:center}@media screen and (min-width:737px){body.page .site-header+.site-main .entry-title{padding:initial}}body.page .entry-content,body.page .entry-footer{margin:0 auto;max-width:960px;padding:3.0517578125rem 1.5625rem}.post-navigation{margin:5em auto;padding:0}.post-navigation a{border-bottom:1px solid #eaeaea;color:#444;display:block;font-weight:600;padding:11px 0 12px;text-transform:none;width:100%}.post-navigation a:hover{color:#21759b}.post-navigation .nav-links{word-wrap:break-word;border-top:1px solid #eaeaea;hyphens:auto}.post-navigation .meta-nav{color:#777;display:block;font-size:13px;line-height:2;text-transform:uppercase}.post-naviga
tion .nav-next{text-align:right}.pagination .nav-links{text-align:center}.pagination .nav-links .page-numbers{background-color:#f9f9f9;cursor:hand;display:inline-block;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.dots,.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{background:none;font-size:.9em;width:auto}.pagination .nav-links .page-numbers.dots{cursor:inherit}@media screen and (max-width:737px){.pagination .nav-links .page-numbers.next,.pagination .nav-links .page-numbers.prev{font-size:0;min-width:auto;padding:0}.pagination .nav-links .page-numbers.next:after,.pagination .nav-links .page-numbers.prev:before{background-color:#f9f9f9;display:inline-block;font-size:1rem;line-height:1.5;min-width:2em;padding:8px}.pagination .nav-links .page-numbers.prev:before{content:"‹"}.pagination .nav-links .page-numbers.next:after{content:"›"}}.pagination .nav-links span.page-numbers{background-color:#f7f7f7;font-weig
ht:700}.search-form .search-field{line-height:normal;margin:0;padding:4px 5px;vertical-align:text-bottom}body.search .gutters .col-12{width:100%}body.search .site-main{margin:0 auto;max-width:960px;padding:0 1.5625rem 3.0517578125rem}.site-content{max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px){.site-content{padding:0 10px 3.0517578125rem}}@media screen and (max-width:737px){.site-content .site-main{float:none;margin:0;width:auto}}.home .site-content,.page .site-content,.site-content.page{margin:auto;max-width:none;padding:0}.site-content .page-title{font-size:1.25rem;font-weight:400}.site-content .no-results{margin:0 auto 3.0517578125rem;max-width:40em;padding:0 2rem}.site-description{color:hsla(0,0%,100%,.8);font-size:1.25rem;font-weight:300;margin:-.4rem auto 2rem;text-align:center}.site-header{background:#0073aa;padding:1rem 0;position:relative}.site-header .site-branding{margin:0 auto;max-width:960px;padding:0 1.5625rem}@media screen and (min-width:737px
){.site-header .site-branding{padding:0 10px}}.site-header.home{padding:1.5625rem 1.143rem;text-align:center}.site-title{display:inline-block;font-size:1.5625rem;font-weight:300;line-height:1;margin:0 2rem 0 0;max-width:none}.site-title a{color:#fff;font-weight:300}.site-title a:active,.site-title a:focus,.site-title a:hover{text-decoration:none}.site-header.home .site-title{display:inherit;font-size:3.8146972656rem;margin:2rem 0 1rem}.widget-area{font-size:.8rem}@media screen and (min-width:480px) and (max-width:768px){.widget-area{display:flex}.widget-area .widget{width:48%}}#wporg-footer{background-color:#f7f7f7;border-top:1px solid #dfdfdf;padding:22px 14px 65px}#wporg-footer,#wporg-footer .wrapper{clear:both;margin:0 auto;overflow:auto}#wporg-footer .wrapper{max-width:930px}#wporg-footer ul{float:left;margin-bottom:20px;margin-left:24px;overflow:auto;padding-left:0;width:135px}@media screen and (min-width:960px){#wporg-footer ul:first-child{margin-left:0}}#wporg-footer ul li{co
lor:#bbb;font-size:14px;list-style-type:none;margin-bottom:1px}#wporg-footer ul li a{text-decoration:none;text-decoration-skip-ink:none}#wporg-footer ul li a:hover{color:#0073aa;text-decoration:underline}#wporg-footer .social-media-links .dashicons{margin-right:4px}#wporg-footer .cip{clear:both;color:#ccc;float:none;font-size:.8rem;letter-spacing:.3em;margin:35px auto 0;text-align:center;text-transform:uppercase}#wporg-footer .cip.cip-image{background:url(//s.w.org/style/images/codeispoetry.png?1=) 50% no-repeat;background-size:190px 15px;height:15px;text-indent:-9999px;width:190px}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min-resolution:1.5dppx),only screen and (min-resolution:144dpi){#wporg-footer .cip.cip-image{background-image:url(//s.w.org/style/images/codeispoetry-2x.png?1=)}}@media screen and (min-width:561px) and (max-width:959px){#wporg-footer .wrapper{max-width:600px}#wporg-footer ul{margin-left:2%;width:32%}#wporg-footer ul:nth-child(3n+
1){margin-left:0}#wporg-footer ul:nth-child(4n){clear:both}}@media screen and (max-width:560px){#wporg-footer .wrapper{max-width:360px}#wporg-footer ul{margin-left:4%;width:48%}#wporg-footer ul:nth-child(odd){clear:both;margin-left:0}}#wporg-header{background:#23282d;height:140px;position:relative;text-align:center;width:100%}#wporg-header .wrapper{margin:0 auto;max-width:960px}#wporg-header h1{display:inline-block;margin:auto;width:303px}#wporg-header h1 a{background:url(//s.w.org/style/images/wporg-logo.svg?3=) 0 no-repeat;background-size:290px 46px;display:block;height:88px;text-indent:-9999px}#wporg-header h2.rosetta{clear:none;color:#dfdfdf;font-family:Georgia,Times New Roman,serif;font-size:30px;margin:0 0 0 60px}#wporg-header h2.rosetta a{border-bottom:none;color:#dfdfdf;display:block;height:52px;line-height:22px;padding:0}#wporg-header h2.rosetta a:hover{text-decoration:none}#wporg-header #wporg-header-menu{background:#23282d;left:-75%;list-style:none;margin:0;max-width:75%;
min-width:200px;position:absolute;text-align:left;top:100%;transition:left .3s;z-index:100000}#wporg-header #wporg-header-menu.toggled{left:0}#wporg-header ul li{list-style-type:none;position:relative}#wporg-header ul li a{color:#eee;display:block;font-family:Open Sans,Helvetica,Arial,Liberation Sans,sans-serif;font-size:13px;font-weight:600;height:34px;line-height:34px;margin:0 4px;padding:10px 30px;text-decoration:none}#wporg-header ul li a.subcurrent{font-weight:700}@media (max-width:768px){#wporg-header ul li a{height:auto}}#wporg-header ul li.current-menu-item a,#wporg-header ul li.current_page_parent a,#wporg-header ul li a.current,#wporg-header ul li a:hover{color:#00a0d2}#wporg-header ul li#download,#wporg-header ul li.download{float:right;height:34px;margin-right:14px;overflow:hidden;padding:0 0 34px}@media screen and (max-width:767px){#wporg-header ul li#download,#wporg-header ul li.download{display:block;float:none;height:auto;margin:10px 20px 20px;padding-bottom:0}#wporg
-header ul li#download a,#wporg-header ul li.download a{padding:4px 10px;text-align:center}}#wporg-header ul li#download a,#wporg-header ul li.download a{margin:0;padding:0 16px}#wporg-header ul li#download a:hover,#wporg-header ul li.download a:hover{color:#eee}#wporg-header ul li#download.current,#wporg-header ul li#download.current-menu-item,#wporg-header ul li#download .uparrow,#wporg-header ul li.download.current,#wporg-header ul li.download.current-menu-item,#wporg-header ul li.download .uparrow{display:none}#wporg-header ul li .nav-submenu{clip:rect(1px,1px,1px,1px);height:1px;left:-2px;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;z-index:99999}#wporg-header ul li .nav-submenu li a{display:inline-block;height:24px;line-height:24px;margin:0;white-space:nowrap}@media screen and (min-width:768px){#wporg-header #head-search{float:right;margin-right:14px;padding-top:30px}}#wporg-header #head-search form{border-bottom:1px solid #3f3f3f;display:inline-block;margin-
left:60px;width:288px}#wporg-header #head-search form input.text{background:#191e23;border:0;border-radius:0;box-sizing:content-box;color:#b4b9be;float:left;font-family:Open Sans,sans-serif;font-size:12px;height:24px;margin:0;outline:none;padding:3px;vertical-align:top;width:256px}#wporg-header #head-search form input.text::-moz-placeholder{color:#eee}@media screen and (max-width:480px){#wporg-header #head-search form input.text{width:216px}}#wporg-header #head-search form .button{background:#191e23 url(//s.w.org/wp-includes/images/admin-bar-sprite.png?d=20120831) no-repeat 2px 5px;border:none;border-radius:0;box-shadow:none;float:left;height:30px;margin:0;padding:0;text-shadow:none!important;width:26px}@media screen and (max-width:480px){#wporg-header #head-search form{width:248px}}@media screen and (min-width:480px){#wporg-header #head-search form{margin-left:0}}@media screen and (min-width:768px){#wporg-header{height:120px;text-align:inherit}#wporg-header h1{float:left;padding-le
ft:10px}#wporg-header h2.rosetta{float:left;margin-left:0;padding:36px 27px 0}#wporg-header #headline h2{text-rendering:optimizeLegibility}#wporg-header #wporg-header-menu{float:left;height:46px;list-style:none;margin:-15px 0 0;max-width:inherit;min-width:0;padding:0;position:static;width:100%}#wporg-header ul li{float:left;position:relative}#wporg-header ul li a{height:46px;padding:0 6px}#wporg-header ul li a.current~.uparrow{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;height:0;margin:-8px auto 0;width:0}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after{border-bottom:9px solid #f7f7f7;border-left:9px solid transparent;border-right:9px solid transparent;content:"";height:0;left:50%;margin:-8px 0 0 -9px;position:absolute;width:0}#wporg-header ul li .nav-submenu:hover~.uparrow,#wporg-header ul li:hover .nav-submenu~.uparrow{border-bottom:9px solid #32373c;border-left:9px solid tr
ansparent;border-right:9px solid transparent;height:0;margin:-10px auto 0;width:0}#wporg-header ul li .nav-submenu{background:#32373c;border:1px solid #32373c;border-top:0;margin-top:-1px;min-width:0}#wporg-header ul li .nav-submenu li{float:none}#wporg-header ul li .nav-submenu li a{height:34px;line-height:34px}#wporg-header .nav-menu .focus>ul,#wporg-header .nav-menu ul li:hover>ul,#wporg-header ul.nav-menu .focus>ul,#wporg-header ul.nav-menu li:hover>ul{clip:inherit;height:inherit;overflow:inherit;width:inherit}#wporg-header ul li.current-menu-item:after,#wporg-header ul li.current_page_parent:after,#wporg-header ul li a.current~.uparrow{border-bottom-color:#0073aa}}.page-download #wporg-header #download,.page-parent-download #wporg-header #download{display:none}#mobile-menu-button{background:none;box-shadow:none;display:block;font-family:dashicons;font-size:16px;font-style:normal;font-weight:400;left:10px;line-height:1;padding:1px;position:absolute;text-align:center;
text-decoration:inherit;text-shadow:none;top:75px;transition:color .1s ease-in;vertical-align:top}#mobile-menu-button,#mobile-menu-button:before{-webkit-font-smoothing:antialiased;border:none;float:left}#mobile-menu-button:before{box-sizing:border-box;color:#888;content:"";display:inline-block;font:normal 50px/1 Dashicons;margin:0;outline:none;padding:3px;text-decoration:none;vertical-align:middle}@media screen and (min-width:768px){#mobile-menu-button{display:none}}#download-mobile{background:#f7f7f7;border-bottom:1px solid #ddd}#download-mobile .wrapper{padding:20px 0;text-align:center}#download-mobile span.download-ready{font-size:1.6em;margin:0 .25em}#download-mobile a.download-button{font-size:1.6em;height:inherit;margin:10px .25em;padding:10px 15px}.category-context-bar{background:#edeff0;border-radius:2px;font-size:.8125rem;height:55px;margin:0 1.5rem;overflow:auto}.category-context-bar>div{align-items:center;display:flex;justify-content:space-between}@media o
nly screen and (min-width:782px){.category-context-bar{margin:0 1.5rem}}@media only screen and (min-width:960px){.category-context-bar{margin:0 auto;max-width:960px}}.category-context-bar ul{display:flex;justify-content:space-between;margin:0;padding:0}.category-context-bar ul li{font-size:.8125rem;list-style:none}.category-context-bar ul li a{display:block;padding:1.125rem .75rem;text-decoration:none}.category-context-bar ul li:last-child a{padding-right:1.5rem}.category-context-bar__copy{align-items:center;display:flex;font-size:.8125rem;font-weight:400;margin:0;padding:1.125rem 1.5rem}.category-context-bar__title{color:#50575e;font-size:.75rem;font-weight:400;margin:0;padding-right:1.5rem;text-transform:uppercase}.category-context-bar__links{align-items:center;display:flex}@media only screen and (max-width:782px){.category-context-bar__links{display:none}}.category-context-bar__spinner{display:flex;margin:0;transform:scale(1);transition:transform .1s linear,width .15s ease-out,op
acity 50ms linear 50ms;width:28px}@media (prefers-reduced-motion){.category-context-bar__spinner{transition:none}}.category-context-bar__spinner .components-spinner{margin:0}.category-context-bar__spinner--is-hidden{opacity:0;overflow:hidden;transform:scale(0);width:0}.pattern-copy-button.is-small-label{box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button{border-radius:2px;color:#50575e;font-size:.875rem;height:2.25rem;position:relative;width:2.25rem}.pattern-favorite-button svg{height:1.5rem;left:calc(50% - .75rem);position:absolute;top:calc(50% - .75rem);transition:all .15s ease-out;width:1.5rem}.pattern-favorite-button svg path{fill:#50575e}.pattern-favorite-button .pattern-favorite-button__filled{opacity:0}.pattern-favorite-button:hover{background:transparent;color:#50575e}.pattern-favorite-button:hover svg path{fill:#50575e}.pattern-favorite-button:focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favori
te-button:active{background:transparent;box-shadow:none;transform:none}.pattern-favorite-button.has-label{height:auto;padding:12px 18px 12px 38px;width:auto}.pattern-favorite-button.has-label svg{left:9px;top:calc(50% - 12px)}.pattern-favorite-button.has-label svg path{fill:#000}.pattern-favorite-button:not(.has-label){background-color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.15)}.pattern-favorite-button:not(.has-label):hover{background:#f0f0f1}.pattern-favorite-button:not(.has-label):focus{box-shadow:inset 0 0 0 1px #fff,0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color)}.pattern-favorite-button.is-favorited svg path{fill:#e65054}.pattern-favorite-button.is-favorited .pattern-favorite-button__outline{opacity:0;transform:scale(2.8)}.pattern-favorite-button.is-favorited .pattern-favorite-button__filled{opacity:1}.pattern-favorite-button.is-favorited:hover .pattern-favorite-button__filled{animation:HeartBeat .9s infinite}@media (prefers-reduced-motion){.pattern-favorite
-button.is-favorited:hover .pattern-favorite-button__filled{animation:none}}.pattern-favorite-button-small{height:auto}.pattern-favorite-button-small:hover{background:transparent}.pattern-favorite-button-small:focus{background:transparent;box-shadow:none;outline:1px dotted currentColor}.pattern-favorite-button-small.is-favorited svg path{fill:#e65054}@keyframes HeartBeat{0%{transform:scale(1)}25%{transform:scale(1.2)}40%{transform:scale(1)}60%{transform:scale(1.2)}to{transform:scale(1)}}.main-navigation{align-items:center;display:flex;float:none;position:static;width:auto}.main-navigation a{font-size:.8125rem}.main-navigation form[role=search]{margin-left:1rem}.main-navigation.toggled div.menu,.main-navigation.toggled ul.menu{background:#0073aa;position:absolute;right:0;top:57px;width:100%}.menu-toggle{-webkit-appearance:none;font-size:1.5625rem;height:auto;overflow:hidden;position:static;width:auto}body.page.my-patterns .entry-header{align-items:center;display:flex;margin:2rem auto
1rem;max-width:960px}body.page.my-patterns .entry-header .entry-title{display:inline-block;line-height:1.2;margin:0 2rem 0 0}body.page .entry-header{background:none;padding:0}body.page .entry-header .entry-title{color:inherit;margin:2rem auto 1rem;max-width:960px}@media screen and (min-width:737px){body.page .entry-header .entry-title{padding:0 10px}}.pattern-grid-menu{align-items:center;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:960px}.pattern-grid-menu .pattern-menu{width:100%}.pattern-grid-menu>form{margin:1.5rem;width:calc(100% - 3rem)}.pattern-grid-menu .pattern-skeleton__container{align-items:center;flex-wrap:wrap;height:2.3125rem}.pattern-grid-menu .pattern-skeleton__container span{margin-bottom:.25rem}@media only screen and (min-width:783px){.pattern-grid-menu{flex-direction:row;margin:1.5rem}.pattern-grid-menu>form{margin:0;width:auto}}@media only screen and (min-width:960px){.pattern-grid-menu{margin:1.5rem auto}}.patter
n-grid{align-items:start;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(225px,1fr));margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pattern-grid{margin-left:auto;margin-right:auto}}.pattern-grid__pattern-frame{border-radius:2px;box-shadow:0 0 0 1px #f0f0f1;margin:0;position:relative;transition:all 75ms ease-in-out;width:100%}@media screen and (min-width:600px){.pattern-grid__pattern-frame{display:inline-block;margin:0}}.pattern-grid__pattern-frame .pattern-grid__preview{overflow:hidden}.pattern-grid__pattern-frame .pattern-grid__status{background:#787c82;border-radius:2px;color:#fff;font-size:.6875rem;font-weight:600;left:.375rem;line-height:1;padding:.5rem .75rem;pointer-events:none;position:absolute;text-transform:uppercase;top:.375rem}.pattern-grid__pattern-frame .pattern-grid__status.is-pending{background:#f0c33c;color:#000}.pattern-grid__pattern-frame .pattern-grid__status.is-declined{background:#d63638}.pattern-grid__patter
n-frame .pattern-grid__actions{align-items:center;bottom:0;display:flex;justify-content:flex-end;left:0;opacity:0;padding:.375rem;position:absolute;right:0;transform:translateY(6px);transition:transform 75ms ease-in-out,opacity 75ms ease-in-out}.pattern-grid__pattern-frame .pattern-grid__actions .button+.components-button{margin-left:.375rem}.pattern-grid__pattern-frame:focus-within .pattern-grid__actions,.pattern-grid__pattern-frame:hover .pattern-grid__actions{opacity:1;transform:translateY(0)}.pattern-grid__title{color:#1d2327;font-size:.875rem;font-weight:600;margin:.5rem 0}.pattern-grid__title a{color:currentColor}.pattern-grid__meta{align-items:center;display:flex;gap:1em;margin:.5rem 0}.pattern-grid__author-avatar,.pattern-grid__favorite-count{color:#1d2327;display:flex;font-size:.875rem;line-height:1;text-decoration:none}.pattern-grid__author-avatar img{border-radius:6px;height:1rem;margin-right:.5rem;width:1rem}.pattern-grid__favorite-count svg{fill:#787c82;height:1rem;marg
in-bottom:1px;margin-right:.25rem;margin-top:-1px;width:1rem}.pattern-menu:not(.is-mobile){margin:0;padding:0;position:relative}.pattern-menu:not(.is-mobile) li{display:inline-block;list-style:none;margin:0}.pattern-menu:not(.is-mobile) a{color:#40464d;display:block;font-size:.875rem;padding:.5rem .75rem;text-decoration:none}.pattern-menu:not(.is-mobile) a:active,.pattern-menu:not(.is-mobile) a:focus,.pattern-menu:not(.is-mobile) a:hover{color:#000}.pattern-menu .pattern-menu__item.is-active{background:#0073aa;border-radius:2px;color:#fff}.pattern-menu .pattern-menu__item.is-active:focus,.pattern-menu .pattern-menu__item.is-active:hover{color:#fff}.pattern-menu.is-mobile{border-top:none!important;padding:0!important}.pattern-menu.is-mobile ul{background:#23282d;margin:0;padding:0}.pattern-menu.is-mobile li{border-top:1px solid #32373c;list-style:none}.pattern-menu.is-mobile li a{color:#ccd0d4;display:block;font-size:.875rem;padding:1rem 1.5rem;text-decoration:none}.pattern-menu.is-m
obile>.components-panel__body-title{margin:0!important}.pattern-menu.is-mobile>.components-panel__body-title>button{padding:1.5rem}.pagination{margin:1.5rem 1.5rem 4rem;max-width:960px}@media screen and (min-width:960px){.pagination{margin-left:auto;margin-right:auto}}.pagination__list{align-items:center;display:flex;gap:.75rem;justify-content:center;list-style:none;margin:0}@media (max-width:480px){.pagination__list{gap:.25rem}}.pagination__item,.pagination__link{display:inline-block}.pagination__link{background:#fff;border:1px solid #d7dade;border-radius:2px;line-height:1;padding:.75rem}.pagination__link,.pagination__link:active,.pagination__link:hover{text-decoration:none}.pagination__link[aria-current=page]{background:#191e23;border:1px solid #191e23;color:#fff}@media (max-width:480px){.pagination__link{padding:.5rem}}@media (max-width:600px){.pagination__item-next-page .pagination__link span[aria-hidden],.pagination__item-previous-page .pagination__link span[aria-hidde
n]{display:none}.pagination__item-previous-page .pagination__link:before{content:"<"}.pagination__item-next-page .pagination__link:before{content:">"}}.pattern-preview__container{background:#f3f4f5;padding:0}.pattern-preview__size-control{margin:0 auto;max-width:12rem;padding:1rem 0}.pattern-preview__size-control .components-base-control__field{margin-bottom:0}.pattern-preview__viewport{margin:0 auto;max-width:100vw;min-width:320px;padding:0 20px;position:relative}.pattern-preview__viewport .pattern-preview__viewport-iframe{background:#fff;border:1px solid #e8eaeb;max-width:100vw;vertical-align:middle}.pattern-preview__viewport:focus-within .pattern-preview__resize-help{clip:auto;background:#fff;border:1px solid #d7dade;border-radius:2px;bottom:-1rem;clip-path:none;height:auto;left:20px;margin:initial;overflow:initial;padding:8px 16px;right:20px;text-align:center;width:auto}.pattern-preview__drag-handle{bottom:0;position:absolute;top:0;width:20px}.pattern-p
review__drag-handle.is-left{
</ins><span class="cx" style="display: block; padding: 0 10px"> /*!rtl:ignore*/left:0}.pattern-preview__drag-handle.is-right{
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- /*!rtl:ignore*/right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;left:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-right:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-modal__has-fixed-height{min-height:40
0px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border-radius:2px;display:flex}.pattern-search input[type=search]{border:none;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{align-items:center;background:transparent;border:none;color:#6c7782;display:flex;height:35px}.pattern-search__button:active{background:#d7dade}.pattern-sea
rch__button:focus{outline:1px auto #0073aa}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-left:auto;margin-right:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-left:0;padding-right:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-right:1rem}body.single-wporg-pattern .pattern__categories a:last-of-type{margin-right:0}body.single-wporg-pattern
.pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-right:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-left:0;padding-right:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75rem}@media only screen and (min-width:600px){body.sin
gle-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .entry-content{margin-left:auto;margin-right:auto;max-width:960px}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}body.single-wporg-pattern .pattern__author-avatar{align-items:center;color:#1d2327;display:inline-flex;font-size:1rem;font-weight:600;line-height:1;text-decoration:none}body.single-wporg-pattern .pattern__aut
hor-avatar:focus,body.single-wporg-pattern .pattern__author-avatar:hover{text-decoration:underline}body.single-wporg-pattern .pattern__author-avatar img{border-radius:4px;height:2rem;margin-right:.75rem;width:2rem}.site-content{margin:0 auto;max-width:none;padding:0}.site-header.home{padding:0;text-align:left}.site-header.home .site-branding{display:block;padding:3.75rem 1rem}@media screen and (min-width:782px){.site-header.home .site-branding{background-image:url(../images/masthead-bg.png);background-position-x:160%;background-repeat:no-repeat;background-size:contain;display:grid;grid-template-columns:1fr 25rem;grid-template-rows:auto 1fr}.site-header.home .site-branding>*{align-self:center}}@media screen and (min-width:860px){.site-header.home .site-branding{background-position-x:120%}}@media screen and (min-width:960px){.site-header.home .site-branding{background-position-x:right;grid-template-columns:1fr 30rem}}.site-header.home .site-title.site-title{font-size:3rem;grid-colu
mn-start:1;grid-row-start:1;line-height:1.25;margin-top:0;text-align:left}.site-header.home .site-description{color:#fff;font-size:1rem;grid-column-start:1;grid-row-start:2;line-height:1.6;margin:0 0 1.5rem;text-align:left}.site-header.home .pattern-search{grid-column-start:1;grid-row-start:3}@media screen and (min-width:960px){.site-header.home .pattern-search{max-width:60%}}body:not(.home) .site-branding{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:.8125rem;justify-content:space-between}@media screen and (min-width:782px){body:not(.home) .site-branding :first-child{flex-grow:1}}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-left:.5rem;margin-right:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:600}body:not(.home) .site-branding .pattern-search{flex-basis:100%;margin-top:1rem}@media screen and (min-width:782px){body:not(.home) .site-branding .pattern-search{flex-basis:unset;margin-left:1rem;margin-top
:0}}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.pattern-skeleton__container{display:flex;flex-direction:column}.pattern-skeleton{background:#edeff0;border-radius:2px}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;left:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;padding-bottom:15px;padding-top:15px}.home-page .shapes p{color:#fff;font-size:16px;font-weight:300;margin:0}.home-page .sh
apes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}
</del><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ /*!rtl:ignore*/right:0}.pattern-preview__drag-handle-button{appearance:none;background:#7e8993;border:none;border-radius:99999px;cursor:grab;height:100px;left:6px;outline:none;padding:0;position:absolute;top:calc(50% - 50px);width:8px}.pattern-preview__drag-handle-button:hover{background:#6c7782}.pattern-preview__drag-handle-button:active{background:#606a74;cursor:grabbing}.pattern-preview__drag-handle-button:focus{box-shadow:0 1px 0 #0073aa,0 0 2px 1px #33b3db}.pattern-report-button{color:#23282d!important}.pattern-report-button__copy{align-items:center;display:flex;justify-content:center;margin:0}.pattern-report-button__copy svg{margin-right:.375rem}.pattern-report-modal{max-width:400px;width:100%}@media screen and (min-width:600px){.pattern-report-modal{width:400px}}.pattern-report-modal form>:first-child{padding-bottom:1.5rem}.pattern-report-modal__has-fixed-height{min-height:40
0px}.pattern-report-modal__copy{line-height:1.5;text-align:center}.pattern-report-modal__actions{column-gap:4%;display:grid;grid-template-columns:48% 48%;margin-top:1.5rem}.pattern-report-modal__actions button{justify-content:center}.pattern-report-modal__radio .components-radio-control__option{margin-top:.75rem}.pattern-search{align-items:center;background:#fff;border-radius:2px;display:flex}.pattern-search input[type=search]{border:none;border-radius:2px;box-shadow:none;flex-grow:1;font-size:.8125rem;margin:0;padding:.5rem}.pattern-search input[type=search]:focus{outline:1px auto #0073aa}.pattern-search.is-loading{background:#f3f4f5;border-radius:4px;display:block;height:24px;min-width:100%}@media only screen and (min-width:480px){.pattern-search.is-loading{min-width:auto!important;width:224px!important}}.pattern-search__button{align-items:center;background:transparent;border:none;color:#6c7782;display:flex;height:35px}.pattern-search__button:active{background:#d7dade}.pattern-sea
rch__button:focus{outline:1px auto #0073aa}body.single-wporg-pattern{box-sizing:border-box;font-size:14px;font-weight:400;line-height:1.2}body.single-wporg-pattern .site-content{margin:auto;max-width:none;padding:0}body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{margin-left:auto;margin-right:auto;max-width:960px;padding:1.5rem}@media only screen and (min-width:960px){body.single-wporg-pattern .entry-header,body.single-wporg-pattern .pattern-actions__container,body.single-wporg-pattern .pattern__meta{padding-left:0;padding-right:0}}body.single-wporg-pattern .entry-header{padding-bottom:1.875rem;padding-top:2.625rem}body.single-wporg-pattern .entry-header .entry-title{font-weight:600;line-height:1.2;margin-top:0}body.single-wporg-pattern .pattern__categories a{display:inline-block;margin-right:1rem}body.single-wporg-pattern .pattern__categories a:last-of-type{margin-right:0}body.single-wporg-pattern
.pattern__categories-label{font-size:.75rem;font-weight:600;line-height:1.3333;margin-right:1rem;text-transform:uppercase}body.single-wporg-pattern .pattern-actions{padding:0 1.5rem 2rem}body.single-wporg-pattern .pattern-actions button{margin:0}@media only screen and (min-width:960px){body.single-wporg-pattern .pattern-actions{padding-left:0;padding-right:0}}body.single-wporg-pattern .pattern-actions__container{align-items:center;display:flex;flex-wrap:wrap;gap:.5em 2em;justify-content:flex-start;padding:0}@media (max-width:480px){body.single-wporg-pattern .pattern-actions__container{justify-content:center}}body.single-wporg-pattern .pattern-actions__notice{flex-basis:100%;height:auto;margin:1.5rem 0 0}body.single-wporg-pattern .pattern-actions__notice>*{align-items:flex-start;display:flex;flex-direction:column;justify-content:space-between;margin:0}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:.75rem}@media only screen and (min-width:600px){body.sin
gle-wporg-pattern .pattern-actions__notice>*{align-items:center;flex-direction:row}body.single-wporg-pattern .pattern-actions__notice>* button{margin-top:0}}body.single-wporg-pattern .pattern-actions__guide{height:auto;max-height:none;max-width:384px}body.single-wporg-pattern .pattern-actions__guide-content{line-height:1.5;padding:1.5rem}body.single-wporg-pattern .pattern-actions__guide-title{margin:0}body.single-wporg-pattern .pattern-actions__guide-shortcut{background:#edeff0;border-radius:2px;box-shadow:0 0 0 1px #ccd0d4;display:inline-block;font-weight:600;min-width:20px;padding:1px;text-align:center}body.single-wporg-pattern .entry-content{margin-left:auto;margin-right:auto;max-width:960px}body.single-wporg-pattern .pattern__meta{display:flex;justify-content:flex-end}body.single-wporg-pattern .pattern__author-avatar{align-items:center;color:#1d2327;display:inline-flex;font-size:1rem;font-weight:600;line-height:1;text-decoration:none}body.single-wporg-pattern .pattern__aut
hor-avatar:focus,body.single-wporg-pattern .pattern__author-avatar:hover{text-decoration:underline}body.single-wporg-pattern .pattern__author-avatar img{border-radius:4px;height:2rem;margin-right:.75rem;width:2rem}body.single-wporg-pattern .pattern-code{font-family:monospace;height:10rem;margin-bottom:5rem;resize:vertical;width:100%}.site-content{margin:0 auto;max-width:none;padding:0}.site-header.home{padding:0;text-align:left}.site-header.home .site-branding{display:block;padding:3.75rem 1rem}@media screen and (min-width:782px){.site-header.home .site-branding{background-image:url(../images/masthead-bg.png);background-position-x:160%;background-repeat:no-repeat;background-size:contain;display:grid;grid-template-columns:1fr 25rem;grid-template-rows:auto 1fr}.site-header.home .site-branding>*{align-self:center}}@media screen and (min-width:860px){.site-header.home .site-branding{background-position-x:120%}}@media screen and (min-width:960px){.site-header.home .site-branding{backg
round-position-x:right;grid-template-columns:1fr 30rem}}.site-header.home .site-title.site-title{font-size:3rem;grid-column-start:1;grid-row-start:1;line-height:1.25;margin-top:0;text-align:left}.site-header.home .site-description{color:#fff;font-size:1rem;grid-column-start:1;grid-row-start:2;line-height:1.6;margin:0 0 1.5rem;text-align:left}.site-header.home .pattern-search{grid-column-start:1;grid-row-start:3}@media screen and (min-width:960px){.site-header.home .pattern-search{max-width:60%}}body:not(.home) .site-branding{align-items:center;color:#fff;display:flex;flex-wrap:wrap;font-size:.8125rem;justify-content:space-between}@media screen and (min-width:782px){body:not(.home) .site-branding :first-child{flex-grow:1}}body:not(.home) .site-branding a{color:#fff}body:not(.home) .site-branding .sep{margin-left:.5rem;margin-right:.5rem}body:not(.home) .site-branding .is-current-page{font-weight:600}body:not(.home) .site-branding .pattern-search{flex-basis:100%;margin-top:1rem}@media
screen and (min-width:782px){body:not(.home) .site-branding .pattern-search{flex-basis:unset;margin-left:1rem;margin-top:0}}.site-title a{text-decoration:none}.site-title a:active,.site-title a:focus,.site-title a:hover{color:#fff}.pattern-skeleton__container{display:flex;flex-direction:column}.pattern-skeleton{background:#edeff0;border-radius:2px}.has-wporg-blue-color{color:#1e8cbe}.has-wporg-blue-background-color{background-color:#1e8cbe}.has-wporg-purple-color{color:#826eb4}.has-wporg-purple-background-color{background-color:#826eb4}.has-wporg-white-color{color:#fff}.has-wporg-white-background-color{background-color:#fff}.home-page .shapes{margin:0 auto;position:relative}.home-page .shapes .parallelogram p:before{font-size:64px;height:64px;left:-16px;position:relative}.home-page .shapes .parallelogram{color:#fff;display:block;margin:0 auto;opacity:.9;padding:60px 40px;text-align:center;text-decoration:none}.home-page .shapes strong{display:block;font-size:28px;font-weight:300;pa
dding-bottom:15px;padding-top:15px}.home-page .shapes p{color:#fff;font-size:16px;font-weight:300;margin:0}.home-page .shapes u{display:block;font-size:18px;padding-top:15px}@media only screen and (min-width:768px){.home-page .shapes{height:400px}.home-page .shapes .parallelogram{padding:50px 90px;position:absolute;width:50%}}@media only screen and (min-width:960px){.home-page .shapes .parallelogram{-webkit-transform:skew(-15deg);-ms-transform:skew(-15deg);transform:skew(-15deg)}.home-page .shapes .parallelogram:before,.home-page .shapes p{-webkit-transform:skew(15deg);-ms-transform:skew(15deg);transform:skew(15deg)}}@media only screen and (min-width:1200px){.home-page .shapes{margin:0 -60px}}.terms{font-size:14px;font-style:italic}
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of file
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternsfunctionsphp"></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-patterns/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-patterns/functions.php 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/functions.php 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -73,15 +73,33 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_add_inline_script(
</span><span class="cx" style="display: block; padding: 0 10px"> 'wporg-pattern-script',
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ sprintf( "var wporgLocale = '%s';", wp_json_encode( get_locale() ) ),
+ 'before'
+ );
+
+ wp_add_inline_script(
+ 'wporg-pattern-script',
</ins><span class="cx" style="display: block; padding: 0 10px"> sprintf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- 'var wporgAssetUrl = "%s", wporgSiteUrl = "%s", wporgLoginUrl = "%s", wporgLocale = \'%s\';',
- esc_url( get_stylesheet_directory_uri() ),
- esc_url( home_url() ),
- esc_url( wp_login_url() ),
- wp_json_encode( get_locale() )
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "var wporgPatternsData = JSON.parse( decodeURIComponent( '%s' ) )",
+ rawurlencode( wp_json_encode( array(
+ 'userId' => get_current_user_id(),
+ ) ) ),
</ins><span class="cx" style="display: block; padding: 0 10px"> ),
</span><span class="cx" style="display: block; padding: 0 10px"> 'before'
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
+ wp_add_inline_script(
+ 'wporg-pattern-script',
+ sprintf(
+ "var wporgPatternsUrl = JSON.parse( decodeURIComponent( '%s' ) )",
+ rawurlencode( wp_json_encode( array(
+ 'assets' => esc_url( get_stylesheet_directory_uri() ),
+ 'site' => esc_url( home_url() ),
+ 'login' => esc_url( wp_login_url() ),
+ ) ) ),
+ ),
+ 'before'
+ );
</ins><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> wp_enqueue_script( 'wporg-navigation', get_template_directory_uri() . "/js/navigation$suffix.js", array(), '20210331', true );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -141,7 +159,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"> * Handle queries.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- * - My Patterns and Favories have "subpages" which should still show the root page.
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ * - My Patterns and My Favories have "subpages" which should still show the root page.
</ins><span class="cx" style="display: block; padding: 0 10px"> * - Default & archive views should show patterns, not posts.
</span><span class="cx" style="display: block; padding: 0 10px"> *
</span><span class="cx" style="display: block; padding: 0 10px"> * @param \WP_Query $query The WordPress Query object.
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -157,7 +175,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> $pagename = $query->get( 'pagename' );
</span><span class="cx" style="display: block; padding: 0 10px"> if ( $pagename ) {
</span><span class="cx" style="display: block; padding: 0 10px"> list( $_pagename ) = explode( '/', $pagename );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( in_array( $_pagename, array( 'my-patterns', 'favorites' ) ) ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( in_array( $_pagename, array( 'my-patterns', 'my-favorites' ) ) ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> // Need to get the page ID because this is set before `pre_get_posts` fires.
</span><span class="cx" style="display: block; padding: 0 10px"> $page = get_page_by_path( $_pagename );
</span><span class="cx" style="display: block; padding: 0 10px"> $query->set( 'pagename', $_pagename );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -178,6 +196,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> function add_rewrite() {
</span><span class="cx" style="display: block; padding: 0 10px"> add_rewrite_rule( '^my-patterns/[^/]+/?$', 'index.php?pagename=my-patterns', 'top' );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ add_rewrite_rule( '^my-favorites/.+/?$', 'index.php?pagename=my-favorites', 'top' );
</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_htmlwpcontentthemespubwporgpatternsindexphp"></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-patterns/index.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-patterns/index.php 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/index.php 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,8 +20,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <main id="main" class="site-main" role="main">
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div id="patterns__container">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <!-- Filter placeholder -->
-
</del><span class="cx" style="display: block; padding: 0 10px"> <div class="pattern-grid">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> if ( have_posts() ) :
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspackagejson"></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-patterns/package.json</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/package.json 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,10 +62,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> "eslintConfig": {
</span><span class="cx" style="display: block; padding: 0 10px"> "extends": "../../../../.eslintrc.js",
</span><span class="cx" style="display: block; padding: 0 10px"> "globals": {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- "wporgAssetUrl": "readonly",
- "wporgLoginUrl": "readonly",
- "wporgSiteUrl": "readonly",
- "wporgLocale": "readonly"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ "wporgLocale": "readonly",
+ "wporgPatternsData": "readonly",
+ "wporgPatternsUrl": "readonly"
</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"> "stylelint": {
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspagemyfavoritesphp"></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-patterns/page-my-favorites.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-patterns/page-my-favorites.php (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-favorites.php 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,24 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<?php
+/**
+ * The template for displaying My Patterns.
+ *
+ * @package WordPressdotorg\Pattern_Directory\Theme
+ */
+
+namespace WordPressdotorg\Pattern_Directory\Theme;
+
+get_header();
+?>
+
+<main id="main" class="site-main" role="main">
+
+ <header class="entry-header">
+ <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
+ </header><!-- .entry-header -->
+
+ <div id="my-favorites__container"></div>
+
+</main><!-- #main -->
+
+<?php
+get_footer();
</ins><span class="cx" style="display: block; padding: 0 10px">Property changes on: sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-favorites.php
</span><span class="cx" style="display: block; padding: 0 10px">___________________________________________________________________
</span></span></pre></div>
<a id="svneolstyle"></a>
<div class="addfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Added: svn:eol-style</h4></div>
<ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+native
</ins><span class="cx" style="display: block; padding: 0 10px">\ No newline at end of property
</span><a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternspagemypatternsphp"></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-patterns/page-my-patterns.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-patterns/page-my-patterns.php 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/page-my-patterns.php 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,7 +14,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <header class="entry-header">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <a href="<?php echo esc_url( home_url( '/new-pattern' ) ); ?>" class="button button-outline"><?php esc_html_e( 'Create a new pattern', 'wporg-patterns' ); ?></a>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <!-- <a href="<?php echo esc_url( home_url( '/new-pattern' ) ); ?>" class="button button-outline"><?php esc_html_e( 'Create a new pattern', 'wporg-patterns' ); ?></a> -->
</ins><span class="cx" style="display: block; padding: 0 10px"> </header><!-- .entry-header -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <div id="my-patterns__container"></div>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssearchphp"></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-patterns/search.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/search.php 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/search.php 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,7 +12,20 @@
</span><span class="cx" style="display: block; padding: 0 10px"> get_header();
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div id="patterns-search__container"></div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div id="patterns-search__container">
+ <div class="pattern-grid">
+ <?php
+ if ( have_posts() ) :
+ /* Start the Loop */
+ while ( have_posts() ) :
+ the_post();
+ get_template_part( 'template-parts/content', 'grid' );
+ endwhile;
+ endif;
+ ?>
+ </div>
+</div>
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> <?php
</span><span class="cx" style="display: block; padding: 0 10px"> get_footer();
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssinglewporgpatternphp"></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-patterns/single-wporg-pattern.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-patterns/single-wporg-pattern.php 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/single-wporg-pattern.php 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -40,10 +40,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> hidden
</span><span class="cx" style="display: block; padding: 0 10px"> class="pattern__container"
</span><span class="cx" style="display: block; padding: 0 10px"> data-post-id="<?php echo intval( get_the_ID() ); ?>"
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- data-logged-in="<?php echo json_encode( is_user_logged_in() ); ?>"
</del><span class="cx" style="display: block; padding: 0 10px"> data-user-has-reported="<?php echo json_encode( $user_has_reported ); ?>"
</span><span class="cx" style="display: block; padding: 0 10px"> ></div><!-- .pattern__container -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <div class="entry-content hide-if-pattern-loaded">
+ <?php the_content(); ?>
+
+ <hr />
+
+ <label for="pattern-code"><?php esc_html_e( 'Pattern Code', 'wporg-patterns' ); ?></label>
+ <textarea id="pattern-code" class="pattern-code"><?php echo esc_attr( $raw_block_content ); ?></textarea>
+ </div>
+
</ins><span class="cx" style="display: block; padding: 0 10px"> </article><!-- #post-## -->
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> <?php endwhile; ?>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentscategorycontextbarindexjs"></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-patterns/src/components/category-context-bar/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/category-context-bar/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/category-context-bar/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,7 +19,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> import { getDefaultMessage, getLoadingMessage, getSearchMessage } from './messaging';
</span><span class="cx" style="display: block; padding: 0 10px"> import { store as patternStore } from '../../store';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-function CategoryContextBar() {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+function CategoryContextBar( { query } ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> const { path } = useRoute();
</span><span class="cx" style="display: block; padding: 0 10px"> const [ height, setHeight ] = useState();
</span><span class="cx" style="display: block; padding: 0 10px"> const [ message, setMessage ] = useState();
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,28 +29,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> } );
</span><span class="cx" style="display: block; padding: 0 10px"> const innerRef = useRef( null );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- const { isAllCategory, category, count, isLoadingPatterns, patterns } = useSelect(
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const { isAllCategory, category, count, isLoadingPatterns } = useSelect(
</ins><span class="cx" style="display: block; padding: 0 10px"> ( select ) => {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- const {
- getCategoryBySlug,
- getPatternsByQuery,
- isLoadingPatternsByQuery,
- getCurrentQuery,
- getPatternTotalsByQuery,
- } = select( patternStore );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const { getCategoryBySlug, isLoadingPatternsByQuery, getPatternTotalsByQuery } = select(
+ patternStore
+ );
</ins><span class="cx" style="display: block; padding: 0 10px"> const categorySlug = getCategoryFromPath( path );
</span><span class="cx" style="display: block; padding: 0 10px"> const _category = getCategoryBySlug( categorySlug );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- const query = getCurrentQuery();
</del><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> return {
</span><span class="cx" style="display: block; padding: 0 10px"> isAllCategory: _category && _category.id === -1,
</span><span class="cx" style="display: block; padding: 0 10px"> isLoadingPatterns: isLoadingPatternsByQuery( query ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- patterns: query ? getPatternsByQuery( query ) : [],
</del><span class="cx" style="display: block; padding: 0 10px"> category: _category,
</span><span class="cx" style="display: block; padding: 0 10px"> count: getPatternTotalsByQuery( query ),
</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">- [ path ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ [ path, query ]
</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"> useEffect( () => {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -79,7 +73,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> if ( searchTerm.length > 0 ) {
</span><span class="cx" style="display: block; padding: 0 10px"> setMessage( getSearchMessage( count, searchTerm ) );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- }, [ category, isLoadingPatterns, patterns ] );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ }, [ category, isLoadingPatterns ] );
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> useEffect( () => {
</span><span class="cx" style="display: block; padding: 0 10px"> const _height = message ? innerRef.current.offsetHeight : 0;
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmyfavoritesindexjs"></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-patterns/src/components/my-favorites/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-favorites/index.js (rev 0)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-favorites/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -0,0 +1,58 @@
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+/**
+ * WordPress dependencies
+ */
+import { __ } from '@wordpress/i18n';
+import { addQueryArgs } from '@wordpress/url';
+import { store as patternStore } from '../../store';
+import { useSelect } from '@wordpress/data';
+
+/**
+ * Internal dependencies
+ */
+import PatternGrid from '../pattern-grid';
+import PatternGridMenu from '../pattern-grid-menu';
+import PatternThumbnail from '../pattern-thumbnail';
+import QueryMonitor from '../query-monitor';
+import { RouteProvider } from '../../hooks';
+
+const MyFavorites = () => {
+ const { favorites, query } = useSelect( ( select ) => ( {
+ favorites: select( patternStore ).getFavorites(),
+ query: select( patternStore ).getCurrentQuery(),
+ } ) );
+ const isLoggedIn = !! wporgPatternsData.userId;
+
+ if ( ! isLoggedIn ) {
+ const loginUrl = addQueryArgs( wporgPatternsUrl.login, { redirect_to: window.location } );
+ return (
+ <div className="entry-content">
+ <p>{ __( 'Please log in to view your favorite patterns.', 'wporg-patterns' ) }</p>
+ <a className="button button-primary" href={ loginUrl }>
+ { __( 'Log in', 'wporg-patterns' ) }
+ </a>
+ </div>
+ );
+ }
+
+ if ( ! favorites.length ) {
+ return (
+ <div className="entry-content">
+ <p>{ __( 'You haven’t favorited any patterns yet.', 'wporg-patterns' ) }</p>
+ </div>
+ );
+ }
+
+ const modifiedQuery = { ...query, include: favorites };
+
+ return (
+ <RouteProvider>
+ <QueryMonitor />
+ <PatternGridMenu basePath="/my-favorites/" query={ modifiedQuery } />
+ <PatternGrid query={ modifiedQuery }>
+ { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } /> }
+ </PatternGrid>
+ </RouteProvider>
+ );
+};
+
+export default MyFavorites;
</ins></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmypatternsindexjs"></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-patterns/src/components/my-patterns/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -3,7 +3,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> import { __ } from '@wordpress/i18n';
</span><span class="cx" style="display: block; padding: 0 10px"> import { addQueryArgs } from '@wordpress/url';
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-import { store as coreStore } from '@wordpress/core-data';
</del><span class="cx" style="display: block; padding: 0 10px"> import { store as patternStore } from '../../store';
</span><span class="cx" style="display: block; padding: 0 10px"> import { useSelect } from '@wordpress/data';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,10 +17,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> const MyPatterns = () => {
</span><span class="cx" style="display: block; padding: 0 10px"> const query = useSelect( ( select ) => select( patternStore ).getCurrentQuery() );
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- const author = useSelect( ( select ) => select( coreStore ).getCurrentUser()?.id );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const author = wporgPatternsData.userId;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( ! author ) {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- const loginUrl = addQueryArgs( wporgLoginUrl, { redirect_to: window.location } );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const loginUrl = addQueryArgs( wporgPatternsUrl.login, { redirect_to: window.location } );
</ins><span class="cx" style="display: block; padding: 0 10px"> return (
</span><span class="cx" style="display: block; padding: 0 10px"> <div className="entry-content">
</span><span class="cx" style="display: block; padding: 0 10px"> <p>{ __( 'Please log in to view your patterns.', 'wporg-patterns' ) }</p>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsmypatternsmenujs"></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-patterns/src/components/my-patterns/menu.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/menu.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/my-patterns/menu.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,17 +20,17 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // @todo Load from an API to get pattern counts.
</span><span class="cx" style="display: block; padding: 0 10px"> const options = [
</span><span class="cx" style="display: block; padding: 0 10px"> {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- value: `${ wporgSiteUrl }/my-patterns/`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value: `${ wporgPatternsUrl.site }/my-patterns/`,
</ins><span class="cx" style="display: block; padding: 0 10px"> slug: 'all',
</span><span class="cx" style="display: block; padding: 0 10px"> label: __( 'All', 'wporg-patterns' ),
</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">- value: `${ wporgSiteUrl }/my-patterns/draft/`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value: `${ wporgPatternsUrl.site }/my-patterns/draft/`,
</ins><span class="cx" style="display: block; padding: 0 10px"> slug: 'draft',
</span><span class="cx" style="display: block; padding: 0 10px"> label: __( 'Drafts', 'wporg-patterns' ),
</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">- value: `${ wporgSiteUrl }/my-patterns/pending/`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value: `${ wporgPatternsUrl.site }/my-patterns/pending/`,
</ins><span class="cx" style="display: block; padding: 0 10px"> slug: 'pending',
</span><span class="cx" style="display: block; padding: 0 10px"> label: __( 'Pending Review', 'wporg-patterns' ),
</span><span class="cx" style="display: block; padding: 0 10px"> },
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatternindexjs"></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-patterns/src/components/pattern/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</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"> import ReportPatternButton from '../report-pattern-button';
</span><span class="cx" style="display: block; padding: 0 10px"> import { store as patternStore } from '../../store';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const Pattern = ( { postId, userHasReported, loggedIn } ) => {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const Pattern = ( { postId, userHasReported } ) => {
</ins><span class="cx" style="display: block; padding: 0 10px"> // postId as passed from the HTML dataset is a string.
</span><span class="cx" style="display: block; padding: 0 10px"> postId = Number( postId ) || 0;
</span><span class="cx" style="display: block; padding: 0 10px"> const pattern = useSelect( ( select ) => select( patternStore ).getPattern( postId ), [ postId ] );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,11 +29,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <div className="pattern-preview__container">
</span><span class="cx" style="display: block; padding: 0 10px"> <PatternPreview blockContent={ pattern.content.rendered } />
</span><span class="cx" style="display: block; padding: 0 10px"> <div className="pattern__meta">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <ReportPatternButton
- userHasReported={ userHasReported === 'true' }
- loggedIn={ loggedIn === 'true' }
- postId={ postId }
- />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <ReportPatternButton userHasReported={ userHasReported === 'true' } postId={ postId } />
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span><span class="cx" style="display: block; padding: 0 10px"> <div className="entry-content">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatterngridmenuindexjs"></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-patterns/src/components/pattern-grid-menu/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern-grid-menu/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern-grid-menu/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,7 +1,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> /**
</span><span class="cx" style="display: block; padding: 0 10px"> * WordPress dependencies
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-import { getPath } from '@wordpress/url';
</del><span class="cx" style="display: block; padding: 0 10px"> import { useSelect } from '@wordpress/data';
</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">@@ -13,10 +12,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> import { store as patternStore } from '../../store';
</span><span class="cx" style="display: block; padding: 0 10px"> import { useRoute } from '../../hooks';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const PatternGridMenu = () => {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const PatternGridMenu = ( { basePath = '/', query } ) => {
</ins><span class="cx" style="display: block; padding: 0 10px"> const { path, update: updatePath } = useRoute();
</span><span class="cx" style="display: block; padding: 0 10px"> const categorySlug = getCategoryFromPath( path );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ // Make sure the path is prefixed with the full site URL.
+ basePath = wporgPatternsUrl.site + basePath;
+
</ins><span class="cx" style="display: block; padding: 0 10px"> const { categories, isLoading } = useSelect( ( select ) => {
</span><span class="cx" style="display: block; padding: 0 10px"> const { getCategories, isLoadingCategories } = select( patternStore );
</span><span class="cx" style="display: block; padding: 0 10px"> return {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -24,6 +26,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> isLoading: isLoadingCategories(),
</span><span class="cx" style="display: block; padding: 0 10px"> };
</span><span class="cx" style="display: block; padding: 0 10px"> } );
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+
</ins><span class="cx" style="display: block; padding: 0 10px"> return (
</span><span class="cx" style="display: block; padding: 0 10px"> <>
</span><span class="cx" style="display: block; padding: 0 10px"> <nav className="pattern-grid-menu">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -33,7 +36,9 @@
</span><span class="cx" style="display: block; padding: 0 10px"> categories
</span><span class="cx" style="display: block; padding: 0 10px"> ? categories.map( ( record ) => {
</span><span class="cx" style="display: block; padding: 0 10px"> return {
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- value: `/${ getPath( record.link ) || '' }`,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ value: record.slug
+ ? `${ basePath }pattern-categories/${ record.slug }/`
+ : basePath,
</ins><span class="cx" style="display: block; padding: 0 10px"> slug: record.slug,
</span><span class="cx" style="display: block; padding: 0 10px"> label: record.name,
</span><span class="cx" style="display: block; padding: 0 10px"> };
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -47,7 +52,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> isLoading={ isLoading }
</span><span class="cx" style="display: block; padding: 0 10px"> />
</span><span class="cx" style="display: block; padding: 0 10px"> </nav>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <CategoryContextBar />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <CategoryContextBar query={ query } />
</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_htmlwpcontentthemespubwporgpatternssrccomponentspatternpreviewactionscopyguidejs"></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-patterns/src/components/pattern-preview-actions/copy-guide.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern-preview-actions/copy-guide.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/pattern-preview-actions/copy-guide.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,7 +9,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> // Wrap the image to avoid the UI shift after the GIF loads
</span><span class="cx" style="display: block; padding: 0 10px"> <div style={ { height: '220px' } }>
</span><span class="cx" style="display: block; padding: 0 10px"> <img
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- src={ `${ wporgAssetUrl }/images/copy-paste-demo.gif` }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ src={ `${ wporgPatternsUrl.assets }/images/copy-paste-demo.gif` }
</ins><span class="cx" style="display: block; padding: 0 10px"> alt={ __( 'GIF of copy and pasting.', 'wporg-patterns' ) }
</span><span class="cx" style="display: block; padding: 0 10px"> />
</span><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatternsindexjs"></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-patterns/src/components/patterns/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/patterns/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/patterns/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -22,7 +22,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> <RouteProvider>
</span><span class="cx" style="display: block; padding: 0 10px"> <QueryMonitor />
</span><span class="cx" style="display: block; padding: 0 10px"> <BreadcrumbMonitor />
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <PatternGridMenu />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <PatternGridMenu query={ query } />
</ins><span class="cx" style="display: block; padding: 0 10px"> <PatternGrid query={ query }>
</span><span class="cx" style="display: block; padding: 0 10px"> { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } showAvatar /> }
</span><span class="cx" style="display: block; padding: 0 10px"> </PatternGrid>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentspatternssearchindexjs"></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-patterns/src/components/patterns-search/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/patterns-search/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/patterns-search/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,13 +13,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> import { RouteProvider } from '../../hooks';
</span><span class="cx" style="display: block; padding: 0 10px"> import { store as patternStore } from '../../store';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const PatternsSearch = ( { resultCount } ) => {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const PatternsSearch = () => {
</ins><span class="cx" style="display: block; padding: 0 10px"> const query = useSelect( ( select ) => select( patternStore ).getCurrentQuery() );
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> return (
</span><span class="cx" style="display: block; padding: 0 10px"> <RouteProvider>
</span><span class="cx" style="display: block; padding: 0 10px"> <QueryMonitor />
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- <CategoryContextBar resultCount={ resultCount } />
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ <CategoryContextBar query={ query } />
</ins><span class="cx" style="display: block; padding: 0 10px"> <PatternGrid query={ query }>
</span><span class="cx" style="display: block; padding: 0 10px"> { ( post ) => <PatternThumbnail key={ post.id } pattern={ post } showAvatar /> }
</span><span class="cx" style="display: block; padding: 0 10px"> </PatternGrid>
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrccomponentsreportpatternbuttonindexjs"></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-patterns/src/components/report-pattern-button/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/report-pattern-button/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/components/report-pattern-button/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,10 +12,11 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> import ReportPatternModal from '../report-pattern-modal';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const ReportPatternButton = ( { postId, loggedIn, userHasReported } ) => {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const ReportPatternButton = ( { postId, userHasReported } ) => {
</ins><span class="cx" style="display: block; padding: 0 10px"> const [ showModal, setShowModal ] = useState( false );
</span><span class="cx" style="display: block; padding: 0 10px"> const [ hasSubmitted, setHasSubmitted ] = useState( false );
</span><span class="cx" style="display: block; padding: 0 10px"> const alreadySubmitted = userHasReported || hasSubmitted;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const isLoggedIn = !! wporgPatternsData.userId;
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> if ( alreadySubmitted ) {
</span><span class="cx" style="display: block; padding: 0 10px"> return (
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,7 +27,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- if ( ! loggedIn ) {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ if ( ! isLoggedIn ) {
</ins><span class="cx" style="display: block; padding: 0 10px"> return (
</span><span class="cx" style="display: block; padding: 0 10px"> <p className="pattern-report-button__copy">
</span><span class="cx" style="display: block; padding: 0 10px"> <a
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrcindexjs"></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-patterns/src/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/index.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/index.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,6 +8,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> */
</span><span class="cx" style="display: block; padding: 0 10px"> import Pattern from './components/pattern';
</span><span class="cx" style="display: block; padding: 0 10px"> import Patterns from './components/patterns';
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import MyFavorites from './components/my-favorites';
</ins><span class="cx" style="display: block; padding: 0 10px"> import MyPatterns from './components/my-patterns';
</span><span class="cx" style="display: block; padding: 0 10px"> import PatternsSearch from './components/patterns-search';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -18,12 +19,18 @@
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Load the preview into any awaiting preview container.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-const myGridContainer = document.getElementById( 'my-patterns__container' );
-if ( myGridContainer ) {
- render( <MyPatterns />, myGridContainer );
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const myPatternsGridContainer = document.getElementById( 'my-patterns__container' );
+if ( myPatternsGridContainer ) {
+ render( <MyPatterns />, myPatternsGridContainer );
</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"> // Load the preview into any awaiting preview container.
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+const myFavsGridContainer = document.getElementById( 'my-favorites__container' );
+if ( myFavsGridContainer ) {
+ render( <MyFavorites />, myFavsGridContainer );
+}
+
+// Load the preview into any awaiting preview container.
</ins><span class="cx" style="display: block; padding: 0 10px"> const previewContainers = document.querySelectorAll( '.pattern__container' );
</span><span class="cx" style="display: block; padding: 0 10px"> for ( let i = 0; i < previewContainers.length; i++ ) {
</span><span class="cx" style="display: block; padding: 0 10px"> const container = previewContainers[ i ];
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -32,6 +39,8 @@
</span><span class="cx" style="display: block; padding: 0 10px"> render( <Pattern { ...props } />, container, () => {
</span><span class="cx" style="display: block; padding: 0 10px"> // This callback is called after the render to unhide the container.
</span><span class="cx" style="display: block; padding: 0 10px"> container.hidden = false;
</span><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ const contentToHide = document.querySelectorAll( '.hide-if-pattern-loaded' );
+ contentToHide.forEach( ( elem ) => ( elem.hidden = true ) );
</ins><span class="cx" style="display: block; padding: 0 10px"> } );
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px">
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrcstoretestreducerjs"></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-patterns/src/store/test/reducer.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/store/test/reducer.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/store/test/reducer.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -8,7 +8,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> import { categories, favorites, patternFlagReasons, patterns } from '../reducer';
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> // Set up the global.
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-global.wporgSiteUrl = 'http://localhost:8889/';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+global.wporgPatternsUrl = { site: 'http://localhost:8889/' };
</ins><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> describe( 'state', () => {
</span><span class="cx" style="display: block; padding: 0 10px"> describe( 'patterns', () => {
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternssrcstoreutilsjs"></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-patterns/src/store/utils.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/store/utils.js 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/src/store/utils.js 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,6 +53,6 @@
</span><span class="cx" style="display: block; padding: 0 10px"> id: -1,
</span><span class="cx" style="display: block; padding: 0 10px"> slug: '', // Slug matches url
</span><span class="cx" style="display: block; padding: 0 10px"> name: __( 'All', 'wporg-patterns' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">- link: wporgSiteUrl,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ link: wporgPatternsUrl.site,
</ins><span class="cx" style="display: block; padding: 0 10px"> };
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordpressorgpublic_htmlwpcontentthemespubwporgpatternstemplatepartscontentgridphp"></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-patterns/template-parts/content-grid.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-patterns/template-parts/content-grid.php 2021-07-14 14:33:29 UTC (rev 11116)
+++ sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-patterns/template-parts/content-grid.php 2021-07-15 19:03:59 UTC (rev 11117)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,24 +9,13 @@
</span><span class="cx" style="display: block; padding: 0 10px">
</span><span class="cx" style="display: block; padding: 0 10px"> ?>
</span><span class="cx" style="display: block; padding: 0 10px">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-<div id="post-<?php the_ID(); ?>" <?php post_class( 'pattern-grid__pattern' ); ?>>
- <?php /* This link only wraps the "preview" container to avoid nesting the buttons inside the link. */ ?>
- <a href="<?php echo esc_url( get_permalink() ); ?>" rel="bookmark">
- <?php the_title( '<span class="screen-reader-text">', '</span>' ); ?>
- <div class="pattern-grid__preview" style="height:<?php echo esc_attr( rand( 100, 300 ) ); ?>px">
- Pattern ID: <?php the_ID(); ?>
- </div>
- </a>
- <div class="pattern-grid__actions">
- <?php the_title( '<h2 class="pattern-grid__title">', '</h2>' ); ?>
- <button class="button button-link pattern-favorite-button">
- <svg class="pattern__favorite-outline" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path fill-rule="evenodd" clip-rule="evenodd" d="M12 4.915c1.09-1.28 2.76-2.09 4.5-2.09 3.08 0 5.5 2.42 5.5 5.5 0 3.777-3.394 6.855-8.537 11.518l-.013.012-1.45 1.32-1.45-1.31-.04-.036C5.384 15.17 2 12.095 2 8.325c0-3.08 2.42-5.5 5.5-5.5 1.74 0 3.41.81 4.5 2.09zm0 13.56l.1-.1c4.76-4.31 7.9-7.16 7.9-10.05 0-2-1.5-3.5-3.5-3.5-1.54 0-3.04.99-3.56 2.36h-1.87c-.53-1.37-2.03-2.36-3.57-2.36-2 0-3.5 1.5-3.5 3.5 0 2.89 3.14 5.74 7.9 10.05l.1.1z" fill="#000"></path>
- </svg>
- <svg class="pattern__favorite-filled" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg">
- <path d="M11.941 21.175l-1.443-1.32c-5.124-4.67-8.508-7.75-8.508-11.53 0-3.08 2.408-5.5 5.473-5.5 1.732 0 3.394.81 4.478 2.09 1.085-1.28 2.747-2.09 4.478-2.09 3.065 0 5.473 2.42 5.473 5.5 0 3.78-3.383 6.86-8.508 11.54l-1.443 1.31z" fill="#000"></path>
- </svg>
- </button>
- <button class="button button-primary pattern-copy-button is-small"><?php esc_html_e( 'Copy', 'wporg-patterns' ); ?></button>
- </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div id="post-<?php the_ID(); ?>" class="pattern-grid__pattern">
+ <div class="pattern-grid__pattern-frame pattern-skeleton" style="padding:56.25% 0 0;"></div>
+ <?php the_title( '<h2 class="pattern-grid__title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h2>' ); ?>
+ <p class="pattern-grid__meta">
+ <a href="https://wordpress.org/patterns/author/wordpressdotorg" class="pattern-grid__author-avatar">
+ <?php echo get_avatar( get_the_author_meta( 'ID' ), 32 ); ?>
+ <?php esc_html( get_the_author() ); ?>
+ </a>
+ </p>
</ins><span class="cx" style="display: block; padding: 0 10px"> </div>
</span></span></pre>
</div>
</div>
</body>
</html>