WordPress.org

Making WordPress.org

Changeset 8689


Ignore:
Timestamp:
04/25/2019 09:57:38 PM (2 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:
2 added
5 edited

Legend:

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

    r8688 r8689  
    7272    // Docs Importer base class.
    7373    require __DIR__ . '/inc/import-docs.php';
     74
     75if ( is_user_logged_in() ) {
     76    // Block Editor handbook.
     77    require __DIR__ . '/inc/import-block-editor.php';
     78}
    7479
    7580    // Coding Standards handbook.
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/inc/template-tags.php

    r8686 r8689  
    651651            case 'themes':
    652652                return __( 'Theme Handbook', 'wporg' );
     653            case 'block-editor':
     654                return __( 'Block Editor Handbook', 'wporg' );
    653655            case 'cli':
    654656                return __( 'WP-CLI Commands', 'wporg' );
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/chapters.js

    r8661 r8689  
    11// Mobile Subnav open/close
    22jQuery(document).ready(function() {
     3
     4    jQuery( document ).on( 'click', '.code-tab', function ( e ) {
     5        var $tab = jQuery( e.target );
     6        if ( $tab.hasClass( 'is-active' ) ) {
     7            return;
     8        }
     9
     10        var lang = $tab.text();
     11
     12        $tab.parent().find( '.is-active, .' + lang ).toggleClass( 'is-active' );
     13    } );
    314
    415    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

    r8660 r8689  
    27062706    }
    27072707}
     2708
     2709code[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}
     2710
     2711.code-tab,
     2712.code-tab:hover {
     2713    background: #fff;
     2714    border: none;
     2715    box-shadow: none;
     2716    text-shadow: none;
     2717    border: 1px solid #D0DFDA;
     2718    border-radius: 30px 0 0 30px;
     2719    padding: 8px 20px;
     2720}
     2721
     2722.code-tab + .code-tab {
     2723    border-radius: 0 30px 30px 0;
     2724}
     2725
     2726.code-tab:focus,
     2727.code-tab.is-active:focus {
     2728    outline: none;
     2729    border: 1px solid #222;
     2730    box-shadow: none;
     2731}
     2732
     2733.code-tab.is-active {
     2734    background: #00B975;
     2735    border: 1px solid #00B975;
     2736    box-shadow: none;
     2737    color: #fff;
     2738}
     2739
     2740.code-tab-block {
     2741    display: none;
     2742}
     2743
     2744.code-tab-block.is-active {
     2745    display: block;
     2746}
  • sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/stylesheets/main.css

    r8660 r8689  
    30343034  cursor: pointer;
    30353035}
     3036
     3037code[class*="language-"], pre[class*="language-"] {
     3038  direction: ltr;
     3039  text-align: left;
     3040  white-space: pre;
     3041  word-spacing: normal;
     3042  word-break: normal;
     3043  -moz-tab-size: 4;
     3044  -o-tab-size: 4;
     3045  tab-size: 4;
     3046  -webkit-hyphens: none;
     3047  -moz-hyphens: none;
     3048  -ms-hyphens: none;
     3049  hyphens: none;
     3050  background: #2b303b;
     3051  color: #c0c5ce;
     3052}
     3053
     3054pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection, code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
     3055  text-shadow: none;
     3056  background: #a7adba;
     3057}
     3058
     3059pre[class*="language-"]::selection, pre[class*="language-"] ::selection, code[class*="language-"]::selection, code[class*="language-"] ::selection {
     3060  text-shadow: none;
     3061  background: #a7adba;
     3062}
     3063
     3064pre[class*="language-"] {
     3065  overflow: auto;
     3066}
     3067
     3068:not(pre) > code[class*="language-"] {
     3069  border-radius: .3em;
     3070}
     3071
     3072.token.comment, .token.prolog, .token.doctype, .token.cdata {
     3073  color: #65737e;
     3074}
     3075
     3076.token.punctuation {
     3077  color: #c0c5ce;
     3078}
     3079
     3080.token.namespace {
     3081  opacity: .7;
     3082}
     3083
     3084.token.operator, .token.boolean, .token.number {
     3085  color: #d08770;
     3086}
     3087
     3088.token.property {
     3089  color: #ebcb8b;
     3090}
     3091
     3092.token.tag {
     3093  color: #8fa1b3;
     3094}
     3095
     3096.token.string {
     3097  color: #96b5b4;
     3098}
     3099
     3100.token.selector {
     3101  color: #b48ead;
     3102}
     3103
     3104.token.attr-name {
     3105  color: #d08770;
     3106}
     3107
     3108.token.entity, .token.url, .language-css .token.string, .style .token.string {
     3109  color: #96b5b4;
     3110}
     3111
     3112.token.attr-value, .token.keyword, .token.control, .token.directive, .token.unit {
     3113  color: #a3be8c;
     3114}
     3115
     3116.token.statement, .token.regex, .token.atrule {
     3117  color: #96b5b4;
     3118}
     3119
     3120.token.placeholder, .token.variable {
     3121  color: #8fa1b3;
     3122}
     3123
     3124.token.deleted {
     3125  text-decoration: line-through;
     3126}
     3127
     3128.token.inserted {
     3129  border-bottom: 1px dotted #eff1f5;
     3130  text-decoration: none;
     3131}
     3132
     3133.token.italic {
     3134  font-style: italic;
     3135}
     3136
     3137.token.important, .token.bold {
     3138  font-weight: bold;
     3139}
     3140
     3141.token.important {
     3142  color: #bf616a;
     3143}
     3144
     3145.token.entity {
     3146  cursor: help;
     3147}
     3148
     3149pre > code.highlight {
     3150  outline: 0.4em solid #bf616a;
     3151  outline-offset: .4em;
     3152}
     3153
     3154.code-tab,
     3155.code-tab:hover {
     3156  background: #fff;
     3157  border: none;
     3158  box-shadow: none;
     3159  text-shadow: none;
     3160  border: 1px solid #D0DFDA;
     3161  border-radius: 30px 0 0 30px;
     3162  padding: 8px 20px;
     3163}
     3164
     3165.code-tab + .code-tab {
     3166  border-radius: 0 30px 30px 0;
     3167}
     3168
     3169.code-tab:focus,
     3170.code-tab.is-active:focus {
     3171  outline: none;
     3172  border: 1px solid #222;
     3173  box-shadow: none;
     3174}
     3175
     3176.code-tab.is-active {
     3177  background: #00B975;
     3178  border: 1px solid #00B975;
     3179  box-shadow: none;
     3180  color: #fff;
     3181}
     3182
     3183.code-tab-block {
     3184  display: none;
     3185}
     3186
     3187.code-tab-block.is-active {
     3188  display: block;
     3189}
Note: See TracChangeset for help on using the changeset viewer.