f8aecf9607
This changes WordPress Core's Gutenberg integration from npm packages to checking out and building Gutenberg directly. Instead of syncing individual npm packages, Core now checks out the Gutenberg repository, builds it, and copies the build artifacts. This enables Core to use Gutenberg's advanced features like route-based navigation, full-page rendering, and the Font Library, while also streamlining future updates. New commands: * `npm run gutenberg:checkout` - Clones Gutenberg at a specified ref * `npm run gutenberg:build` - Runs Gutenberg's build process * `npm run gutenberg:copy` - Copies and transforms build output to Core * `npm run gutenberg:integrate` - Runs all three steps Main changes: * Removes webpack configs replaced by Gutenberg's build (blocks.js, packages.js, script-modules.js, development.js, vendors.js) * Adds Font Library page (`/wp-admin/font-library.php`) * Adds copy scripts to transform Gutenberg plugin paths to Core paths * Moves vendor copy step from webpack to Gruntfile New year, new process. Happy New Year! Props youknowriad, ellatrix, sirreal, westonruter, desrosj, tellthemachines. Fixes #64393. Built from https://develop.svn.wordpress.org/trunk@61438 git-svn-id: http://core.svn.wordpress.org/trunk@60750 1a063a9b-81f0-0310-95a4-ce76da25c4cd
1 line
10 KiB
CSS
1 line
10 KiB
CSS
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.admin-ui-page{background-color:#fff;color:#2f2f2f;display:flex;flex-flow:column;height:100%;position:relative;z-index:1}.admin-ui-page__header{background:#fff;border-bottom:1px solid #f0f0f0;padding:16px 24px;position:sticky;top:0;z-index:1}.admin-ui-page__sidebar-toggle-slot:empty{display:none}.admin-ui-page__header-subtitle{color:#757575;font-family:-apple-system,"system-ui",Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:13px;font-weight:400;line-height:20px;margin:0;padding-block-end:8px}.admin-ui-page__content{display:flex;flex-direction:column;flex-grow:1;overflow:auto}.admin-ui-page__content.has-padding{padding:16px 24px}.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon{padding:0 8px;width:auto}.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon svg{display:none}.show-icon-labels .admin-ui-page__header-actions .components-button.has-icon:after{content:attr(aria-label);font-size:12px}.admin-ui-breadcrumbs__list{font-size:15px;font-weight:500;gap:0;list-style:none;margin:0;min-height:32px;padding:0}.admin-ui-breadcrumbs__list li:not(:last-child):after{content:"/";margin:0 8px}.admin-ui-breadcrumbs__list h1{font-size:inherit;line-height:inherit}.edit-post-fullscreen-mode-close__view-mode-toggle{height:64px;left:0;top:0;width:64px;z-index:100}.edit-post-fullscreen-mode-close__view-mode-toggle .components-button{align-items:center;border-radius:0;color:#fff;display:flex;height:100%;justify-content:center;overflow:hidden;padding:0;width:100%}.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:active,.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:hover{color:#fff}.edit-post-fullscreen-mode-close__view-mode-toggle .components-button:focus{box-shadow:none}.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon img,.edit-post-fullscreen-mode-close__view-mode-toggle .edit-post-fullscreen-mode-close__view-mode-toggle-icon svg{background:#1e1e1e;display:block}.edit-post-fullscreen-mode-close-site-icon__icon{fill:currentColor;height:100%;padding:12px;width:100%}.edit-post-fullscreen-mode-close-site-icon__image{aspect-ratio:1/1;background:#333;height:100%;object-fit:cover;width:100%}.edit-post-fullscreen-mode-close.components-button:focus{position:relative}.edit-post-fullscreen-mode-close.components-button:focus:before{bottom:0;box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color),inset 0 0 0 calc(1px + var(--wp-admin-border-width-focus)) #fff;content:"";display:block;left:0;position:absolute;right:0;top:0;z-index:1}.edit-post-fullscreen-mode-close__back-icon{align-items:center;background-color:#ccc;display:flex;height:64px;justify-content:center;left:0;pointer-events:none;position:absolute;top:0;width:64px}.edit-post-fullscreen-mode-close__back-icon svg{fill:currentColor}.edit-post-fullscreen-mode-close__back-icon.has-site-icon{backdrop-filter:saturate(180%) blur(15px);background-color:#fff9}.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon{width:64px}.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon svg{display:block}.show-icon-labels .editor-header .edit-post-fullscreen-mode-close.has-icon:after{content:none}.edit-post-meta-boxes-main{background-color:#fff;display:flex;filter:drop-shadow(0 -1px rgba(0,0,0,.133));flex-direction:column;outline:1px solid #0000;overflow:hidden;padding-block-start:32px}.edit-post-meta-boxes-main__presenter{box-shadow:0 1px #ddd;display:flex;height:32px;inset:0 0 auto;outline:1px solid #0000;position:relative;z-index:10000}.edit-post-meta-boxes-main__presenter>button{appearance:none;background-color:initial;border:none;outline:none;padding:0}.edit-post-meta-boxes-main__presenter>button[aria-expanded]{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding-inline:24px 12px;width:100%}.edit-post-meta-boxes-main__presenter>button[aria-expanded]:is(:hover,:focus-visible){color:var(--wp-admin-theme-color)}.edit-post-meta-boxes-main__presenter>button[aria-expanded]:focus-visible:after{box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);content:"";inset:var(--wp-admin-border-width-focus);outline:2px solid #0000;position:absolute}.edit-post-meta-boxes-main__presenter>button[aria-expanded]>svg{fill:currentColor}.edit-post-meta-boxes-main__presenter button[role=separator]{cursor:row-resize;inset:0;margin:auto;position:absolute;width:64px}.edit-post-meta-boxes-main__presenter button[role=separator]:before{background-color:#ddd;border-radius:2px;content:"";height:4px;inset-block:calc(50% - 2px) auto;outline:2px solid #0000;outline-offset:-2px;position:absolute;transform:translateX(-50%);width:inherit}@media not (prefers-reduced-motion){.edit-post-meta-boxes-main__presenter button[role=separator]:before{transition:width .3s ease-out}}.edit-post-meta-boxes-main__presenter button[role=separator]:is(:hover,:focus-visible):before{background-color:var(--wp-admin-theme-color);width:80px}@media (pointer:coarse){.edit-post-meta-boxes-main{padding-block-start:36px}.edit-post-meta-boxes-main__presenter{height:36px}}.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner{overflow:auto}.edit-post-meta-boxes-main__liner{isolation:isolate}.is-resizing.edit-post-meta-boxes-main .edit-post-meta-boxes-main__liner{display:unset}.edit-post-layout__metaboxes{clear:both}.has-metaboxes .interface-interface-skeleton__content:has(.edit-post-meta-boxes-main) .editor-visual-editor{flex-basis:0%;flex-shrink:1}.has-metaboxes .editor-visual-editor.is-iframed{isolation:isolate}.components-editor-notices__snackbar{bottom:24px;padding-left:24px;padding-right:24px;position:fixed;right:0}.edit-post-layout .components-editor-notices__snackbar{left:0}@media (min-width:783px){.edit-post-layout .components-editor-notices__snackbar{left:160px}}@media (min-width:783px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{left:36px}}@media (min-width:961px){.auto-fold .edit-post-layout .components-editor-notices__snackbar{left:160px}}.folded .edit-post-layout .components-editor-notices__snackbar{left:0}@media (min-width:783px){.folded .edit-post-layout .components-editor-notices__snackbar{left:36px}}body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar{left:0!important}.edit-post-meta-boxes-area{position:relative}.edit-post-meta-boxes-area .inside,.edit-post-meta-boxes-area__container{box-sizing:initial}.edit-post-meta-boxes-area input,.edit-post-meta-boxes-area textarea{box-sizing:border-box}.edit-post-meta-boxes-area .postbox-header{border-bottom:0;border-top:1px solid #ddd}.edit-post-meta-boxes-area #poststuff{margin:0 auto;min-width:auto;padding-top:0}.edit-post-meta-boxes-area #poststuff .stuffbox>h3,.edit-post-meta-boxes-area #poststuff h2.hndle,.edit-post-meta-boxes-area #poststuff h3.hndle{box-sizing:border-box;color:inherit;font-weight:600;outline:none;padding:0 24px;position:relative;width:100%}.edit-post-meta-boxes-area .postbox{border:0;color:inherit;margin-bottom:0}.edit-post-meta-boxes-area .postbox>.inside{color:inherit;margin:0;padding:0 24px 24px}.edit-post-meta-boxes-area .postbox .handlediv{height:44px;width:44px}.edit-post-meta-boxes-area.is-loading:before{background:#0000;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.edit-post-meta-boxes-area .components-spinner{position:absolute;right:20px;top:10px;z-index:5}.edit-post-meta-boxes-area .is-hidden{display:none}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]{border:1px solid #757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:checked{background:#fff;border-color:#757575}.edit-post-meta-boxes-area .metabox-location-side .postbox input[type=checkbox]:before{margin:-3px -4px}.edit-post-meta-boxes-area__clear{clear:both}.edit-post-welcome-guide,.edit-template-welcome-guide{width:312px}.edit-post-welcome-guide__image,.edit-template-welcome-guide__image{background:#00a0d2;margin:0 0 16px}.edit-post-welcome-guide__image>img,.edit-template-welcome-guide__image>img{display:block;max-width:100%;object-fit:cover}.edit-post-welcome-guide__heading,.edit-template-welcome-guide__heading{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:24px;line-height:1.4;margin:16px 0;padding:0 24px}.edit-post-welcome-guide__text,.edit-template-welcome-guide__text{font-size:13px;line-height:1.4;margin:0 0 24px;padding:0 24px}.edit-post-welcome-guide__inserter-icon,.edit-template-welcome-guide__inserter-icon{margin:0 4px;vertical-align:text-top}.edit-post-welcome-guide .components-button:hover svg,.edit-template-welcome-guide .components-button svg,.edit-template-welcome-guide .components-button:hover svg{fill:#fff}body.js.block-editor-page{background:#fff}body.js.block-editor-page #wpcontent{padding-left:0}body.js.block-editor-page #wpbody-content{padding-bottom:0}body.js.block-editor-page #wpbody-content>div:not(.block-editor):not(#screen-meta),body.js.block-editor-page #wpfooter{display:none}body.js.block-editor-page .a11y-speak-region{left:-1px;top:-1px}body.js.block-editor-page ul#adminmenu a.wp-has-current-submenu:after,body.js.block-editor-page ul#adminmenu>li.current>a.current:after{border-right-color:#fff}body.js.block-editor-page .media-frame select.attachment-filters:last-of-type{max-width:100%;width:auto}.block-editor-page #wpwrap{overflow-y:auto}@media (min-width:782px){.block-editor-page #wpwrap{overflow-y:initial}}.edit-post-visual-editor.is-iframed{box-sizing:border-box}.edit-post-visual-editor.is-iframed *,.edit-post-visual-editor.is-iframed :after,.edit-post-visual-editor.is-iframed :before{box-sizing:inherit}@media (min-width:600px){.block-editor__container{bottom:0;left:0;min-height:calc(100vh - 46px);position:absolute;right:0;top:0}}@media (min-width:782px){.block-editor__container{min-height:calc(100vh - 32px)}body.is-fullscreen-mode .block-editor__container{min-height:100vh}}.block-editor__container img{height:auto;max-width:100%} |