Changeset 8689

Timestamp:

04/25/2019 09:57:38 PM (5 years ago)

Author:

coffee2code

Message:

Developer: Import Block Editor handbook from GitHub.

Currenly only accessible to logged in users.

See #4388.

Location:

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer

Files:

• functions.php (modified) (1 diff)
• inc/import-block-editor.php (added)
• inc/template-tags.php (modified) (1 diff)
• js/chapters.js (modified) (1 diff)
• scss/main.scss (modified) (1 diff)
• single-blocks-handbook.php (added)
• stylesheets/main.css (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/functions.php

@@ -72 +72 @@
     // Docs Importer base class.
     require __DIR__ . '/inc/import-docs.php';
+
+if ( is_user_logged_in() ) {
+    // Block Editor handbook.
+    require __DIR__ . '/inc/import-block-editor.php';
+}
 
     // Coding Standards handbook.

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php

@@ -651 +651 @@
             case 'themes':
                 return __( 'Theme Handbook', 'wporg' );
+            case 'block-editor':
+                return __( 'Block Editor Handbook', 'wporg' );
             case 'cli':
                 return __( 'WP-CLI Commands', 'wporg' );

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/chapters.js

@@ -1 +1 @@
 // Mobile Subnav open/close
 jQuery(document).ready(function() {
+
+    jQuery( document ).on( 'click', '.code-tab', function ( e ) {
+        var $tab = jQuery( e.target );
+        if ( $tab.hasClass( 'is-active' ) ) {
+            return;
+        }
+
+        var lang = $tab.text();
+
+        $tab.parent().find( '.is-active, .' + lang ).toggleClass( 'is-active' );
+    } );
 
     var tocContainer = jQuery( 'div[class*="-table-of-contents-container"]').first();

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/scss/main.scss

@@ -2706 +2706 @@
     }
 }
+
+code[class*="language-"],pre[class*="language-"]{direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none;background:#2b303b;color:#c0c5ce}pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{text-shadow:none;background:#a7adba}pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{text-shadow:none;background:#a7adba}pre[class*="language-"]{overflow:auto}:not(pre)>code[class*="language-"]{border-radius:.3em}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#65737e}.token.punctuation{color:#c0c5ce}.token.namespace{opacity:.7}.token.operator,.token.boolean,.token.number{color:#d08770}.token.property{color:#ebcb8b}.token.tag{color:#8fa1b3}.token.string{color:#96b5b4}.token.selector{color:#b48ead}.token.attr-name{color:#d08770}.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#96b5b4}.token.attr-value,.token.keyword,.token.control,.token.directive,.token.unit{color:#a3be8c}.token.statement,.token.regex,.token.atrule{color:#96b5b4}.token.placeholder,.token.variable{color:#8fa1b3}.token.deleted{text-decoration:line-through}.token.inserted{border-bottom:1px dotted #eff1f5;text-decoration:none}.token.italic{font-style:italic}.token.important,.token.bold{font-weight:bold}.token.important{color:#bf616a}.token.entity{cursor:help}pre>code.highlight{outline:0.4em solid #bf616a;outline-offset:.4em}
+
+.code-tab,
+.code-tab:hover {
+    background: #fff;
+    border: none;
+    box-shadow: none;
+    text-shadow: none;
+    border: 1px solid #D0DFDA;
+    border-radius: 30px 0 0 30px;
+    padding: 8px 20px;
+}
+
+.code-tab + .code-tab {
+    border-radius: 0 30px 30px 0;
+}
+
+.code-tab:focus,
+.code-tab.is-active:focus {
+    outline: none;
+    border: 1px solid #222;
+    box-shadow: none;
+}
+
+.code-tab.is-active {
+    background: #00B975;
+    border: 1px solid #00B975;
+    box-shadow: none;
+    color: #fff;
+}
+
+.code-tab-block {
+    display: none;
+}
+
+.code-tab-block.is-active {
+    display: block;
+}

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

@@ -3034 +3034 @@
   cursor: pointer;
 }
+
+code[class*="language-"], pre[class*="language-"] {
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
+  background: #2b303b;
+  color: #c0c5ce;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+  text-shadow: none;
+  background: #a7adba;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
+  text-shadow: none;
+  background: #a7adba;
+}
+
+pre[class*="language-"] {
+  overflow: auto;
+}
+
+:not(pre) > code[class*="language-"] {
+  border-radius: .3em;
+}
+
+.token.comment, .token.prolog, .token.doctype, .token.cdata {
+  color: #65737e;
+}
+
+.token.punctuation {
+  color: #c0c5ce;
+}
+
+.token.namespace {
+  opacity: .7;
+}
+
+.token.operator, .token.boolean, .token.number {
+  color: #d08770;
+}
+
+.token.property {
+  color: #ebcb8b;
+}
+
+.token.tag {
+  color: #8fa1b3;
+}
+
+.token.string {
+  color: #96b5b4;
+}
+
+.token.selector {
+  color: #b48ead;
+}
+
+.token.attr-name {
+  color: #d08770;
+}
+
+.token.entity, .token.url, .language-css .token.string, .style .token.string {
+  color: #96b5b4;
+}
+
+.token.attr-value, .token.keyword, .token.control, .token.directive, .token.unit {
+  color: #a3be8c;
+}
+
+.token.statement, .token.regex, .token.atrule {
+  color: #96b5b4;
+}
+
+.token.placeholder, .token.variable {
+  color: #8fa1b3;
+}
+
+.token.deleted {
+  text-decoration: line-through;
+}
+
+.token.inserted {
+  border-bottom: 1px dotted #eff1f5;
+  text-decoration: none;
+}
+
+.token.italic {
+  font-style: italic;
+}
+
+.token.important, .token.bold {
+  font-weight: bold;
+}
+
+.token.important {
+  color: #bf616a;
+}
+
+.token.entity {
+  cursor: help;
+}
+
+pre > code.highlight {
+  outline: 0.4em solid #bf616a;
+  outline-offset: .4em;
+}
+
+.code-tab,
+.code-tab:hover {
+  background: #fff;
+  border: none;
+  box-shadow: none;
+  text-shadow: none;
+  border: 1px solid #D0DFDA;
+  border-radius: 30px 0 0 30px;
+  padding: 8px 20px;
+}
+
+.code-tab + .code-tab {
+  border-radius: 0 30px 30px 0;
+}
+
+.code-tab:focus,
+.code-tab.is-active:focus {
+  outline: none;
+  border: 1px solid #222;
+  box-shadow: none;
+}
+
+.code-tab.is-active {
+  background: #00B975;
+  border: 1px solid #00B975;
+  box-shadow: none;
+  color: #fff;
+}
+
+.code-tab-block {
+  display: none;
+}
+
+.code-tab-block.is-active {
+  display: block;
+}