<!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>[8859] sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks: WC Blocks: Use BEM-esque convention for WordCamp Blocks and Components.</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/8859">8859</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/8859","name":"Review Commit"}}</script></dd>
<dt style="float: left; width: 6em; font-weight: bold">Author</dt> <dd>vedjain</dd>
<dt style="float: left; width: 6em; font-weight: bold">Date</dt> <dd>2019-05-23 18:11:32 +0000 (Thu, 23 May 2019)</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'>WC Blocks: Use BEM-esque convention for WordCamp Blocks and Components.

This applies guidelines from https://developer.wordpress.org/block-editor/contributors/develop/coding-guidelines/.

Towards https://github.com/WordPress/wordcamp.org/issues/96</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludesblocksorganizersphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/organizers.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludesblockssessionsphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/sessions.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludesblocksspeakersphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/speakers.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludesblockssponsorsphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/sponsors.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludescomponentsblockcontentphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/block-content.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludescomponentsfeaturedimagephp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/featured-image.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludescomponentspostlistphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/post-list.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksorganizersblockcontentjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/block-content.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksorganizersblockcontrolsjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/block-controls.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksorganizerscontentselectjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/content-select.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssessionsblockcontentjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/block-content.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssessionsblockcontrolsjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/block-controls.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssessionscontentselectjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/content-select.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksspeakersblockcontentjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-content.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksspeakersblockcontentscss">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-content.scss</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksspeakersblockcontrolsjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-controls.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksspeakerscontentselectjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/content-select.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssponsorsblockcontentjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/block-content.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssponsorsblockcontrolsjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/block-controls.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssponsorscontentselectjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/content-select.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsblockcontentindexjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-content/index.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsblockcontentstylescss">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-content/style.scss</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsblockcontrolsindexjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-controls/index.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimageavatarjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/avatar.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimagefeaturedimagejs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/featured-image.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimagefeaturedimagescss">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/featured-image.scss</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimageinspectorcontrolsjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/inspector-controls.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimageinspectorcontrolsscss">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/inspector-controls.scss</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimagestylescss">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/style.scss</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsitemselectindexjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/index.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsitemselectoptionjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/option.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsitemselectstylescss">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/style.scss</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentspostlistindexjs">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/post-list/index.js</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentspostliststylescss">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/post-list/style.scss</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksviewsorganizerphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/organizer.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksviewssessionphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/session.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksviewsspeakerphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/speaker.php</a></li>
<li><a href="#sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksviewssponsorphp">sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/sponsor.php</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludesblocksorganizersphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/organizers.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/organizers.php  2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/organizers.php    2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,7 +48,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">        $container_classes = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'wordcamp-organizers-block',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'wordcamp-organizers__posts',
</ins><span class="cx" style="display: block; padding: 0 10px">                 sanitize_html_class( $attributes['className'] ),
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludesblockssessionsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/sessions.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/sessions.php    2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/sessions.php      2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,7 +53,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">        $container_classes = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'wordcamp-sessions-block',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'wordcamp-sessions__posts',
</ins><span class="cx" style="display: block; padding: 0 10px">                 sanitize_html_class( $attributes['className'] ),
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludesblocksspeakersphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/speakers.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/speakers.php    2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/speakers.php      2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,7 +53,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">        $container_classes = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'wordcamp-speakers-block',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'wordcamp-speakers__posts',
</ins><span class="cx" style="display: block; padding: 0 10px">                 sanitize_html_class( $attributes['className'] ),
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludesblockssponsorsphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/sponsors.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/sponsors.php    2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/blocks/sponsors.php      2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -46,7 +46,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        $container_classes = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'wordcamp-sponsors-block',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'wordcamp-sponsors__posts',
</ins><span class="cx" style="display: block; padding: 0 10px">                 sanitize_html_class( $attributes['className'] ),
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludescomponentsblockcontentphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/block-content.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/block-content.php   2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/block-content.php     2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -25,7 +25,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        $tag = 'h' . $heading_level;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        $classes = render_class_string( array_merge(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                [ 'wordcamp-item-title' ],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         [ 'wordcamp-block__post-title' ],
</ins><span class="cx" style="display: block; padding: 0 10px">                 $classes
</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">@@ -55,7 +55,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> function render_item_content( $content, array $classes = [] ) {
</span><span class="cx" style="display: block; padding: 0 10px">        $classes = render_class_string( array_merge(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                [ 'wordcamp-item-content' ],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         [ 'wordcamp-block__post-content' ],
</ins><span class="cx" style="display: block; padding: 0 10px">                 $classes
</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">@@ -84,7 +84,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">        $classes = render_class_string( array_merge(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                [ 'wordcamp-item-permalink' ],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         [ 'wordcamp-block__post-permalink' ],
</ins><span class="cx" style="display: block; padding: 0 10px">                 $classes
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludescomponentsfeaturedimagephp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/featured-image.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/featured-image.php  2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/featured-image.php    2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -28,7 +28,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        $size         = array( $width, $height );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        $container_classes = array_merge(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                [ 'wordcamp-image-container', 'wordcamp-featured-image-container' ],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         [ 'wordcamp-image__featured-image-container' ],
</ins><span class="cx" style="display: block; padding: 0 10px">                 $class_names
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="cx" style="display: block; padding: 0 10px">        $container_classes = implode( ' ', $container_classes );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -39,7 +39,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        ?>
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="<?php echo esc_attr( $container_classes ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px">                        <?php if ( '' !== $image_link ) { ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <a href="<?php echo esc_html( $image_link ); ?>" class="wordcamp-image-link wordcamp-featured-image-link">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <a href="<?php echo esc_html( $image_link ); ?>" class="wordcamp-image__featured-image-link">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <?php echo wp_kses_post( $image ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">                                </a>
</span><span class="cx" style="display: block; padding: 0 10px">                        <?php } else { ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,7 +62,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> function render_featured_image_element( $post, $size ) {
</span><span class="cx" style="display: block; padding: 0 10px">        $attr = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'class' => 'wordcamp-featured-image',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'class' => 'wordcamp-image__featured-image',
</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">        return get_the_post_thumbnail( $post, $size, $attr );
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksincludescomponentspostlistphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/post-list.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/post-list.php       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/includes/components/post-list.php 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -43,7 +43,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        ?>
</span><span class="cx" style="display: block; padding: 0 10px">                <ul class="<?php echo esc_attr( $container_classes ); ?>">
</span><span class="cx" style="display: block; padding: 0 10px">                        <?php foreach ( $rendered_items as $item ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <li class="wordcamp-post-list-item wordcamp-clearfix">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <li class="wordcamp-post-list__post wordcamp-clearfix">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <?php echo wp_kses_post( $item ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">                                </li>
</span><span class="cx" style="display: block; padding: 0 10px">                        <?php endforeach; ?>
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksorganizersblockcontentjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/block-content.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/block-content.js       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/block-content.js 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -79,15 +79,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">                return (
</span><span class="cx" style="display: block; padding: 0 10px">                        <PostList
</span><span class="cx" style="display: block; padding: 0 10px">                                { ...this.props }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-organizers-block"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-organizers__posts"
</ins><span class="cx" style="display: block; padding: 0 10px">                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                { posts.map( ( post ) => /* Note that organizer posts are not 'public', so there are no permalinks. */
</span><span class="cx" style="display: block; padding: 0 10px">                                        <div
</span><span class="cx" style="display: block; padding: 0 10px">                                                key={ post.slug }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-organizer', 'wordcamp-organizer-' + post.slug.trim() ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp-organizers__post', 'has-slug-' + post.slug.trim() ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                                <ItemTitle
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        className="wordcamp-organizer-title"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 className="wordcamp-organizers__title"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         headingLevel={ 3 }
</span><span class="cx" style="display: block; padding: 0 10px">                                                        title={ post.title.rendered.trim() }
</span><span class="cx" style="display: block; padding: 0 10px">                                                />
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -103,7 +103,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                                { ( 'none' !== content ) &&
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <ItemHTMLContent
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className={ classnames( 'wordcamp-organizer-content-' + content ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className={ classnames( 'wordcamp-organizers__content', 'is-' + content ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 content={  'full' === content ? post.content.rendered.trim() : post.excerpt.rendered.trim() }
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksorganizersblockcontrolsjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/block-controls.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/block-controls.js      2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/block-controls.js        2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,7 +13,7 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-import { PlaceholderSpecificMode } from '../../components/block-controls';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import { PlaceholderSpecificMode, EditModeOption } from '../../components/block-controls';
</ins><span class="cx" style="display: block; padding: 0 10px"> import { getOptionLabel }          from '../../components/item-select';
</span><span class="cx" style="display: block; padding: 0 10px"> import { BlockContent }            from './block-content';
</span><span class="cx" style="display: block; padding: 0 10px"> import { ContentSelect }           from './content-select';
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,28 +61,34 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        default :
</span><span class="cx" style="display: block; padding: 0 10px">                                output = (
</span><span class="cx" style="display: block; padding: 0 10px">                                        <Placeholder
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-block-edit-placeholder', 'wordcamp-block-edit-placeholder-no-mode' ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp__edit-placeholder', 'has-no-mode' ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 icon={ icon }
</span><span class="cx" style="display: block; padding: 0 10px">                                                label={ LABEL }
</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 className="wordcamp-block-edit-mode-option">
-                                                       <Button
-                                                               isDefault
-                                                               isLarge
-                                                               onClick={ () => {
-                                                                       setAttributes( { mode: 'all' } );
-                                                               } }
-                                                       >
-                                                               { getOptionLabel( 'all', options.mode ) }
-                                                       </Button>
-                                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <EditModeOption
+                                                       content={
+                                                               <Button
+                                                                       isDefault
+                                                                       isLarge
+                                                                       onClick={ () => {
+                                                                               setAttributes( { mode : 'all' } );
+                                                                       } }
+                                                               >
+                                                                       { getOptionLabel( 'all', options.mode ) }
+                                                               </Button>
+                                                       }
+                                               />
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                <div className="wordcamp-block-edit-mode-option">
-                                                       <ContentSelect
-                                                               label={ __( 'Choose specific organizers or teams', 'wordcamporg' ) }
-                                                               { ...this.props }
-                                                       />
-                                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <EditModeOption
+                                                       content={
+                                                               <ContentSelect
+                                                                       label={ __(
+                                                                               'Choose specific organizers or teams',
+                                                                               'wordcamporg' ) }
+                                                                       { ...this.props }
+                                                               />
+                                                       }
+                                               />
</ins><span class="cx" style="display: block; padding: 0 10px">                                         </Placeholder>
</span><span class="cx" style="display: block; padding: 0 10px">                                );
</span><span class="cx" style="display: block; padding: 0 10px">                                break;
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksorganizerscontentselectjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/content-select.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/content-select.js      2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/organizers/content-select.js        2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -105,7 +105,7 @@
</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">                        <ItemSelect
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-organizers-select"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-organizers__select"
</ins><span class="cx" style="display: block; padding: 0 10px">                                 label={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                                value={ this.getCurrentSelectValue() }
</span><span class="cx" style="display: block; padding: 0 10px">                                onChange={ ( changed ) => setAttributes( changed ) }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssessionsblockcontentjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/block-content.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/block-content.js 2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/block-content.js   2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,7 +13,7 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-import { ItemTitle, ItemHTMLContent, ItemPermalink, BlockNoContent } from '../../components/block-content';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import { ItemTitle, ItemHTMLContent, ItemPermalink, BlockNoContent, ItemMeta } from '../../components/block-content';
</ins><span class="cx" style="display: block; padding: 0 10px"> import { FeaturedImage }                                             from '../../components/image';
</span><span class="cx" style="display: block; padding: 0 10px"> import { PostList }                                                  from '../../components/post-list';
</span><span class="cx" style="display: block; padding: 0 10px"> import { filterEntities }                                            from '../../data';
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -58,9 +58,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        return (
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div className="wordcamp-item-meta wordcamp-session-speakers">
-                       { speakers }
-               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <ItemMeta
+                       className={ "wordcamp-sessions__speakers" }
+                       content={
+                               { speakers }
+                       }
+               />
</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">@@ -89,7 +92,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                (
</span><span class="cx" style="display: block; padding: 0 10px">                                        <span
</span><span class="cx" style="display: block; padding: 0 10px">                                                key={ firstTrack.id }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-session-track', 'wordcamp-session-track-' + firstTrack.slug.trim() ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp-sessions__track', 'has-slug-' + firstTrack.slug.trim() ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                                { firstTrack.name.trim() }
</span><span class="cx" style="display: block; padding: 0 10px">                                        </span>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,7 +111,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        return (
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div className="wordcamp-session-time-location">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div className="wordcamp-sessions__time-location">
</ins><span class="cx" style="display: block; padding: 0 10px">                         { metaContent }
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,7 +139,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                return (
</span><span class="cx" style="display: block; padding: 0 10px">                                        <span
</span><span class="cx" style="display: block; padding: 0 10px">                                                key={ term.slug }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-session-category', 'wordcamp-session-category-' + term.slug ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp-sessions__category', 'has-slug-' + term.slug ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                                { term.name.trim() }
</span><span class="cx" style="display: block; padding: 0 10px">                                        </span>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -147,7 +150,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">        return (
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div className="wordcamp-session-categories">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div className="wordcamp-sessions__categories">
</ins><span class="cx" style="display: block; padding: 0 10px">                         { categoryContent }
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -251,15 +254,15 @@
</span><span class="cx" style="display: block; padding: 0 10px">                return (
</span><span class="cx" style="display: block; padding: 0 10px">                        <PostList
</span><span class="cx" style="display: block; padding: 0 10px">                                { ...this.props }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-sessions-block"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-sessions__posts"
</ins><span class="cx" style="display: block; padding: 0 10px">                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                { posts.map( ( post ) =>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <div
</span><span class="cx" style="display: block; padding: 0 10px">                                                key={ post.slug }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-session', 'wordcamp-session-' + post.slug ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp-sessions__post', 'has-slug--' + post.slug ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                                <ItemTitle
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        className="wordcamp-session-title"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 className="wordcamp-sessions__title"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         headingLevel={ 3 }
</span><span class="cx" style="display: block; padding: 0 10px">                                                        title={ post.title.rendered.trim() }
</span><span class="cx" style="display: block; padding: 0 10px">                                                        link={ post.link }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -273,7 +276,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <FeaturedImage
</span><span class="cx" style="display: block; padding: 0 10px">                                                                imageData={ get( post, '_embedded.wp:featuredmedia[0]', {} ) }
</span><span class="cx" style="display: block; padding: 0 10px">                                                                width={ Number( featured_image_width ) }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className={ classnames( 'wordcamp-session-featured-image', 'align-' + image_align ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className={ classnames( 'wordcamp-sessions__featured-image', 'align-' + image_align ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 imageLink={ post.link }
</span><span class="cx" style="display: block; padding: 0 10px">                                                        />
</span><span class="cx" style="display: block; padding: 0 10px">                                                }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -280,20 +283,22 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                                { 'none' !== content &&
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <ItemHTMLContent
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className={ classnames( 'wordcamp-session-content-' + content ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className={ classnames( 'wordcamp-sessions__content', 'is-' + content ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 content={ 'full' === content ? post.content.rendered.trim() : post.excerpt.rendered.trim() }
</span><span class="cx" style="display: block; padding: 0 10px">                                                        />
</span><span class="cx" style="display: block; padding: 0 10px">                                                }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                                { ( show_meta || show_category ) &&
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        <div className="wordcamp-item-meta wordcamp-session-details">
-                                                               { show_meta &&
-                                                                       <SessionMeta session={ post } />
-                                                               }
-                                                               { show_category &&
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 <ItemMeta
+                                                               className="wordcamp-sessions__details"
+                                                               content={
+                                                                       show_meta &&
+                                                                       <SessionMeta session={ post }/>
+                                                                       +
+                                                                       show_category &&
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                         <SessionCategory session={ post } />
</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>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 />
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                                { ( 'full' === content ) &&
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -300,7 +305,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <ItemPermalink
</span><span class="cx" style="display: block; padding: 0 10px">                                                                link={ post.link }
</span><span class="cx" style="display: block; padding: 0 10px">                                                                linkText={ __( 'Visit session page', 'wordcamporg' ) }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className="wordcamp-session-permalink"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className="wordcamp-sessions__permalink"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         />
</span><span class="cx" style="display: block; padding: 0 10px">                                                }
</span><span class="cx" style="display: block; padding: 0 10px">                                        </div>
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssessionsblockcontrolsjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/block-controls.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/block-controls.js        2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/block-controls.js  2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,7 +13,7 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-import { PlaceholderSpecificMode } from '../../components/block-controls';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import { PlaceholderSpecificMode, EditModeOption } from '../../components/block-controls';
</ins><span class="cx" style="display: block; padding: 0 10px"> import { getOptionLabel }          from '../../components/item-select';
</span><span class="cx" style="display: block; padding: 0 10px"> import { BlockContent }            from './block-content';
</span><span class="cx" style="display: block; padding: 0 10px"> import { ContentSelect }           from './content-select';
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,29 +62,35 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        default :
</span><span class="cx" style="display: block; padding: 0 10px">                                output = (
</span><span class="cx" style="display: block; padding: 0 10px">                                        <Placeholder
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-block-edit-placeholder', 'wordcamp-block-edit-placeholder-no-mode' ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp__edit-placeholder', 'has-no-mode' ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 icon={ icon }
</span><span class="cx" style="display: block; padding: 0 10px">                                                label={ LABEL }
</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 className="wordcamp-block-edit-mode-option">
-                                                       <Button
-                                                               isDefault
-                                                               isLarge
-                                                               onClick={ () => {
-                                                                       setAttributes( { mode: 'all' } );
-                                                               } }
-                                                       >
-                                                               { getOptionLabel( 'all', options.mode ) }
-                                                       </Button>
-                                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <EditModeOption
+                                                       content={
+                                                               <Button
+                                                                       isDefault
+                                                                       isLarge
+                                                                       onClick={ () => {
+                                                                               setAttributes( { mode : 'all' } );
+                                                                       } }
+                                                               >
+                                                                       { getOptionLabel( 'all', options.mode ) }
+                                                               </Button>
+                                                       }
+                                               />
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                <div className="wordcamp-block-edit-mode-option">
-                                                       <ContentSelect
-                                                               icon={ icon }
-                                                               label={ __( 'Choose specific sessions, tracks, or categories', 'wordcamporg' ) }
-                                                               { ...this.props }
-                                                       />
-                                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <EditModeOption
+                                                       content={
+                                                               <ContentSelect
+                                                                       icon={ icon }
+                                                                       label={ __(
+                                                                               'Choose specific sessions, tracks, or categories',
+                                                                               'wordcamporg' ) }
+                                                                       { ...this.props }
+                                                               />
+                                                       }
+                                               />
</ins><span class="cx" style="display: block; padding: 0 10px">                                         </Placeholder>
</span><span class="cx" style="display: block; padding: 0 10px">                                );
</span><span class="cx" style="display: block; padding: 0 10px">                                break;
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssessionscontentselectjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/content-select.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/content-select.js        2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sessions/content-select.js  2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -111,7 +111,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                return (
</span><span class="cx" style="display: block; padding: 0 10px">                        <ItemSelect
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-sessions-select"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-sessions__select"
</ins><span class="cx" style="display: block; padding: 0 10px">                                 label={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                                value={ this.getCurrentSelectValue() }
</span><span class="cx" style="display: block; padding: 0 10px">                                onChange={ ( changed ) => setAttributes( changed ) }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksspeakersblockcontentjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-content.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-content.js 2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-content.js   2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -41,24 +41,24 @@
</span><span class="cx" style="display: block; padding: 0 10px">        if ( sessions.length ) {
</span><span class="cx" style="display: block; padding: 0 10px">                output = (
</span><span class="cx" style="display: block; padding: 0 10px">                        <div className={ classnames( 'wordcamp-item-meta', 'wordcamp-speaker-sessions' ) }>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <h4 className="wordcamp-speaker-sessions-heading">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <h4 className="wordcamp-speakers__sessions-heading">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         { _n( 'Session', 'Sessions', sessions.length, 'wordcamporg' ) }
</span><span class="cx" style="display: block; padding: 0 10px">                                </h4>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <ul className="wordcamp-speaker-sessions-list">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <ul className="wordcamp-speakers__sessions-list">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         { sessions.map( ( session ) =>
</span><span class="cx" style="display: block; padding: 0 10px">                                                <li
</span><span class="cx" style="display: block; padding: 0 10px">                                                        key={ escapeAttribute( session.slug ) }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        className="wordcamp-speaker-sessions-list-item"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 className="wordcamp-speakers__sessions-list-item"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 >
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <Disabled>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <a
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                        className="wordcamp-speaker-session-link"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                                 className="wordcamp-speakers__session-link"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                         href={ session.link }
</span><span class="cx" style="display: block; padding: 0 10px">                                                                >
</span><span class="cx" style="display: block; padding: 0 10px">                                                                        { session.title.rendered.trim() || __( '(Untitled)', 'wordcamporg' ) }
</span><span class="cx" style="display: block; padding: 0 10px">                                                                </a>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                <span className="wordcamp-speaker-session-info">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         <span className="wordcamp-speakers__session-info">
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                         { session.session_track.length && Array.isArray( tracks ) &&
</span><span class="cx" style="display: block; padding: 0 10px">                                                                                arrayTokenReplace(
</span><span class="cx" style="display: block; padding: 0 10px">                                                                                        /* translators: 1: A date; 2: A time; 3: A location; */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -159,18 +159,18 @@
</span><span class="cx" style="display: block; padding: 0 10px">                return (
</span><span class="cx" style="display: block; padding: 0 10px">                        <PostList
</span><span class="cx" style="display: block; padding: 0 10px">                                { ...this.props }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-speakers-block"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-speakers__posts"
</ins><span class="cx" style="display: block; padding: 0 10px">                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                { posts.map( ( post ) =>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <div
</span><span class="cx" style="display: block; padding: 0 10px">                                                key={ post.slug }
</span><span class="cx" style="display: block; padding: 0 10px">                                                className={ classnames(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        'wordcamp-speaker',
-                                                       'wordcamp-speaker-' + post.slug,
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 'wordcamp-speakers__post',
+                                                       'has-slug-' + post.slug,
</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">                                                <ItemTitle
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        className="wordcamp-speaker-title"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 className="wordcamp-speakers__title"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         headingLevel={ 3 }
</span><span class="cx" style="display: block; padding: 0 10px">                                                        title={ post.title.rendered.trim() }
</span><span class="cx" style="display: block; padding: 0 10px">                                                        link={ post.link }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -188,7 +188,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                                { ( 'none' !== content ) &&
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <ItemHTMLContent
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className={ classnames( 'wordcamp-speaker-content-' + content ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className={ classnames( 'wordcamp-speakers__content', 'is-' + content ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 content={ 'full' === content ? post.content.rendered.trim() : post.excerpt.rendered.trim() }
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksspeakersblockcontentscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-content.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-content.scss       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-content.scss 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,4 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wordcamp-speaker-sessions-list {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-speakers__sessions-list {
</ins><span class="cx" style="display: block; padding: 0 10px">         // The double-ampersand will output the same class name twice in a row,
</span><span class="cx" style="display: block; padding: 0 10px">        // which defeats an overzealous ul rule in Core's editor-blocks.css.
</span><span class="cx" style="display: block; padding: 0 10px">        // https://css-tricks.com/the-sass-ampersand/#article-header-id-11
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -9,10 +9,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"> .wordcamp-speaker-session-link,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wordcamp-speaker-session-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-speakers__session-info {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: block;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wordcamp-speaker-session-info {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-speakers__session-info {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-style: italic;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksspeakersblockcontrolsjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-controls.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-controls.js        2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/block-controls.js  2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,7 +13,7 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-import { PlaceholderSpecificMode } from '../../components/block-controls';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import { PlaceholderSpecificMode, EditModeOption } from '../../components/block-controls';
</ins><span class="cx" style="display: block; padding: 0 10px"> import { getOptionLabel }          from '../../components/item-select';
</span><span class="cx" style="display: block; padding: 0 10px"> import { BlockContent }            from './block-content';
</span><span class="cx" style="display: block; padding: 0 10px"> import { ContentSelect }           from './content-select';
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,29 +61,35 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        default :
</span><span class="cx" style="display: block; padding: 0 10px">                                output = (
</span><span class="cx" style="display: block; padding: 0 10px">                                        <Placeholder
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-block-edit-placeholder', 'wordcamp-block-edit-placeholder-no-mode' ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp__edit-placeholder', 'has-no-mode' ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 icon={ icon }
</span><span class="cx" style="display: block; padding: 0 10px">                                                label={ LABEL }
</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 className="wordcamp-block-edit-mode-option">
-                                                       <Button
-                                                               isDefault
-                                                               isLarge
-                                                               onClick={ () => {
-                                                                       setAttributes( { mode: 'all' } );
-                                                               } }
-                                                       >
-                                                               { getOptionLabel( 'all', options.mode ) }
-                                                       </Button>
-                                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <EditModeOption
+                                                       content={
+                                                               <Button
+                                                                       isDefault
+                                                                       isLarge
+                                                                       onClick={ () => {
+                                                                               setAttributes( { mode : 'all' } );
+                                                                       } }
+                                                               >
+                                                                       { getOptionLabel( 'all', options.mode ) }
+                                                               </Button>
+                                                       }
+                                               />
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                <div className="wordcamp-block-edit-mode-option">
-                                                       <ContentSelect
-                                                               icon={ icon }
-                                                               label={ __( 'Choose specific speakers or groups', 'wordcamporg' ) }
-                                                               { ...this.props }
-                                                       />
-                                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <EditModeOption
+                                                       content={
+                                                               <ContentSelect
+                                                                       icon={ icon }
+                                                                       label={ __(
+                                                                               'Choose specific speakers or groups',
+                                                                               'wordcamporg' ) }
+                                                                       { ...this.props }
+                                                               />
+                                                       }
+                                               />
</ins><span class="cx" style="display: block; padding: 0 10px">                                         </Placeholder>
</span><span class="cx" style="display: block; padding: 0 10px">                                );
</span><span class="cx" style="display: block; padding: 0 10px">                                break;
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblocksspeakerscontentselectjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/content-select.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/content-select.js        2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/speakers/content-select.js  2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -105,7 +105,7 @@
</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">                        <ItemSelect
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-speakers-select"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-speakers__select"
</ins><span class="cx" style="display: block; padding: 0 10px">                                 label={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                                value={ this.getCurrentSelectValue() }
</span><span class="cx" style="display: block; padding: 0 10px">                                onChange={ ( changed ) => setAttributes( changed ) }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssponsorsblockcontentjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/block-content.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/block-content.js 2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/block-content.js   2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -81,16 +81,16 @@
</span><span class="cx" style="display: block; padding: 0 10px">                return (
</span><span class="cx" style="display: block; padding: 0 10px">                        <PostList
</span><span class="cx" style="display: block; padding: 0 10px">                                { ...this.props }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-sponsors-block"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-sponsors__posts"
</ins><span class="cx" style="display: block; padding: 0 10px">                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                { posts.map( ( post ) =>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <div
</span><span class="cx" style="display: block; padding: 0 10px">                                                key={ post.slug }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-sponsor', 'wordcamp-sponsor-' + post.slug ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp-sponsors__post', 'has-slug-' + post.slug ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                                { show_name &&
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <ItemTitle
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className="wordcamp-sponsor-title"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className="wordcamp-sponsors__title"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 headingLevel={ 3 }
</span><span class="cx" style="display: block; padding: 0 10px">                                                                title={ post.title.rendered.trim() }
</span><span class="cx" style="display: block; padding: 0 10px">                                                                link={ post.link }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -101,7 +101,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <FeaturedImage
</span><span class="cx" style="display: block; padding: 0 10px">                                                                imageData={ get( post, '_embedded.wp:featuredmedia[0]', {} ) }
</span><span class="cx" style="display: block; padding: 0 10px">                                                                width={ featured_image_width }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className={ classnames( 'wordcamp-sponsor-featured-image', 'wordcamp-sponsor-logo', 'align-' + image_align ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className={ classnames( 'wordcamp-sponsors__featured-image', 'wordcamp-sponsors__logo', 'align-' + image_align ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 imageLink={ post.link }
</span><span class="cx" style="display: block; padding: 0 10px">                                                        />
</span><span class="cx" style="display: block; padding: 0 10px">                                                }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -108,7 +108,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                                { ( 'none' !== content ) &&
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <ItemHTMLContent
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className={ classnames( 'wordcamp-sponsor-content-' + content ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className={ classnames( 'wordcamp-sponsors__content', 'has-content-' + content ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 content={ 'full' === content ? post.content.rendered.trim() : post.excerpt.rendered.trim() }
</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">@@ -117,7 +117,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                        <ItemPermalink
</span><span class="cx" style="display: block; padding: 0 10px">                                                                link={ post.link }
</span><span class="cx" style="display: block; padding: 0 10px">                                                                linkText={ __( 'Visit sponsor page', 'wordcamporg' ) }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                className="wordcamp-sponsor-permalink"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         className="wordcamp-sponsors__permalink"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         />
</span><span class="cx" style="display: block; padding: 0 10px">                                                }
</span><span class="cx" style="display: block; padding: 0 10px">                                        </div>
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssponsorsblockcontrolsjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/block-controls.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/block-controls.js        2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/block-controls.js  2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,7 +13,7 @@
</span><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><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-import { PlaceholderSpecificMode } from '../../components/block-controls';
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+import { PlaceholderSpecificMode, EditModeOption } from '../../components/block-controls';
</ins><span class="cx" style="display: block; padding: 0 10px"> import { getOptionLabel }          from '../../components/item-select';
</span><span class="cx" style="display: block; padding: 0 10px"> import { BlockContent }            from './block-content';
</span><span class="cx" style="display: block; padding: 0 10px"> import { ContentSelect }           from './content-select';
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -61,29 +61,35 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        default :
</span><span class="cx" style="display: block; padding: 0 10px">                                output = (
</span><span class="cx" style="display: block; padding: 0 10px">                                        <Placeholder
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-block-edit-placeholder', 'wordcamp-block-edit-placeholder-no-mode' ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp__edit-placeholder', 'has-no-mode' ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 icon={ icon }
</span><span class="cx" style="display: block; padding: 0 10px">                                                label={ LABEL }
</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 className="wordcamp-block-edit-mode-option">
-                                                       <Button
-                                                               isDefault
-                                                               isLarge
-                                                               onClick={ () => {
-                                                                       setAttributes( { mode: 'all' } );
-                                                               } }
-                                                       >
-                                                               { getOptionLabel( 'all', options.mode ) }
-                                                       </Button>
-                                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <EditModeOption
+                                                       content={
+                                                               <Button
+                                                                       isDefault
+                                                                       isLarge
+                                                                       onClick={ () => {
+                                                                               setAttributes( { mode : 'all' } );
+                                                                       } }
+                                                               >
+                                                                       { getOptionLabel( 'all', options.mode ) }
+                                                               </Button>
+                                                       }
+                                               />
</ins><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                <div className="wordcamp-block-edit-mode-option">
-                                                       <ContentSelect
-                                                               icon={ icon }
-                                                               label={ __( 'Choose specific sponsors or levels', 'wordcamporg' ) }
-                                                               { ...this.props }
-                                                       />
-                                               </div>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <EditModeOption
+                                                       content={
+                                                               <ContentSelect
+                                                                       icon={ icon }
+                                                                       label={ __(
+                                                                               'Choose specific sponsors or levels',
+                                                                               'wordcamporg' ) }
+                                                                       { ...this.props }
+                                                               />
+                                                       }
+                                               />
</ins><span class="cx" style="display: block; padding: 0 10px">                                         </Placeholder>
</span><span class="cx" style="display: block; padding: 0 10px">                                );
</span><span class="cx" style="display: block; padding: 0 10px">                                break;
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourceblockssponsorscontentselectjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/content-select.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/content-select.js        2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/blocks/sponsors/content-select.js  2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -105,7 +105,7 @@
</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">                        <ItemSelect
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-sponsors-select"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-sponsors__select"
</ins><span class="cx" style="display: block; padding: 0 10px">                                 label={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                                value={ this.getCurrentSelectValue() }
</span><span class="cx" style="display: block; padding: 0 10px">                                onChange={ ( changed ) => setAttributes( changed ) }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsblockcontentindexjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-content/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-content/index.js        2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-content/index.js  2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -26,7 +26,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> export function BlockNoContent( { loading } ) {
</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">-                <div className="wordcamp-block-content-none">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div className="wordcamp-block_posts has-no-content">
</ins><span class="cx" style="display: block; padding: 0 10px">                         { loading ?
</span><span class="cx" style="display: block; padding: 0 10px">                                <Spinner /> :
</span><span class="cx" style="display: block; padding: 0 10px">                                __( 'No content found.', 'wordcamporg' )
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -56,7 +56,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">        const classes = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'wordcamp-item-title',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'wordcamp-block__post-title',
</ins><span class="cx" style="display: block; padding: 0 10px">                 className,
</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">@@ -98,7 +98,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> export function ItemHTMLContent( { className, content, link, linkText } ) {
</span><span class="cx" style="display: block; padding: 0 10px">        const classes = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'wordcamp-item-content',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'wordcamp-block__post-content',
</ins><span class="cx" style="display: block; padding: 0 10px">                 className,
</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">@@ -130,7 +130,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> export function ItemPermalink( { className, link, linkText } ) {
</span><span class="cx" style="display: block; padding: 0 10px">        const classes = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'wordcamp-item-permalink',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'wordcamp-block__post-permalink',
</ins><span class="cx" style="display: block; padding: 0 10px">                 className,
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsblockcontentstylescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-content/style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-content/style.scss      2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-content/style.scss        2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,4 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wordcamp-block-content-none {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-block_posts.has-no-content {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 1em 0;
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: center;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsblockcontrolsindexjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-controls/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-controls/index.js       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/block-controls/index.js 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -29,8 +29,8 @@
</span><span class="cx" style="display: block; padding: 0 10px">  */
</span><span class="cx" style="display: block; padding: 0 10px"> export function PlaceholderSpecificMode( { className, label, icon, content, placeholderChildren } ) {
</span><span class="cx" style="display: block; padding: 0 10px">        const classes = [
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                'wordcamp-block-edit-placeholder',
-               'wordcamp-block-edit-placeholder-specific-mode',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         'wordcamp-block__edit-placeholder',
+               'has-specific-mode',
</ins><span class="cx" style="display: block; padding: 0 10px">                 className,
</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="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimageavatarjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/avatar.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/avatar.js       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/avatar.js 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -81,7 +81,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        if ( isURL( imageLink ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                image = (
</span><span class="cx" style="display: block; padding: 0 10px">                        <Disabled>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <a href={ imageLink } className={ classnames( 'wordcamp-image-link', 'wordcamp-avatar-link' ) }>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <a href={ imageLink } className={ classnames( 'wordcamp-image__avatar-link' ) }>
</ins><span class="cx" style="display: block; padding: 0 10px">                                         { image }
</span><span class="cx" style="display: block; padding: 0 10px">                                </a>
</span><span class="cx" style="display: block; padding: 0 10px">                        </Disabled>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -89,7 +89,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">        image = (
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div className={ classnames( 'wordcamp-image-container', 'wordcamp-avatar-container', className ) }>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div className={ classnames( 'wordcamp-image__avatar-container', className ) }>
</ins><span class="cx" style="display: block; padding: 0 10px">                         { image }
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span><span class="cx" style="display: block; padding: 0 10px">        );
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimagefeaturedimagejs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/featured-image.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/featured-image.js       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/featured-image.js 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -133,7 +133,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                let output = (
</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">-                                className={ classnames( 'wordcamp-featured-image', 'wp-post-image' ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className={ classnames( 'wordcamp-image__featured-image', 'wp-post-image' ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                 src={ src }
</span><span class="cx" style="display: block; padding: 0 10px">                                alt={ alt }
</span><span class="cx" style="display: block; padding: 0 10px">                                width={ width }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -144,7 +144,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                if ( isURL( imageLink ) ) {
</span><span class="cx" style="display: block; padding: 0 10px">                        output = (
</span><span class="cx" style="display: block; padding: 0 10px">                                <Disabled>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <a href={ imageLink } className={ classnames( 'wordcamp-image-link', 'wordcamp-featured-image-link' ) }>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <a href={ imageLink } className={ classnames( 'wordcamp-image__featured-image-link' ) }>
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 { output }
</span><span class="cx" style="display: block; padding: 0 10px">                                        </a>
</span><span class="cx" style="display: block; padding: 0 10px">                                </Disabled>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -152,7 +152,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">                output = (
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <div className={ classnames( 'wordcamp-image-container', 'wordcamp-featured-image-container', className ) }>
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div className={ classnames( 'wordcamp-image__featured-image-container', className ) }>
</ins><span class="cx" style="display: block; padding: 0 10px">                                 { output }
</span><span class="cx" style="display: block; padding: 0 10px">                        </div>
</span><span class="cx" style="display: block; padding: 0 10px">                );
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimagefeaturedimagescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/featured-image.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/featured-image.scss     2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/featured-image.scss       2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,5 +1,5 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-img.wordcamp-featured-image {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+img.wordcamp-image__featured-image {
</ins><span class="cx" style="display: block; padding: 0 10px">         max-width: 100%;
</span><span class="cx" style="display: block; padding: 0 10px">        max-height: 100%;
</span><span class="cx" style="display: block; padding: 0 10px"> }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimageinspectorcontrolsjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/inspector-controls.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/inspector-controls.js   2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/inspector-controls.js     2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -79,11 +79,11 @@
</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">                        <BaseControl
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className={ classnames( 'wordcamp-image-size', className ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className={ classnames( 'wordcamp-image__size', className ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                 label={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                                help={ help }
</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 className="wordcamp-image-size-preset-buttons">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <div className="wordcamp-image__size-preset-buttons">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         { sizePresets.length > 0 &&
</span><span class="cx" style="display: block; padding: 0 10px">                                                <ButtonGroup aria-label={ label }>
</span><span class="cx" style="display: block; padding: 0 10px">                                                        { sizePresets.map( ( preset ) => {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -107,7 +107,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">                                        <Button
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className="wordcamp-image-size-button-reset"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className="wordcamp-image__size-button-reset"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 isLarge
</span><span class="cx" style="display: block; padding: 0 10px">                                                isDefault
</span><span class="cx" style="display: block; padding: 0 10px">                                                onClick={ () => this.onChange( Number( initialPosition ) ) }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -117,7 +117,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                </div>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                                <RangeControl
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        className="wordcamp-image-size-range"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 className="wordcamp-image__size-range"
</ins><span class="cx" style="display: block; padding: 0 10px">                                         value={ value }
</span><span class="cx" style="display: block; padding: 0 10px">                                        initialPosition={ initialPosition }
</span><span class="cx" style="display: block; padding: 0 10px">                                        onChange={ this.onChange }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -155,7 +155,7 @@
</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">                <BaseControl
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        className={ classnames( 'wordcamp-image-alignment', className ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 className={ classnames( 'wordcamp-image__alignment', className ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                         label={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                        help={ help }
</span><span class="cx" style="display: block; padding: 0 10px">                >
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -222,7 +222,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        <PanelBody
</span><span class="cx" style="display: block; padding: 0 10px">                                title={ title }
</span><span class="cx" style="display: block; padding: 0 10px">                                initialOpen={ initialOpen }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className={ classnames( 'wordcamp-image-inspector-panel', className ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className={ classnames( 'wordcamp-image__inspector-panel', className ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                <ToggleControl
</span><span class="cx" style="display: block; padding: 0 10px">                                        label={ __( 'Show images', 'wordcamporg' ) }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimageinspectorcontrolsscss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/inspector-controls.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/inspector-controls.scss 2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/inspector-controls.scss   2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,10 +1,10 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wordcamp-image-size-preset-buttons {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-image__size-preset-buttons {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: space-between;
</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">-.wordcamp-image-size-range {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-image__size-range {
</ins><span class="cx" style="display: block; padding: 0 10px">         .edit-post-settings-sidebar__panel-block .components-panel__body & {
</span><span class="cx" style="display: block; padding: 0 10px">                margin-top: 1em;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsimagestylescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/style.scss      2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/image/style.scss        2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,4 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wordcamp-image-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-image__avatar-container,.wordcamp-image__featured-image-container {
</ins><span class="cx" style="display: block; padding: 0 10px">         &.align-left {
</span><span class="cx" style="display: block; padding: 0 10px">                float: left;
</span><span class="cx" style="display: block; padding: 0 10px">                margin-right: 1em;
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsitemselectindexjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/index.js  2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/index.js    2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -62,7 +62,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">         */
</span><span class="cx" style="display: block; padding: 0 10px">        static formatGroupLabel( groupData ) {
</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">-                        <span className="wordcamp-item-select-option-group-label">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <span className="wordcamp-item-select__option-group-label">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 { groupData.label }
</span><span class="cx" style="display: block; padding: 0 10px">                        </span>
</span><span class="cx" style="display: block; padding: 0 10px">                );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -124,10 +124,10 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                label={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                                help={ help }
</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 className="wordcamp-item-select-inner">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <div className="wordcamp-item-select__inner">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <Select
</span><span class="cx" style="display: block; padding: 0 10px">                                                id={ id }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className="wordcamp-item-select-select"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className="wordcamp-item-select__select"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 value={ value }
</span><span class="cx" style="display: block; padding: 0 10px">                                                aria-label={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                                                onChange={ ( selectedOptions ) => {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -136,7 +136,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                { ...mergedSelectProps }
</span><span class="cx" style="display: block; padding: 0 10px">                                        />
</span><span class="cx" style="display: block; padding: 0 10px">                                        <Button
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className="wordcamp-item-select-button"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className="wordcamp-item-select__button"
</ins><span class="cx" style="display: block; padding: 0 10px">                                                 isLarge
</span><span class="cx" style="display: block; padding: 0 10px">                                                isDefault
</span><span class="cx" style="display: block; padding: 0 10px">                                                onClick={ () => onChange( this.getNewAttributes() ) }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsitemselectoptionjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/option.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/option.js 2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/option.js   2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -138,7 +138,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        if ( avatar ) {
</span><span class="cx" style="display: block; padding: 0 10px">                image = (
</span><span class="cx" style="display: block; padding: 0 10px">                        <AvatarImage
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                className="wordcamp-item-select-option-avatar"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         className="wordcamp-item-select__option-avatar"
</ins><span class="cx" style="display: block; padding: 0 10px">                                 name={ label }
</span><span class="cx" style="display: block; padding: 0 10px">                                size={ 24 }
</span><span class="cx" style="display: block; padding: 0 10px">                                url={ avatar }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -146,9 +146,9 @@
</span><span class="cx" style="display: block; padding: 0 10px">                );
</span><span class="cx" style="display: block; padding: 0 10px">        } else if ( icon ) {
</span><span class="cx" style="display: block; padding: 0 10px">                image = (
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <div className="wordcamp-item-select-option-icon-container">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <div className="wordcamp-item-select__option-icon-container">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <Dashicon
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        className="wordcamp-item-select-option-icon"
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 className="wordcamp-item-select__option-icon"
</ins><span class="cx" style="display: block; padding: 0 10px">                                         icon={ icon }
</span><span class="cx" style="display: block; padding: 0 10px">                                        size={ 16 }
</span><span class="cx" style="display: block; padding: 0 10px">                                />
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -157,10 +157,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">        const content = (
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <span className="wordcamp-item-select-option-label">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <span className="wordcamp-item-select__option-label">
</ins><span class="cx" style="display: block; padding: 0 10px">                         { label }
</span><span class="cx" style="display: block; padding: 0 10px">                        { 'undefined' !== typeof count &&
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <span className="wordcamp-item-select-option-label-count">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <span className="wordcamp-item-select__option-label-count">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         { count }
</span><span class="cx" style="display: block; padding: 0 10px">                                </span>
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -168,7 +168,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">        return (
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div className="wordcamp-item-select-option">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div className="wordcamp-item-select__option">
</ins><span class="cx" style="display: block; padding: 0 10px">                         { image }
</span><span class="cx" style="display: block; padding: 0 10px">                        { content }
</span><span class="cx" style="display: block; padding: 0 10px">                </div>
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentsitemselectstylescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/style.scss        2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/item-select/style.scss  2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -1,4 +1,4 @@
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-.wordcamp-item-select-inner {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-item-select__inner {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: space-between;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -5,7 +5,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">        text-align: left;
</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">-.wordcamp-item-select-select {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-item-select__select {
</ins><span class="cx" style="display: block; padding: 0 10px">         flex-grow: 2;
</span><span class="cx" style="display: block; padding: 0 10px">        margin-right: 1em;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -19,13 +19,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">-.wordcamp-item-select-option {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-item-select__option {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: flex;
</span><span class="cx" style="display: block; padding: 0 10px">        align-items: center;
</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">-.wordcamp-item-select-option-avatar,
-.wordcamp-item-select-option-icon-container {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-item-select__option-avatar,
+.wordcamp-item-select__option-icon-container {
</ins><span class="cx" style="display: block; padding: 0 10px">         display: inline-flex;
</span><span class="cx" style="display: block; padding: 0 10px">        align-items: center;
</span><span class="cx" style="display: block; padding: 0 10px">        justify-content: center;
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -34,12 +34,12 @@
</span><span class="cx" style="display: block; padding: 0 10px">        background-color: #f3f3f4;
</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">-.wordcamp-item-select-option-label {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-item-select__option-label {
</ins><span class="cx" style="display: block; padding: 0 10px">         margin: 0 0.5em;
</span><span class="cx" style="display: block; padding: 0 10px">        white-space: normal;
</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">-.wordcamp-item-select-option-label-count {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+.wordcamp-item-select__option-label-count {
</ins><span class="cx" style="display: block; padding: 0 10px">         font-size: 0.6em;
</span><span class="cx" style="display: block; padding: 0 10px">        display: inline-block;
</span><span class="cx" style="display: block; padding: 0 10px">        border-radius: 50%;
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentspostlistindexjs"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/post-list/index.js</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/post-list/index.js    2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/post-list/index.js      2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -48,7 +48,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                { ( children ).map( ( childComponent ) =>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <li
</span><span class="cx" style="display: block; padding: 0 10px">                                                key={ childComponent.key }
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                className={ classnames( 'wordcamp-post-list-item', 'wordcamp-clearfix' ) }
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         className={ classnames( 'wordcamp-post-list__post', 'wordcamp-clearfix' ) }
</ins><span class="cx" style="display: block; padding: 0 10px">                                         >
</span><span class="cx" style="display: block; padding: 0 10px">                                                { childComponent }
</span><span class="cx" style="display: block; padding: 0 10px">                                        </li>
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblockssourcecomponentspostliststylescss"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/post-list/style.scss</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/post-list/style.scss  2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/source/components/post-list/style.scss    2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -12,7 +12,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                list-style: none;
</span><span class="cx" style="display: block; padding: 0 10px">        }
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-        .wordcamp-post-list-item {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+ .wordcamp-post-list__post {
</ins><span class="cx" style="display: block; padding: 0 10px">                 margin: 0 0 1em 0;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">                .layout-list & {
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -36,7 +36,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        min-height: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                        min-width: 0;
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        & .wordcamp-post-list-item {
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 & .wordcamp-post-list__post {
</ins><span class="cx" style="display: block; padding: 0 10px">                                 overflow: hidden;
</span><span class="cx" style="display: block; padding: 0 10px">                                min-width: 0;
</span><span class="cx" style="display: block; padding: 0 10px">                        }
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksviewsorganizerphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/organizer.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/organizer.php     2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/organizer.php       2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -15,13 +15,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> setup_postdata( $organizer ); // This is necessary for generating an excerpt from content if the excerpt field is empty.
</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 class="wordcamp-organizer wordcamp-organizer-<?php echo esc_attr( $organizer->post_name ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="wordcamp-organizer wordcamp-organizers__post has-slug-<?php echo esc_attr( $organizer->post_name ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px">         <?php echo wp_kses_post(
</span><span class="cx" style="display: block; padding: 0 10px">                render_item_title(
</span><span class="cx" style="display: block; padding: 0 10px">                        get_the_title( $organizer ),
</span><span class="cx" style="display: block; padding: 0 10px">                        '',
</span><span class="cx" style="display: block; padding: 0 10px">                        3,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        [ 'wordcamp-organizer-title' ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 [ 'wordcamp-organizers__title' ]
</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">@@ -43,7 +43,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                'excerpt' === $attributes['content']
</span><span class="cx" style="display: block; padding: 0 10px">                                        ? apply_filters( 'the_excerpt', get_the_excerpt( $organizer ) )
</span><span class="cx" style="display: block; padding: 0 10px">                                        : get_all_the_content( $organizer ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-organizer-content-' . $attributes['content'] ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-organizers__content', 'is-' . $attributes['content'] ]
</ins><span class="cx" style="display: block; padding: 0 10px">                         )
</span><span class="cx" style="display: block; padding: 0 10px">                ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">        <?php endif; ?>
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksviewssessionphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/session.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/session.php       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/session.php 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,13 +14,13 @@
</span><span class="cx" style="display: block; padding: 0 10px"> setup_postdata( $session );
</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 class="wordcamp-session wordcamp-session-<?php echo sanitize_html_class( $session->post_name ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="wordcamp-sessions__post has-slug-<?php echo sanitize_html_class( $session->post_name ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px">         <?php echo wp_kses_post(
</span><span class="cx" style="display: block; padding: 0 10px">                render_item_title(
</span><span class="cx" style="display: block; padding: 0 10px">                        get_the_title( $session ),
</span><span class="cx" style="display: block; padding: 0 10px">                        get_permalink( $session ),
</span><span class="cx" style="display: block; padding: 0 10px">                        3,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        [ 'wordcamp-session-title' ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 [ 'wordcamp-sessions__title' ]
</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">@@ -37,7 +37,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">-                <div class="wordcamp-item-meta wordcamp-session-speakers">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="wordcamp__item-meta wordcamp-sessions__speakers">
</ins><span class="cx" style="display: block; padding: 0 10px">                         <?php
</span><span class="cx" style="display: block; padding: 0 10px">                        printf(
</span><span class="cx" style="display: block; padding: 0 10px">                                /* translators: %s is a list of names. */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -53,7 +53,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        render_featured_image(
</span><span class="cx" style="display: block; padding: 0 10px">                                $session,
</span><span class="cx" style="display: block; padding: 0 10px">                                $attributes['featured_image_width'],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-session-featured-image', 'align-' . esc_attr( $attributes['image_align'] ) ],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-sessions__featured-image', 'align-' . esc_attr( $attributes['image_align'] ) ],
</ins><span class="cx" style="display: block; padding: 0 10px">                                 get_permalink( $session )
</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">@@ -65,17 +65,17 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                'excerpt' === $attributes['content']
</span><span class="cx" style="display: block; padding: 0 10px">                                        ? apply_filters( 'the_excerpt', get_the_excerpt( $session ) )
</span><span class="cx" style="display: block; padding: 0 10px">                                        : get_all_the_content( $session ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-session-content-' . $attributes['content'] ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-sessions__content-' . 'is-' . $attributes['content'] ]
</ins><span class="cx" style="display: block; padding: 0 10px">                         )
</span><span class="cx" style="display: block; padding: 0 10px">                ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">        <?php endif; ?>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        <?php if ( $attributes['show_meta'] || $attributes['show_category'] ) : ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                <div class="wordcamp-item-meta wordcamp-session-details">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+         <div class="wordcamp__item-meta wordcamp-sessions__details">
</ins><span class="cx" style="display: block; padding: 0 10px">                         <?php if ( $attributes['show_meta'] ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px">                                <?php $tracks = get_the_terms( $session, 'wcb_track' ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <div class="wordcamp-session-time-location">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <div class="wordcamp-sessions__time-location">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <?php if ( ! is_wp_error( $tracks ) && ! empty( $tracks ) ) :
</span><span class="cx" style="display: block; padding: 0 10px">                                                printf(
</span><span class="cx" style="display: block; padding: 0 10px">                                                        /* translators: 1: A date; 2: A time; 3: A location; */
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -83,7 +83,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                                        esc_html( date_i18n( get_option( 'date_format' ), $session->_wcpt_session_time ) ),
</span><span class="cx" style="display: block; padding: 0 10px">                                                        esc_html( date_i18n( get_option( 'time_format' ), $session->_wcpt_session_time ) ),
</span><span class="cx" style="display: block; padding: 0 10px">                                                        sprintf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                                '<span class="wordcamp-session-track wordcamp-session-track-%s">%s</span>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                         '<span class="wordcamp-sessions__track has-slug-%s">%s</span>',
</ins><span class="cx" style="display: block; padding: 0 10px">                                                                 esc_attr( $tracks[0]->slug ),
</span><span class="cx" style="display: block; padding: 0 10px">                                                                esc_html( $tracks[0]->name )
</span><span class="cx" style="display: block; padding: 0 10px">                                                        )
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -104,7 +104,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                $categories = array_map(
</span><span class="cx" style="display: block; padding: 0 10px">                                        function( $category ) {
</span><span class="cx" style="display: block; padding: 0 10px">                                                return sprintf(
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                        '<span class="wordcamp-session-category wordcamp-session-category-%s">%s</span>',
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                                 '<span class="wordcamp-sessions__category has-slug-%s">%s</span>',
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         esc_attr( $category->slug ),
</span><span class="cx" style="display: block; padding: 0 10px">                                                        esc_html( $category->name )
</span><span class="cx" style="display: block; padding: 0 10px">                                                );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -113,7 +113,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                );
</span><span class="cx" style="display: block; padding: 0 10px">                                ?>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                <div class="wordcamp-session-categories">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         <div class="wordcamp-sessions__categories">
</ins><span class="cx" style="display: block; padding: 0 10px">                                         <?php
</span><span class="cx" style="display: block; padding: 0 10px">                                        /* translators: used between list items, there is a space after the comma */
</span><span class="cx" style="display: block; padding: 0 10px">                                        echo wp_kses_post( implode( __( ', ', 'wordcamporg' ), $categories ) );
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -128,7 +128,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        render_item_permalink(
</span><span class="cx" style="display: block; padding: 0 10px">                                get_permalink( $session ),
</span><span class="cx" style="display: block; padding: 0 10px">                                __( 'Visit session page', 'wordcamporg' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-session-permalink' ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-sessions__permalink' ]
</ins><span class="cx" style="display: block; padding: 0 10px">                         )
</span><span class="cx" style="display: block; padding: 0 10px">                ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">        <?php endif; ?>
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksviewsspeakerphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/speaker.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/speaker.php       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/speaker.php 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -14,19 +14,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> setup_postdata( $speaker ); // This is necessary for generating an excerpt from content if the excerpt field is empty.
</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 class="wordcamp-speaker wordcamp-speaker-<?php echo esc_attr( $speaker->post_name ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="wordcamp-speakers__post has-slug-<?php echo esc_attr( $speaker->post_name ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px">         <?php echo wp_kses_post(
</span><span class="cx" style="display: block; padding: 0 10px">                render_item_title(
</span><span class="cx" style="display: block; padding: 0 10px">                        get_the_title( $speaker ),
</span><span class="cx" style="display: block; padding: 0 10px">                        get_permalink( $speaker ),
</span><span class="cx" style="display: block; padding: 0 10px">                        3,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        [ 'wordcamp-speaker-title' ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 [ 'wordcamp-speakers__title' ]
</ins><span class="cx" style="display: block; padding: 0 10px">                 )
</span><span class="cx" style="display: block; padding: 0 10px">        ); ?>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        <?php if ( true === $attributes['show_avatars'] ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="wordcamp-image-container wordcamp-avatar-container align-<?php echo esc_attr( $attributes['avatar_align'] ); ?>">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <a href="<?php echo esc_url( get_permalink( $speaker ) ); ?>" class="wordcamp-image-link wordcamp-avatar-link">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <a href="<?php echo esc_url( get_permalink( $speaker ) ); ?>" class="wordcamp-image__avatar-link">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <?php echo get_avatar(
</span><span class="cx" style="display: block; padding: 0 10px">                                        $speaker->_wcb_speaker_email,
</span><span class="cx" style="display: block; padding: 0 10px">                                        $attributes['avatar_size'],
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -44,7 +44,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                'excerpt' === $attributes['content']
</span><span class="cx" style="display: block; padding: 0 10px">                                        ? apply_filters( 'the_excerpt', get_the_excerpt( $speaker ) )
</span><span class="cx" style="display: block; padding: 0 10px">                                        : get_all_the_content( $speaker ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-speaker-content-' . $attributes['content'] ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-speakers__content is-' . $attributes['content'] ]
</ins><span class="cx" style="display: block; padding: 0 10px">                         )
</span><span class="cx" style="display: block; padding: 0 10px">                ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">        <?php endif; ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -51,19 +51,19 @@
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><span class="cx" style="display: block; padding: 0 10px">        <?php if ( true === $attributes['show_session'] && ! empty( $sessions[ $speaker->ID ] ) ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px">                <div class="wordcamp-item-meta wordcamp-speaker-sessions">
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <h4 class="wordcamp-speaker-sessions-heading">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <h4 class="wordcamp-speakers__sessions-heading">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <?php echo esc_html( _n( 'Session', 'Sessions', count( $sessions[ $speaker->ID ] ), 'wordcamporg' ) ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">                        </h4>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                        <ul class="wordcamp-speaker-sessions-list">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                 <ul class="wordcamp-speakers__sessions-list">
</ins><span class="cx" style="display: block; padding: 0 10px">                                 <?php foreach ( $sessions[ $speaker->ID ] as $session ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px">                                        <?php $tracks = get_the_terms( $session, 'wcb_track' ); ?>
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                        <li class="wordcamp-speaker-sessions-list-item">
-                                               <a class="wordcamp-speaker-session-link" href="<?php echo esc_url( get_permalink( $session ) ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                 <li class="wordcamp-speakers__sessions-list-item">
+                                               <a class="wordcamp-speakers__session-link" href="<?php echo esc_url( get_permalink( $session ) ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         <?php echo wp_kses_post( get_the_title( $session ) ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">                                                </a>
</span><span class="cx" style="display: block; padding: 0 10px"> 
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                                <span class="wordcamp-speaker-session-info">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                                         <span class="wordcamp-speakers__session-info">
</ins><span class="cx" style="display: block; padding: 0 10px">                                                         <?php if ( ! is_wp_error( $tracks ) && ! empty( $tracks ) ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px">                                                                <?php
</span><span class="cx" style="display: block; padding: 0 10px">                                                                        printf(
</span></span></pre></div>
<a id="sitestrunkwordcamporgpublic_htmlwpcontentmupluginsblocksviewssponsorphp"></a>
<div class="modfile"><h4 style="background-color: #eee; color: inherit; margin: 1em 0; padding: 1.3em; font-size: 115%">Modified: sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/sponsor.php</h4>
<pre class="diff"><span>
<span class="info" style="display: block; padding: 0 10px; color: #888">--- sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/sponsor.php       2019-05-23 18:11:09 UTC (rev 8858)
+++ sites/trunk/wordcamp.org/public_html/wp-content/mu-plugins/blocks/views/sponsor.php 2019-05-23 18:11:32 UTC (rev 8859)
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -13,7 +13,7 @@
</span><span class="cx" style="display: block; padding: 0 10px"> setup_postdata( $sponsor ); // This is necessary for generating an excerpt from content if the excerpt field is empty.
</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 class="wordcamp-sponsor wordcamp-sponsor-<?php echo esc_attr( $sponsor->post_name ); ?>">
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+<div class="wordcamp-sponsors__post has-slug-<?php echo esc_attr( $sponsor->post_name ); ?>">
</ins><span class="cx" style="display: block; padding: 0 10px">         <?php if ( true === $attributes['show_name'] ) : ?>
</span><span class="cx" style="display: block; padding: 0 10px">                <?php echo wp_kses_post(
</span><span class="cx" style="display: block; padding: 0 10px">                        render_item_title(
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -20,7 +20,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                get_the_title( $sponsor ),
</span><span class="cx" style="display: block; padding: 0 10px">                                get_permalink( $sponsor ),
</span><span class="cx" style="display: block; padding: 0 10px">                                3,
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-sponsor-title' ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-sponsors__title' ]
</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">        <?php endif; ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -30,7 +30,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        render_featured_image(
</span><span class="cx" style="display: block; padding: 0 10px">                                $sponsor,
</span><span class="cx" style="display: block; padding: 0 10px">                                $attributes['featured_image_width'],
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-sponsor-featured-image', 'wordcamp-sponsor-logo', 'align-' . esc_attr( $attributes['image_align'] ) ],
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-sponsors__featured-image', 'wordcamp-sponsors__logo', 'align-' . esc_attr( $attributes['image_align'] ) ],
</ins><span class="cx" style="display: block; padding: 0 10px">                                 get_permalink( $sponsor )
</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">@@ -42,7 +42,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                                'excerpt' === $attributes['content']
</span><span class="cx" style="display: block; padding: 0 10px">                                        ? apply_filters( 'the_excerpt', get_the_excerpt( $sponsor ) )
</span><span class="cx" style="display: block; padding: 0 10px">                                        : get_all_the_content( $sponsor ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-sponsor-content-' . $attributes['content'] ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-sponsors__content has-content-' . $attributes['content'] ]
</ins><span class="cx" style="display: block; padding: 0 10px">                         )
</span><span class="cx" style="display: block; padding: 0 10px">                ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">        <?php endif; ?>
</span><span class="lines" style="display: block; padding: 0 10px; color: #888">@@ -52,7 +52,7 @@
</span><span class="cx" style="display: block; padding: 0 10px">                        render_item_permalink(
</span><span class="cx" style="display: block; padding: 0 10px">                                get_permalink( $sponsor ),
</span><span class="cx" style="display: block; padding: 0 10px">                                __( 'Visit sponsor page', 'wordcamporg' ),
</span><del style="background-color: #fdd; text-decoration:none; display:block; padding: 0 10px">-                                [ 'wordcamp-sponsor-permalink' ]
</del><ins style="background-color: #dfd; text-decoration:none; display:block; padding: 0 10px">+                         [ 'wordcamp-sponsors__permalink' ]
</ins><span class="cx" style="display: block; padding: 0 10px">                         )
</span><span class="cx" style="display: block; padding: 0 10px">                ); ?>
</span><span class="cx" style="display: block; padding: 0 10px">        <?php endif; ?>
</span></span></pre>
</div>
</div>

</body>
</html>