diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/css/dist/editor/style.css --- a/wp/wp-includes/css/dist/editor/style.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/css/dist/editor/style.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,996 +1,2487 @@ @charset "UTF-8"; -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * These variables do not appear to be used anywhere else. - */ -/** -* Converts a hex value into the rgb equivalent. -* -* @param {string} hex - the hexadecimal value to convert -* @return {string} comma separated rgb values -*/ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --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, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; +:root{ + --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, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; + --wp-bound-block-color:var(--wp-block-synced-color); +} +@media (min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; + } +} + +.components-panel__header.interface-complementary-area-header__small{ + background:#fff; + padding-right:4px; +} +.components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title{ + margin:0; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} +@media (min-width:782px){ + .components-panel__header.interface-complementary-area-header__small{ + display:none; + } +} + +.interface-complementary-area-header{ + background:#fff; + gap:8px; + padding-right:12px; +} +.interface-complementary-area-header .interface-complementary-area-header__title{ + margin:0; +} +.interface-complementary-area-header .components-button.has-icon{ + display:none; + margin-left:auto; +} +.interface-complementary-area-header .components-button.has-icon~.components-button{ + margin-left:0; +} +@media (min-width:782px){ + .interface-complementary-area-header .components-button.has-icon{ + display:flex; + } +} + +.interface-complementary-area{ + background:#fff; + color:#1e1e1e; + height:100%; + overflow:auto; +} +@media (min-width:600px){ + .interface-complementary-area{ + -webkit-overflow-scrolling:touch; + } +} +@media (min-width:782px){ + .interface-complementary-area{ + width:280px; + } +} +.interface-complementary-area .components-panel{ + border:none; + position:relative; + z-index:0; +} +.interface-complementary-area .components-panel__header{ + position:sticky; + top:0; + z-index:1; +} +.interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ + top:48px; +} +@media (min-width:782px){ + .interface-complementary-area .components-panel__header.editor-sidebar__panel-tabs{ + top:0; + } +} +.interface-complementary-area p:not(.components-base-control__help){ + margin-top:0; +} +.interface-complementary-area h2{ + color:#1e1e1e; + font-size:13px; + font-weight:500; + margin-bottom:1.5em; +} +.interface-complementary-area h3{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; +} +.interface-complementary-area hr{ + border-bottom:1px solid #f0f0f0; + border-top:none; + margin:1.5em 0; +} +.interface-complementary-area div.components-toolbar,.interface-complementary-area div.components-toolbar-group{ + box-shadow:none; + margin-bottom:1.5em; +} +.interface-complementary-area div.components-toolbar-group:last-child,.interface-complementary-area div.components-toolbar:last-child{ + margin-bottom:0; +} +.interface-complementary-area .block-editor-skip-to-selected-block:focus{ + bottom:10px; + left:auto; + right:10px; + top:auto; +} + +.interface-complementary-area__fill{ + height:100%; +} + +@media (min-width:782px){ + body.js.is-fullscreen-mode{ + height:calc(100% + 32px); + margin-top:-32px; + } + body.js.is-fullscreen-mode #adminmenumain,body.js.is-fullscreen-mode #wpadminbar{ + display:none; + } + body.js.is-fullscreen-mode #wpcontent,body.js.is-fullscreen-mode #wpfooter{ + margin-left:0; + } +} + +html.interface-interface-skeleton__html-container{ + position:fixed; + width:100%; +} +@media (min-width:782px){ + html.interface-interface-skeleton__html-container:not(:has(.is-zoom-out)){ + position:static; + width:auto; + } +} + +.interface-interface-skeleton{ + bottom:0; + display:flex; + flex-direction:row; + height:auto; + max-height:100%; + position:fixed; + right:0; + top:46px; +} +@media (min-width:783px){ + .interface-interface-skeleton{ + top:32px; + } + .is-fullscreen-mode .interface-interface-skeleton{ + top:0; + } +} + +.interface-interface-skeleton__editor{ + display:flex; + flex:0 1 100%; + flex-direction:column; + overflow:hidden; +} + +.interface-interface-skeleton{ + left:0; +} +@media (min-width:783px){ + .interface-interface-skeleton{ + left:160px; + } +} +@media (min-width:783px){ + .auto-fold .interface-interface-skeleton{ + left:36px; + } +} +@media (min-width:961px){ + .auto-fold .interface-interface-skeleton{ + left:160px; + } +} +.folded .interface-interface-skeleton{ + left:0; +} +@media (min-width:783px){ + .folded .interface-interface-skeleton{ + left:36px; + } +} + +body.is-fullscreen-mode .interface-interface-skeleton{ + left:0 !important; +} + +.interface-interface-skeleton__body{ + display:flex; + flex-grow:1; + overflow:auto; + overscroll-behavior-y:none; + position:relative; +} +@media (min-width:782px){ + .has-footer .interface-interface-skeleton__body{ + padding-bottom:25px; + } +} + +.interface-interface-skeleton__content{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:auto; + z-index:20; +} +@media (min-width:782px){ + .interface-interface-skeleton__content{ + z-index:auto; + } +} + +.interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + background:#fff; + bottom:0; + color:#1e1e1e; + flex-shrink:0; + left:0; + position:absolute; + top:0; + width:auto; + z-index:100000; +} +@media (min-width:782px){ + .interface-interface-skeleton__secondary-sidebar,.interface-interface-skeleton__sidebar{ + position:relative !important; + } +} + +.interface-interface-skeleton__sidebar{ + border-top:1px solid #e0e0e0; + overflow:hidden; +} +@media (min-width:782px){ + .interface-interface-skeleton__sidebar{ + box-shadow:-1px 1px 0 0 rgba(0,0,0,.133); + outline:1px solid #0000; + } +} + +.interface-interface-skeleton__secondary-sidebar{ + border-top:1px solid #e0e0e0; + right:0; +} +@media (min-width:782px){ + .interface-interface-skeleton__secondary-sidebar{ + box-shadow:1px 1px 0 0 rgba(0,0,0,.133); + outline:1px solid #0000; + } +} + +.interface-interface-skeleton__header{ + box-shadow:0 1px 0 0 rgba(0,0,0,.133); + color:#1e1e1e; + flex-shrink:0; + height:auto; + outline:1px solid #0000; + z-index:30; +} + +.interface-interface-skeleton__footer{ + background-color:#fff; + border-top:1px solid #e0e0e0; + bottom:0; + color:#1e1e1e; + display:none; + flex-shrink:0; + height:auto; + left:0; + position:absolute; + width:100%; + z-index:90; +} +@media (min-width:782px){ + .interface-interface-skeleton__footer{ + display:flex; + } +} +.interface-interface-skeleton__footer .block-editor-block-breadcrumb{ + align-items:center; + background:#fff; + display:flex; + font-size:13px; + height:24px; + padding:0 18px; + z-index:30; +} + +.interface-interface-skeleton__actions{ + background:#fff; + bottom:auto; + color:#1e1e1e; + left:auto; + position:fixed !important; + right:0; + top:-9999em; + width:100vw; + z-index:100000; +} +@media (min-width:782px){ + .interface-interface-skeleton__actions{ + width:280px; + } +} +.interface-interface-skeleton__actions:focus,.interface-interface-skeleton__actions:focus-within{ + bottom:0; + top:auto; +} +.is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ + top:46px; +} +@media (min-width:782px){ + .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ + border-left:1px solid #ddd; + top:32px; + } + .is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus,.is-fullscreen-mode .is-entity-save-view-open .interface-interface-skeleton__actions:focus-within{ + top:0; + } +} + +.interface-pinned-items{ + display:flex; + gap:8px; +} +.interface-pinned-items .components-button{ + display:none; + margin:0; +} +.interface-pinned-items .components-button[aria-controls="edit-post:block"],.interface-pinned-items .components-button[aria-controls="edit-post:document"],.interface-pinned-items .components-button[aria-controls="edit-site:block-inspector"],.interface-pinned-items .components-button[aria-controls="edit-site:template"]{ + display:flex; +} +.interface-pinned-items .components-button svg{ + max-height:24px; + max-width:24px; +} +@media (min-width:600px){ + .interface-pinned-items .components-button{ + display:flex; + } +} + +.editor-autocompleters__user .editor-autocompleters__no-avatar:before{ + content:""; + font:normal 20px/1 dashicons; + margin-right:5px; + vertical-align:middle; +} +.editor-autocompleters__user .editor-autocompleters__user-avatar{ + flex-grow:0; + flex-shrink:0; + height:24px; + margin-right:8px; + max-width:none; + width:24px; +} +.editor-autocompleters__user .editor-autocompleters__user-name{ + flex-grow:1; + flex-shrink:0; + max-width:200px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.editor-autocompleters__user .editor-autocompleters__user-slug{ + color:#757575; + flex-grow:0; + flex-shrink:0; + margin-left:8px; + max-width:100px; + overflow:none; + text-overflow:ellipsis; + white-space:nowrap; +} +.editor-autocompleters__user:hover .editor-autocompleters__user-slug{ + color:var(--wp-admin-theme-color); +} + +.editor-block-manager__no-results{ + font-style:italic; + padding:24px 0; + text-align:center; +} + +.editor-block-manager__search{ + margin:16px 0; +} + +.editor-block-manager__disabled-blocks-count{ + background-color:#fff; + border:1px solid #ddd; + border-width:1px 0; + box-shadow:-32px 0 0 0 #fff,32px 0 0 0 #fff; + padding:8px; + position:sticky; + text-align:center; + top:-5px; + z-index:2; +} +.editor-block-manager__disabled-blocks-count~.editor-block-manager__results .editor-block-manager__category-title{ + top:31px; +} +.editor-block-manager__disabled-blocks-count .is-link{ + margin-left:12px; +} + +.editor-block-manager__category{ + margin:0 0 24px; +} + +.editor-block-manager__category-title{ + background-color:#fff; + padding:16px 0; + position:sticky; + top:-4px; + z-index:1; +} +.editor-block-manager__category-title .components-checkbox-control__label{ + font-weight:600; +} + +.editor-block-manager__checklist{ + margin-top:0; +} + +.editor-block-manager__category-title,.editor-block-manager__checklist-item{ + border-bottom:1px solid #ddd; +} + +.editor-block-manager__checklist-item{ + align-items:center; + display:flex; + justify-content:space-between; + margin-bottom:0; + padding:8px 0 8px 16px; +} +.components-modal__content .editor-block-manager__checklist-item.components-checkbox-control__input-container{ + margin:0 8px; +} +.editor-block-manager__checklist-item .block-editor-block-icon{ + margin-right:10px; + fill:#1e1e1e; +} + +.editor-block-manager__results{ + border-top:1px solid #ddd; +} + +.editor-block-manager__disabled-blocks-count+.editor-block-manager__results{ + border-top-width:0; +} + +.editor-collapsible-block-toolbar{ + align-items:center; + display:flex; + height:60px; + overflow:hidden; +} +.editor-collapsible-block-toolbar .block-editor-block-contextual-toolbar{ + background:#0000; + border-bottom:0; + height:100%; +} +.editor-collapsible-block-toolbar .block-editor-block-toolbar{ + height:100%; + padding-top:15px; +} +.editor-collapsible-block-toolbar .block-editor-block-toolbar .components-button:not(.block-editor-block-mover-button){ + height:32px; +} +.editor-collapsible-block-toolbar:after{ + background-color:#ddd; + content:""; + height:24px; + margin-right:7px; + width:1px; +} +.editor-collapsible-block-toolbar .components-toolbar,.editor-collapsible-block-toolbar .components-toolbar-group{ + border-right:none; + position:relative; +} +.editor-collapsible-block-toolbar .components-toolbar-group:after,.editor-collapsible-block-toolbar .components-toolbar:after{ + background-color:#ddd; + content:""; + height:24px; + position:absolute; + right:-1px; + top:4px; + width:1px; +} +.editor-collapsible-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group:after,.editor-collapsible-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group:after{ + display:none; +} +.editor-collapsible-block-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button{ + height:32px; + overflow:visible; +} +@media (min-width:600px){ + .editor-collapsible-block-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ + height:40px; + position:relative; + top:-5px; + } +} +.editor-collapsible-block-toolbar.is-collapsed{ + display:none; +} + +.editor-collapsible-block-toolbar__toggle{ + margin-left:2px; +} + +.editor-create-template-part-modal{ + z-index:1000001; +} +@media (min-width:600px){ + .editor-create-template-part-modal .components-modal__frame{ + max-width:500px; } } -.editor-autocompleters__user .editor-autocompleters__no-avatar::before { - /* stylelint-disable */ - font: normal 20px/1 dashicons; - /* stylelint-enable */ - content: ""; - margin-right: 5px; - vertical-align: middle; -} -.editor-autocompleters__user .editor-autocompleters__user-avatar { - margin-right: 8px; - flex-grow: 0; - flex-shrink: 0; - max-width: none; - width: 24px; - height: 24px; -} -.editor-autocompleters__user .editor-autocompleters__user-name { - white-space: nowrap; - text-overflow: ellipsis; - overflow: hidden; - max-width: 200px; - flex-shrink: 0; - flex-grow: 1; -} -.editor-autocompleters__user .editor-autocompleters__user-slug { - margin-left: 8px; - color: #757575; - white-space: nowrap; - text-overflow: ellipsis; - overflow: none; - max-width: 100px; - flex-grow: 0; - flex-shrink: 0; -} -.editor-autocompleters__user:hover .editor-autocompleters__user-slug { - color: var(--wp-admin-theme-color); -} - -.document-outline { - margin: 20px 0; -} -.document-outline ul { - margin: 0; - padding: 0; +.editor-create-template-part-modal__area-radio-group{ + border:1px solid #757575; + border-radius:2px; + width:100%; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio{ + display:block; + height:100%; + padding:12px; + text-align:left; + width:100%; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover{ + background-color:inherit; + border-bottom:1px solid #757575; + border-radius:0; + margin:0; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:not(:focus),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:not(:focus),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:focus){ + box-shadow:none; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:focus,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:focus,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:focus{ + border-bottom:1px solid #fff; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-primary:hover:last-of-type,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio.is-secondary:hover:last-of-type,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:last-of-type{ + border-bottom:none; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:hover),.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio[aria-checked=true]{ + color:#1e1e1e; + cursor:auto; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio:not(:hover) .editor-create-template-part-modal__option-label div,.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio[aria-checked=true] .editor-create-template-part-modal__option-label div{ + color:#949494; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__option-label{ + padding-top:4px; + white-space:normal; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__option-label div{ + font-size:12px; + padding-top:4px; +} +.editor-create-template-part-modal__area-radio-group .components-button.editor-create-template-part-modal__area-radio .editor-create-template-part-modal__checkbox{ + margin-left:auto; + min-width:24px; } -.document-outline__item { - display: flex; - margin: 4px 0; -} -.document-outline__item a { - text-decoration: none; -} -.document-outline__item .document-outline__emdash::before { - color: #ddd; - margin-right: 4px; -} -.document-outline__item.is-h2 .document-outline__emdash::before { - content: "—"; -} -.document-outline__item.is-h3 .document-outline__emdash::before { - content: "——"; -} -.document-outline__item.is-h4 .document-outline__emdash::before { - content: "———"; -} -.document-outline__item.is-h5 .document-outline__emdash::before { - content: "————"; -} -.document-outline__item.is-h6 .document-outline__emdash::before { - content: "—————"; +.editor-content-only-settings-menu__description{ + min-width:235px; + padding:8px; } -.document-outline__button { - cursor: pointer; - background: none; - border: none; - display: flex; - align-items: flex-start; - margin: 0 0 0 -1px; - padding: 2px 5px 2px 1px; - color: #1e1e1e; - text-align: left; - border-radius: 2px; -} -.document-outline__button:disabled { - cursor: default; -} -.document-outline__button:focus { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; -} - -.document-outline__level { - background: #ddd; - color: #1e1e1e; - border-radius: 3px; - font-size: 13px; - padding: 1px 6px; - margin-right: 4px; -} -.is-invalid .document-outline__level { - background: #f0b849; -} - -.document-outline__item-content { - padding: 1px 0; +.editor-blog-title-dropdown__content .components-popover__content{ + min-width:320px; + padding:16px; } -.components-editor-notices__dismissible, -.components-editor-notices__pinned { - position: relative; - left: 0; - top: 0; - right: 0; - color: #1e1e1e; -} -.components-editor-notices__dismissible .components-notice, -.components-editor-notices__pinned .components-notice { - box-sizing: border-box; - margin: 0; - border-bottom: 1px solid rgba(0, 0, 0, 0.2); - padding: 0 12px; - min-height: 60px; -} -.components-editor-notices__dismissible .components-notice .components-notice__dismiss, -.components-editor-notices__pinned .components-notice .components-notice__dismiss { - margin-top: 12px; +.editor-document-bar{ + align-items:center; + background:#f0f0f0; + border-radius:4px; + display:flex; + height:32px; + justify-content:space-between; + min-width:0; + width:min(100%, 416px); +} +.editor-document-bar:hover{ + background-color:#e0e0e0; +} +.editor-document-bar .components-button{ + border-radius:4px; + transition:all .1s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .editor-document-bar .components-button{ + transition-delay:0s; + transition-duration:0s; + } +} +.editor-document-bar .components-button:hover{ + background:#e0e0e0; +} +@media (min-width:960px){ + .editor-document-bar{ + width:min(100%, 450px); + } +} + +.editor-document-bar__command{ + color:var(--wp-block-synced-color); + flex-grow:1; + overflow:hidden; } -.entities-saved-states__panel { - box-sizing: border-box; - background: #fff; - position: fixed; - z-index: 100001; - top: 46px; - bottom: 0; - right: 0; - left: 0; - overflow: auto; - box-sizing: border-box; -} -.entities-saved-states__panel *, -.entities-saved-states__panel *::before, -.entities-saved-states__panel *::after { - box-sizing: inherit; -} -.entities-saved-states__panel .entities-saved-states__find-entity { - display: none; -} -.entities-saved-states__panel .entities-saved-states__find-entity-small { - display: block; -} -@media (min-width: 782px) { - .entities-saved-states__panel { - top: 32px; - left: auto; - width: 280px; - border-left: 1px solid #ddd; +.editor-document-bar__title{ + align-items:center; + color:#1e1e1e; + display:flex; + flex-grow:1; + gap:4px; + justify-content:center; + overflow:hidden; +} +@media (min-width:782px){ + .editor-document-bar__title{ + padding-left:24px; } - body.is-fullscreen-mode .entities-saved-states__panel { - top: 0; - } - .entities-saved-states__panel .entities-saved-states__find-entity { - display: block; - } - .entities-saved-states__panel .entities-saved-states__find-entity-small { - display: none; - } -} -.entities-saved-states__panel .entities-saved-states__panel-header { - background: #fff; - padding-left: 8px; - padding-right: 8px; - height: 61px; - border-bottom: 1px solid #ddd; -} -.entities-saved-states__panel .entities-saved-states__text-prompt { - padding: 16px; - padding-bottom: 4px; +} +.editor-document-bar.is-global .editor-document-bar__title{ + color:var(--wp-block-synced-color); +} +.editor-document-bar__title .block-editor-block-icon{ + flex-shrink:0; + min-width:24px; +} +.editor-document-bar__title h1{ + color:currentColor; + max-width:70%; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -.editor-error-boundary { - margin: auto; - max-width: 780px; - padding: 20px; - margin-top: 60px; - box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); -} - -.editor-page-attributes__order { - width: 100%; -} -.editor-page-attributes__order .components-base-control__field { - display: flex; - justify-content: space-between; - align-items: center; -} -.editor-page-attributes__order input { - width: 66px; -} - -.editor-post-excerpt__textarea { - width: 100%; - margin-bottom: 10px; -} - -.editor-post-featured-image { - padding: 0; -} -.editor-post-featured-image__container { - margin-bottom: 1em; - position: relative; -} -.editor-post-featured-image .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; -} -.editor-post-featured-image .components-button + .components-button { - display: block; - margin-top: 1em; -} -.editor-post-featured-image .components-responsive-wrapper__content { - max-width: 100%; - width: auto; -} - -.editor-post-featured-image__toggle, -.editor-post-featured-image__preview { - display: block; - width: 100%; - padding: 0; - transition: all 0.1s ease-out; - box-shadow: 0 0 0 0 var(--wp-admin-theme-color); -} -@media (prefers-reduced-motion: reduce) { - .editor-post-featured-image__toggle, -.editor-post-featured-image__preview { - transition-duration: 0s; - transition-delay: 0s; +.editor-document-bar__shortcut{ + color:#2f2f2f; + display:none; + min-width:24px; +} +@media (min-width:782px){ + .editor-document-bar__shortcut{ + display:initial; } } -.editor-post-featured-image__preview { - height: auto; +.editor-document-bar__back.components-button.has-icon.has-text{ + color:#757575; + flex-shrink:0; + gap:0; + min-width:36px; + position:absolute; + z-index:1; +} +.editor-document-bar__back.components-button.has-icon.has-text:hover{ + background-color:initial; + color:#1e1e1e; } -.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { - box-shadow: 0 0 0 4px var(--wp-admin-theme-color); +.document-outline{ + margin:20px 0; +} +.document-outline ul{ + margin:0; + padding:0; } -.editor-post-featured-image__toggle { - border-radius: 2px; - background-color: #f0f0f0; - min-height: 90px; - line-height: 20px; - padding: 8px 0; - text-align: center; -} -.editor-post-featured-image__toggle:hover { - background: #ddd; - color: #1e1e1e; +.document-outline__item{ + display:flex; + margin:4px 0; +} +.document-outline__item a{ + text-decoration:none; +} +.document-outline__item .document-outline__emdash:before{ + color:#ddd; + margin-right:4px; +} +.document-outline__item.is-h2 .document-outline__emdash:before{ + content:"—"; +} +.document-outline__item.is-h3 .document-outline__emdash:before{ + content:"——"; +} +.document-outline__item.is-h4 .document-outline__emdash:before{ + content:"———"; +} +.document-outline__item.is-h5 .document-outline__emdash:before{ + content:"————"; +} +.document-outline__item.is-h6 .document-outline__emdash:before{ + content:"—————"; } -.editor-post-format { - flex-direction: column; - align-items: stretch; - width: 100%; +.document-outline__button{ + align-items:flex-start; + background:none; + border:none; + border-radius:2px; + color:#1e1e1e; + cursor:pointer; + display:flex; + margin:0 0 0 -1px; + padding:2px 5px 2px 1px; + text-align:left; +} +.document-outline__button:disabled{ + cursor:default; +} +.document-outline__button:focus{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; } -.editor-post-format__content { - display: inline-flex; - justify-content: space-between; - align-items: center; - width: 100%; +.document-outline__level{ + background:#ddd; + border-radius:3px; + color:#1e1e1e; + font-size:13px; + margin-right:4px; + padding:1px 6px; +} +.is-invalid .document-outline__level{ + background:#f0b849; +} + +.document-outline__item-content{ + padding:1px 0; +} + +.editor-document-outline.has-no-headings{ + color:#757575; + text-align:center; +} +.editor-document-outline.has-no-headings>svg{ + margin-top:28px; +} +.editor-document-outline.has-no-headings>p{ + padding-left:32px; + padding-right:32px; } -.editor-post-format__suggestion { - padding: 6px; - text-align: right; - font-size: 13px; +.editor-document-tools{ + align-items:center; + display:inline-flex; +} +.editor-document-tools .editor-document-tools__left>.editor-history__redo,.editor-document-tools .editor-document-tools__left>.editor-history__undo{ + display:none; +} +@media (min-width:782px){ + .editor-document-tools .editor-document-tools__left>.editor-history__redo,.editor-document-tools .editor-document-tools__left>.editor-history__undo{ + display:inline-flex; + } +} +.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle{ + display:inline-flex; +} +.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle svg{ + transition:transform .2s cubic-bezier(.165, .84, .44, 1); +} +@media (prefers-reduced-motion:reduce){ + .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle svg{ + transition-delay:0s; + transition-duration:0s; + } +} +.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.is-pressed svg{ + transform:rotate(45deg); +} +.editor-document-tools .block-editor-list-view{ + display:none; +} +@media (min-width:600px){ + .editor-document-tools .block-editor-list-view{ + display:flex; + } +} +.editor-document-tools .editor-document-tools__left>.components-button.has-icon,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon{ + height:32px; + min-width:32px; + padding:4px; +} +.editor-document-tools .editor-document-tools__left>.components-button.has-icon.is-pressed,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon.is-pressed{ + background:#1e1e1e; +} +.editor-document-tools .editor-document-tools__left>.components-button.has-icon:focus:not(:disabled),.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline:1px solid #0000; +} +.editor-document-tools .editor-document-tools__left>.components-button.has-icon:before,.editor-document-tools .editor-document-tools__left>.components-dropdown>.components-button.has-icon:before{ + display:none; } -.editor-post-last-revision__title { - width: 100%; - font-weight: 600; -} -.editor-post-last-revision__title .dashicon { - margin-right: 5px; +.editor-document-tools__left{ + align-items:center; + display:inline-flex; + gap:8px; + margin-right:8px; + padding-left:16px; +} + +.editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.has-icon{ + height:32px; + min-width:32px; + padding:0; + width:32px; +} +.show-icon-labels .editor-document-tools .editor-document-tools__left>.editor-document-tools__inserter-toggle.has-icon{ + height:32px; + padding:0 8px; + width:auto; +} + +.show-icon-labels .editor-document-tools__left>*+*{ + margin-left:8px; } -.components-button.editor-post-last-revision__title { - height: 100%; -} -.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { - background: #f0f0f0; -} -.components-button.editor-post-last-revision__title:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 0; +.editor-editor-interface .entities-saved-states__panel-header{ + height:61px; +} + +.editor-editor-interface .interface-interface-skeleton__content{ + isolation:isolate; +} + +.editor-visual-editor{ + flex:1 0 auto; +} + +.components-editor-notices__dismissible,.components-editor-notices__pinned{ + color:#1e1e1e; + left:0; + position:relative; + right:0; + top:0; +} +.components-editor-notices__dismissible .components-notice,.components-editor-notices__pinned .components-notice{ + border-bottom:1px solid #0003; + box-sizing:border-box; + min-height:60px; + padding:0 12px; +} +.components-editor-notices__dismissible .components-notice .components-notice__dismiss,.components-editor-notices__pinned .components-notice .components-notice__dismiss{ + margin-top:12px; +} + +.entities-saved-states__panel-header{ + background:#fff; + border-bottom:1px solid #ddd; + box-sizing:border-box; + height:60px; + padding-left:8px; + padding-right:8px; } -@media (min-width: 600px) { - .editor-post-locked-modal { - max-width: 480px; - } -} -.editor-post-locked-modal .components-modal__content { - display: flex; +.entities-saved-states__text-prompt{ + padding:16px 16px 4px; +} +.entities-saved-states__text-prompt .entities-saved-states__text-prompt--header{ + display:block; + margin-bottom:12px; +} + +.entities-saved-states__description-heading{ + font-size:13px; } -.editor-post-locked-modal__buttons { - margin-top: 24px; +.entities-saved-states__changes{ + color:#757575; + font-size:12px; + list-style:disc; + margin:8px 16px 0; +} +.entities-saved-states__changes li{ + margin-bottom:4px; +} + +.editor-error-boundary{ + box-shadow:0 .7px 1px #00000026,0 2.7px 3.8px -.2px #00000026,0 5.5px 7.8px -.3px #00000026,.1px 11.5px 16.4px -.5px #00000026; + margin:60px auto auto; + max-width:780px; + padding:20px; +} + +.editor-header{ + align-items:center; + background:#fff; + display:flex; + flex-wrap:wrap; + height:60px; + justify-content:space-between; + max-width:100vw; +} +@media (min-width:280px){ + .editor-header{ + flex-wrap:nowrap; + } } -.editor-post-locked-modal__avatar { - border-radius: 2px; - margin-top: 16px; - margin-right: 24px; +.editor-header__toolbar{ + align-items:center; + display:flex; + flex-grow:3; + flex-shrink:8; + overflow:hidden; + padding:2px 0; +} +@media (min-width:782px){ + .editor-header__toolbar{ + padding-right:var(--wp-admin-border-width-focus); + } +} +.editor-header__toolbar .table-of-contents{ + display:none; +} +@media (min-width:600px){ + .editor-header__toolbar .table-of-contents{ + display:block; + } } -.editor-post-publish-button__button.has-changes-dot::before { - background: currentcolor; - border-radius: 4px; - content: ""; - height: 8px; - margin: auto 5px auto -3px; - width: 8px; +.editor-header__center{ + display:flex; + flex-grow:1; + justify-content:center; + min-width:0; +} +.editor-header__center.is-collapsed{ + display:none; +} +.editor-header__settings{ + align-items:center; + display:inline-flex; + flex-wrap:nowrap; + gap:8px; + padding-right:4px; +} +@media (min-width:600px){ + .editor-header__settings{ + padding-right:8px; + } +} +.show-icon-labels .editor-header .components-button.has-icon,.show-icon-labels.interface-pinned-items .components-button.has-icon{ + width:auto; +} +.show-icon-labels .editor-header .components-button.has-icon svg,.show-icon-labels.interface-pinned-items .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .editor-header .components-button.has-icon:after,.show-icon-labels.interface-pinned-items .components-button.has-icon:after{ + content:attr(aria-label); +} +.show-icon-labels .editor-header .components-button.has-icon[aria-disabled=true],.show-icon-labels.interface-pinned-items .components-button.has-icon[aria-disabled=true]{ + background-color:initial; +} +.show-icon-labels .editor-header .is-tertiary:active,.show-icon-labels.interface-pinned-items .is-tertiary:active{ + background-color:initial; + box-shadow:0 0 0 1.5px var(--wp-admin-theme-color); +} +.show-icon-labels .editor-header .components-button.has-icon.button-toggle svg,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle svg{ + display:block; +} +.show-icon-labels .editor-header .components-button.has-icon.button-toggle:after,.show-icon-labels.interface-pinned-items .components-button.has-icon.button-toggle:after{ + content:none; +} +.show-icon-labels .editor-header .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon,.show-icon-labels.interface-pinned-items .components-menu-items-choice .components-menu-items__item-icon.components-menu-items__item-icon{ + display:block; +} +.show-icon-labels .editor-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels .editor-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ + padding-left:8px; + padding-right:8px; +} +@media (min-width:600px){ + .show-icon-labels .editor-header .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels .editor-header .interface-pinned-items .components-button,.show-icon-labels.interface-pinned-items .editor-document-tools__inserter-toggle.editor-document-tools__inserter-toggle,.show-icon-labels.interface-pinned-items .interface-pinned-items .components-button{ + padding-left:12px; + padding-right:12px; + } +} +.show-icon-labels .editor-header .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels .editor-header .editor-post-saved-state.editor-post-saved-state:after,.show-icon-labels.interface-pinned-items .editor-post-save-draft.editor-post-save-draft:after,.show-icon-labels.interface-pinned-items .editor-post-saved-state.editor-post-saved-state:after{ + content:none; } -.editor-post-publish-panel { - background: #fff; +.show-icon-labels .editor-header__toolbar .block-editor-block-mover{ + border-left:none; +} +.show-icon-labels .editor-header__toolbar .block-editor-block-mover:before{ + background-color:#ddd; + content:""; + height:24px; + margin-left:8px; + margin-top:4px; + width:1px; +} +.show-icon-labels .editor-header__toolbar .block-editor-block-mover .block-editor-block-mover__move-button-container:before{ + background:#ddd; + left:calc(50% + 1px); + width:calc(100% - 24px); } -.editor-post-publish-panel__content { - min-height: calc(100% - 144px); -} -.editor-post-publish-panel__content .components-spinner { - display: block; - margin: 100px auto 0; +.show-icon-labels.interface-pinned-items{ + border-bottom:1px solid #ccc; + display:block; + margin:0 -12px; + padding:6px 12px 12px; +} +.show-icon-labels.interface-pinned-items>.components-button.has-icon{ + justify-content:flex-start; + margin:0; + padding:6px 6px 6px 8px; + width:14.625rem; +} +.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=true] svg{ + display:block; + max-width:24px; +} +.show-icon-labels.interface-pinned-items>.components-button.has-icon[aria-expanded=false]{ + padding-left:40px; +} +.show-icon-labels.interface-pinned-items>.components-button.has-icon svg{ + margin-right:8px; +} + +@media (min-width:600px){ + .editor-header__post-preview-button{ + display:none; + } } -.editor-post-publish-panel__header { - background: #fff; - padding-left: 16px; - padding-right: 16px; - height: 61px; - border-bottom: 1px solid #ddd; - display: flex; - align-items: center; - align-content: space-between; -} -.editor-post-publish-panel__header .components-button { - width: 100%; - justify-content: center; -} -.editor-post-publish-panel__header .has-icon { - margin-left: auto; - width: auto; +.editor-editor-interface.is-distraction-free .interface-interface-skeleton__header{ + border-bottom:none; +} +.editor-editor-interface.is-distraction-free .editor-header{ + background-color:#fff; + border-bottom:1px solid #e0e0e0; + position:absolute; + width:100%; +} +.editor-editor-interface.is-distraction-free .editor-header>.edit-post-header__settings>.edit-post-header__post-preview-button{ + visibility:hidden; +} +.editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.editor-preview-dropdown,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__settings>.interface-pinned-items,.editor-editor-interface.is-distraction-free .editor-header>.editor-header__toolbar .editor-document-tools__document-overview-toggle{ + display:none; +} +.editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within{ + opacity:1 !important; +} +.editor-editor-interface.is-distraction-free .interface-interface-skeleton__header:focus-within div{ + transform:translateX(0) translateZ(0) !important; +} +.editor-editor-interface.is-distraction-free .components-editor-notices__dismissible{ + position:absolute; + z-index:35; } -.components-site-card { - display: flex; - align-items: center; - margin: 16px 0; +.components-popover.more-menu-dropdown__content{ + z-index:99998; +} + +.editor-inserter-sidebar{ + box-sizing:border-box; + display:flex; + flex-direction:column; + height:100%; +} +.editor-inserter-sidebar *,.editor-inserter-sidebar :after,.editor-inserter-sidebar :before{ + box-sizing:inherit; +} + +.editor-inserter-sidebar__content{ + height:calc(100% - 44px); +} +@media (min-width:782px){ + .editor-inserter-sidebar__content{ + height:100%; + } } -.components-site-icon { - border: none; - border-radius: 2px; - margin-right: 12px; - height: 36px; - width: 36px; -} - -.components-site-name { - display: block; - font-size: 14px; +.editor-keyboard-shortcut-help-modal__section{ + margin:0 0 2rem; +} +.editor-keyboard-shortcut-help-modal__section-title{ + font-size:.9rem; + font-weight:600; +} +.editor-keyboard-shortcut-help-modal__shortcut{ + align-items:baseline; + border-top:1px solid #ddd; + display:flex; + margin-bottom:0; + padding:.6rem 0; +} +.editor-keyboard-shortcut-help-modal__shortcut:last-child{ + border-bottom:1px solid #ddd; +} +.editor-keyboard-shortcut-help-modal__shortcut:empty{ + display:none; +} +.editor-keyboard-shortcut-help-modal__shortcut-term{ + font-weight:600; + margin:0 0 0 1rem; + text-align:right; +} +.editor-keyboard-shortcut-help-modal__shortcut-description{ + flex:1; + flex-basis:auto; + margin:0; +} +.editor-keyboard-shortcut-help-modal__shortcut-key-combination{ + background:none; + display:block; + margin:0; + padding:0; +} +.editor-keyboard-shortcut-help-modal__shortcut-key-combination+.editor-keyboard-shortcut-help-modal__shortcut-key-combination{ + margin-top:10px; +} +.editor-keyboard-shortcut-help-modal__shortcut-key{ + border-radius:8%; + margin:0 .2rem; + padding:.25rem .5rem; +} +.editor-keyboard-shortcut-help-modal__shortcut-key:last-child{ + margin:0 0 0 .2rem; } -.components-site-home { - display: block; - color: #757575; - font-size: 12px; +.editor-list-view-sidebar{ + display:flex; + flex-direction:column; + height:100%; +} +@media (min-width:782px){ + .editor-list-view-sidebar{ + width:350px; + } +} +.editor-list-view-sidebar .editor-list-view-sidebar__header{ + border-bottom:1px solid #ddd; + display:flex; +} +.editor-list-view-sidebar .editor-list-view-sidebar__close-button{ + align-self:center; + background:#fff; + margin-right:12px; + order:1; +} + +.editor-list-view-sidebar__tabs-tablist{ + box-sizing:border-box; + flex-grow:1; +} + +.editor-list-view-sidebar__tabs-tab{ + margin-bottom:-1px; + width:50%; } -.editor-post-publish-panel__header-publish-button, -.editor-post-publish-panel__header-cancel-button { - flex-grow: 1; -} -@media (min-width: 480px) { - .editor-post-publish-panel__header-publish-button, -.editor-post-publish-panel__header-cancel-button { - max-width: 160px; +.editor-list-view-sidebar__tabs-tabpanel{ + height:calc(100% - 47px); +} + +.editor-list-view-sidebar__list-view-container>.document-outline,.editor-list-view-sidebar__list-view-panel-content{ + height:100%; + overflow:auto; + padding:4px; + scrollbar-color:#0000 #0000; + scrollbar-gutter:stable both-edges; + scrollbar-gutter:auto; + scrollbar-width:thin; + will-change:transform; +} +.editor-list-view-sidebar__list-view-container>.document-outline::-webkit-scrollbar,.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar{ + height:12px; + width:12px; +} +.editor-list-view-sidebar__list-view-container>.document-outline::-webkit-scrollbar-track,.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar-track{ + background-color:initial; +} +.editor-list-view-sidebar__list-view-container>.document-outline::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-panel-content::-webkit-scrollbar-thumb{ + background-clip:padding-box; + background-color:initial; + border:3px solid #0000; + border-radius:8px; +} +.editor-list-view-sidebar__list-view-container>.document-outline:focus-within::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-container>.document-outline:focus::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-container>.document-outline:hover::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-panel-content:focus-within::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-panel-content:focus::-webkit-scrollbar-thumb,.editor-list-view-sidebar__list-view-panel-content:hover::-webkit-scrollbar-thumb{ + background-color:#949494; +} +.editor-list-view-sidebar__list-view-container>.document-outline:focus,.editor-list-view-sidebar__list-view-container>.document-outline:focus-within,.editor-list-view-sidebar__list-view-container>.document-outline:hover,.editor-list-view-sidebar__list-view-panel-content:focus,.editor-list-view-sidebar__list-view-panel-content:focus-within,.editor-list-view-sidebar__list-view-panel-content:hover{ + scrollbar-color:#949494 #0000; +} +@media (hover:none){ + .editor-list-view-sidebar__list-view-container>.document-outline,.editor-list-view-sidebar__list-view-panel-content{ + scrollbar-color:#949494 #0000; } } -.editor-post-publish-panel__header-publish-button { - padding-right: 4px; +.editor-list-view-sidebar__list-view-container{ + display:flex; + flex-direction:column; + height:100%; +} + +.editor-list-view-sidebar__tab-panel{ + height:100%; +} + +.editor-list-view-sidebar__outline{ + border-bottom:1px solid #ddd; + display:flex; + flex-direction:column; + gap:8px; + padding:16px; +} +.editor-list-view-sidebar__outline>div>span:first-child{ + display:inline-block; + width:90px; +} +.editor-list-view-sidebar__outline>div>span{ + color:#757575; + font-size:12px; + line-height:1.4; +} + +.editor-post-order__panel,.editor-post-parent__panel{ + padding-top:8px; +} +.editor-post-order__panel .editor-post-panel__row-control>div,.editor-post-parent__panel .editor-post-panel__row-control>div{ + width:100%; +} + +.editor-post-order__panel-dialog .editor-post-order,.editor-post-order__panel-dialog .editor-post-parent,.editor-post-parent__panel-dialog .editor-post-order,.editor-post-parent__panel-dialog .editor-post-parent{ + margin:8px; +} +.editor-post-order__panel-dialog .components-popover__content,.editor-post-parent__panel-dialog .components-popover__content{ + min-width:320px; +} + +.editor-post-author__panel{ + padding-top:8px; +} + +.editor-post-author__panel .editor-post-panel__row-control>div{ + width:100%; +} + +.editor-post-author__panel-dialog .editor-post-author{ + margin:8px; + min-width:248px; +} + +.editor-action-modal{ + z-index:1000001; } -.editor-post-publish-panel__header-cancel-button { - padding-left: 4px; +.editor-post-card-panel__content{ + flex-grow:1; +} +.editor-post-card-panel__title{ + width:100%; +} +.editor-post-card-panel__title.editor-post-card-panel__title{ + align-items:center; + column-gap:8px; + display:flex; + flex-wrap:wrap; + margin:0; + padding:2px 0; + row-gap:4px; + word-break:break-word; +} +.editor-post-card-panel__icon{ + flex:0 0 24px; + height:24px; + width:24px; +} +.editor-post-card-panel__header{ + display:flex; + justify-content:space-between; +} +.editor-post-card-panel.has-description .editor-post-card-panel__header{ + margin-bottom:8px; +} + +.editor-post-card-panel__icon.is-sync{ + fill:var(--wp-block-synced-color); } -.editor-post-publish-panel__header-published { - flex-grow: 1; +.editor-post-card-panel__title-badge{ + background:#f0f0f0; + border-radius:2px; + color:#757575; + display:inline-block; + flex-shrink:0; + font-size:12px; + font-weight:400; + line-height:20px; + padding:0 4px; +} + +.editor-post-content-information{ + color:#757575; +} +.editor-post-content-information .components-text{ + color:inherit; } -.editor-post-publish-panel__footer { - padding: 16px; +.editor-post-discussion__panel-dialog .editor-post-discussion{ + margin:8px; + min-width:248px; +} +.editor-post-discussion__panel-dialog .editor-post-discussion .components-radio-control__option{ + align-items:flex-start; +} +.editor-post-discussion__panel-dialog .editor-post-discussion .components-radio-control__label .components-text{ + display:block; + margin-top:4px; +} + +.editor-post-discussion__panel-toggle .components-text{ + color:inherit; +} + +.editor-post-discussion__panel-dialog .components-popover__content{ + min-width:320px; +} + +.editor-post-excerpt__textarea{ + margin-bottom:10px; + width:100%; +} + +.editor-post-excerpt__dropdown__content .components-popover__content{ + min-width:320px; + padding:16px; } -.components-button.editor-post-publish-panel__toggle.is-primary { - display: inline-flex; - align-items: center; -} -.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { - display: none; -} -.components-button.editor-post-publish-panel__toggle.is-primary .dashicon { - margin-right: -4px; +.editor-post-featured-image{ + padding:0; +} +.editor-post-featured-image .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; +} + +.editor-post-featured-image__container{ + position:relative; +} +.editor-post-featured-image__container:focus .editor-post-featured-image__actions,.editor-post-featured-image__container:focus-within .editor-post-featured-image__actions,.editor-post-featured-image__container:hover .editor-post-featured-image__actions{ + opacity:1; +} +.editor-post-featured-image__container .components-drop-zone__content{ + border-radius:2px; +} +.editor-post-featured-image__container:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner{ + align-items:center; + display:flex; + gap:8px; +} +.editor-post-featured-image__container:has(.editor-post-featured-image__toggle) .components-drop-zone .components-drop-zone__content-inner .components-drop-zone__content-icon{ + margin:0; } -.editor-post-publish-panel__link { - font-weight: 400; - padding-left: 4px; +.editor-post-featured-image__preview,.editor-post-featured-image__toggle{ + box-shadow:0 0 0 0 var(--wp-admin-theme-color); + display:flex; + justify-content:center; + min-height:40px; + outline-offset:-1px; + overflow:hidden; + padding:0; + transition:all .1s ease-out; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .editor-post-featured-image__preview,.editor-post-featured-image__toggle{ + transition-delay:0s; + transition-duration:0s; + } +} + +.editor-post-featured-image__preview{ + height:auto; + outline:1px solid #0000001a; +} +.editor-post-featured-image__preview .editor-post-featured-image__preview-image{ + aspect-ratio:2/1; + object-fit:cover; + object-position:50% 50%; + width:100%; +} + +.editor-post-featured-image__toggle{ + border-radius:2px; + box-shadow:inset 0 0 0 1px #ccc; + height:100%; + line-height:20px; + padding:8px 0; + text-align:center; } -.editor-post-publish-panel__prepublish { - padding: 16px; -} -.editor-post-publish-panel__prepublish strong { - color: #1e1e1e; -} -.editor-post-publish-panel__prepublish .components-panel__body { - background: #fff; - margin-left: -16px; - margin-right: -16px; -} -.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { - display: none; +.editor-post-featured-image__actions{ + bottom:0; + opacity:0; + padding:8px; + position:absolute; + transition:opacity 50ms ease-out; +} +@media (prefers-reduced-motion:reduce){ + .editor-post-featured-image__actions{ + transition-delay:0s; + transition-duration:0s; + } +} + +.editor-post-featured-image__action{ + -webkit-backdrop-filter:blur(16px) saturate(180%); + backdrop-filter:blur(16px) saturate(180%); + background:#ffffffbf; + flex-grow:1; + justify-content:center; +} + +[class].editor-post-format__suggestion{ + margin:4px 0 0; +} + +.editor-post-format__dialog .editor-post-format__dialog-content{ + margin:8px; + min-width:248px; +} + +.editor-post-format__options .components-base-control__field>.components-v-stack{ + gap:12px; } -.post-publish-panel__postpublish .components-panel__body { - border-bottom: 1px solid #e0e0e0; - border-top: none; +.editor-post-last-edited-panel{ + color:#757575; +} +.editor-post-last-edited-panel .components-text{ + color:inherit; +} + +.editor-post-last-revision__title{ + font-weight:500; + width:100%; +} + +.editor-post-last-revision__title.components-button.has-icon{ + height:100%; + justify-content:space-between; +} +.editor-post-last-revision__title.components-button.has-icon:active,.editor-post-last-revision__title.components-button.has-icon:hover{ + background:#f0f0f0; +} +.editor-post-last-revision__title.components-button.has-icon:focus{ + border-radius:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} + +.components-panel__body.is-opened.editor-post-last-revision__panel{ + height:48px; + padding:0; +} +.components-panel__body.is-opened.editor-post-last-revision__panel .editor-post-last-revision__title.components-button.components-button{ + padding:16px; +} + +.editor-private-post-last-revision__button{ + display:inline-block; +} + +.editor-post-locked-modal__buttons{ + margin-top:24px; } -.post-publish-panel__postpublish-buttons { - display: flex; - align-content: space-between; - flex-wrap: wrap; - margin: -5px; -} -.post-publish-panel__postpublish-buttons > * { - flex-grow: 1; - margin: 5px; -} -.post-publish-panel__postpublish-buttons .components-button { - height: auto; - justify-content: center; - padding: 3px 10px 4px; - flex: 1; - line-height: 1.6; - text-align: center; - white-space: normal; -} -.post-publish-panel__postpublish-buttons .components-clipboard-button { - width: 100%; +.editor-post-locked-modal__avatar{ + border-radius:2px; + margin-top:16px; + min-width:auto !important; +} + +.editor-post-panel__row{ + align-items:flex-start !important; + justify-content:flex-start !important; + min-height:32px; + width:100%; +} + +.editor-post-panel__row-label{ + align-items:center; + display:flex; + flex-shrink:0; + -webkit-hyphens:auto; + hyphens:auto; + line-height:20px; + min-height:32px; + padding:6px 0; + width:30%; +} + +.editor-post-panel__row-control{ + align-items:center; + display:flex; + flex-grow:1; + min-height:32px; +} +.editor-post-panel__row-control .components-button{ + height:auto; + max-width:100%; + min-height:32px; + text-align:left; + text-wrap:balance; + text-wrap:pretty; + white-space:normal; +} +.editor-post-panel__row-control .components-dropdown{ + max-width:100%; +} + +.editor-post-panel__section{ + padding:16px; +} + +.editor-post-publish-panel__content{ + min-height:calc(100% - 144px); +} +.editor-post-publish-panel__content>.components-spinner{ + display:block; + margin:100px auto 0; } -.post-publish-panel__postpublish-post-address-container { - display: flex; - align-items: flex-end; - margin-bottom: 16px; -} -.post-publish-panel__postpublish-post-address-container .components-base-control__field { - margin-bottom: 0; -} -.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address { - flex: 1; -} -.post-publish-panel__postpublish-post-address-container input[readonly] { - padding: 10px; - background: #ddd; - overflow: hidden; - text-overflow: ellipsis; +.editor-post-publish-panel__header{ + align-content:space-between; + align-items:center; + background:#fff; + border-bottom:1px solid #ddd; + display:flex; + height:61px; + padding-left:16px; + padding-right:16px; +} +.editor-post-publish-panel__header .components-button{ + justify-content:center; + width:100%; +} +.editor-post-publish-panel__header .has-icon{ + margin-left:auto; + width:auto; +} + +.components-site-card{ + align-items:center; + display:flex; + margin:16px 0; +} + +.components-site-icon{ + border:none; + border-radius:2px; + height:36px; + margin-right:12px; + width:36px; +} + +.components-site-name{ + display:block; + font-size:14px; +} + +.components-site-home{ + color:#757575; + display:block; + font-size:12px; +} + +.editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{ + flex:1; +} +@media (min-width:480px){ + .editor-post-publish-panel__header-cancel-button,.editor-post-publish-panel__header-publish-button{ + max-width:160px; + } +} + +.editor-post-publish-panel__header-publish-button{ + justify-content:center; + padding-right:4px; +} + +.editor-post-publish-panel__header-cancel-button{ + padding-left:4px; +} + +.editor-post-publish-panel__header-published{ + flex-grow:1; +} + +.editor-post-publish-panel__footer{ + padding:16px; +} + +.components-button.editor-post-publish-panel__toggle.is-primary{ + align-items:center; + display:inline-flex; +} +.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon{ + display:none; +} +.components-button.editor-post-publish-panel__toggle.is-primary .dashicon{ + margin-right:-4px; +} + +.editor-post-publish-panel__link{ + font-weight:400; + padding-left:4px; } -.post-publish-panel__postpublish-post-address__copy-button-wrap { - flex-shrink: 0; - margin-left: 8px; -} -.post-publish-panel__postpublish-post-address__copy-button-wrap .components-button { - height: 38px; +.editor-post-publish-panel__prepublish{ + padding:16px; +} +.editor-post-publish-panel__prepublish strong{ + color:#1e1e1e; +} +.editor-post-publish-panel__prepublish .components-panel__body{ + background:#fff; + margin-left:-16px; + margin-right:-16px; +} +.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend{ + display:none; +} +.editor-post-publish-panel__prepublish .components-panel__body-title .components-button{ + align-items:flex-start; + text-wrap:balance; + text-wrap:pretty; +} + +.post-publish-panel__postpublish .components-panel__body{ + border-bottom:1px solid #e0e0e0; + border-top:none; } -.post-publish-panel__postpublish-header { - font-weight: 500; +.post-publish-panel__postpublish-buttons{ + align-content:space-between; + display:flex; + flex-wrap:wrap; + gap:16px; +} +.post-publish-panel__postpublish-buttons .components-button{ + flex:1; + justify-content:center; +} +.post-publish-panel__postpublish-buttons .components-clipboard-button{ + width:100%; } -.post-publish-panel__postpublish-subheader { - margin: 0 0 8px; +.post-publish-panel__postpublish-post-address-container{ + align-items:flex-end; + display:flex; + margin-bottom:16px; +} +.post-publish-panel__postpublish-post-address-container .post-publish-panel__postpublish-post-address{ + flex:1; +} +.post-publish-panel__postpublish-post-address-container input[readonly]{ + background:#f0f0f0; + border-color:#ccc; + height:36px; + overflow:hidden; + padding:12px; + text-overflow:ellipsis; } -.post-publish-panel__tip { - color: #f0b849; +.post-publish-panel__postpublish-post-address__copy-button-wrap{ + flex-shrink:0; + margin-left:16px; +} + +.post-publish-panel__postpublish-header{ + font-weight:500; +} + +.post-publish-panel__postpublish-subheader{ + margin:0 0 8px; +} + +.post-publish-panel__tip{ + color:#f0b849; } -@media screen and (max-width: 782px) { - .post-publish-panel__postpublish-post-address__button-wrap .components-button { - height: 40px; +@media screen and (max-width:782px){ + .post-publish-panel__postpublish-post-address__button-wrap .components-button{ + height:40px; + } +} +.editor-post-publish-panel{ + background:#fff; + bottom:0; + left:0; + overflow:auto; + position:fixed; + right:0; + top:46px; + z-index:100001; +} +@media (min-width:782px){ + .editor-post-publish-panel{ + animation:editor-post-publish-panel__slide-in-animation .1s forwards; + border-left:1px solid #ddd; + left:auto; + top:32px; + transform:translateX(100%); + width:281px; + z-index:99998; + } +} +@media (min-width:782px) and (prefers-reduced-motion:reduce){ + .editor-post-publish-panel{ + animation-delay:0s; + animation-duration:1ms; + } +} +@media (min-width:782px){ + body.is-fullscreen-mode .editor-post-publish-panel{ + top:0; } -} -.editor-post-saved-state { - display: flex; - align-items: center; - width: 28px; - padding: 12px 4px; - color: #757575; - overflow: hidden; - white-space: nowrap; -} -.editor-post-saved-state.is-saving[aria-disabled=true], .editor-post-saved-state.is-saving[aria-disabled=true]:hover, .editor-post-saved-state.is-saved[aria-disabled=true], .editor-post-saved-state.is-saved[aria-disabled=true]:hover { - background: transparent; - color: #757575; -} -.editor-post-saved-state svg { - display: inline-block; - flex: 0 0 auto; - fill: currentColor; - margin-right: 8px; -} -@media (min-width: 600px) { - .editor-post-saved-state { - width: auto; - padding: 8px 12px; - text-indent: inherit; + [role=region]:focus .editor-post-publish-panel{ + transform:translateX(0); + } +} + +@keyframes editor-post-publish-panel__slide-in-animation{ + to{ + transform:translateX(0); } - .editor-post-saved-state svg { - margin-right: 0; +} +.editor-post-saved-state{ + align-items:center; + color:#757575; + display:flex; + overflow:hidden; + padding:12px 4px; + white-space:nowrap; + width:28px; +} +.editor-post-saved-state.is-saved[aria-disabled=true],.editor-post-saved-state.is-saved[aria-disabled=true]:hover,.editor-post-saved-state.is-saving[aria-disabled=true],.editor-post-saved-state.is-saving[aria-disabled=true]:hover{ + background:#0000; + color:#757575; +} +.editor-post-saved-state svg{ + display:inline-block; + flex:0 0 auto; + fill:currentColor; + margin-right:8px; +} +@media (min-width:600px){ + .editor-post-saved-state{ + padding:8px 12px; + text-indent:inherit; + width:auto; + } + .editor-post-saved-state svg{ + margin-right:0; } } -.editor-post-taxonomies__hierarchical-terms-list { - max-height: 14em; - overflow: auto; - margin-left: -6px; - padding-left: 6px; - margin-top: -6px; - padding-top: 6px; +.editor-post-save-draft.has-text.has-icon svg{ + margin-right:0; +} + +.editor-post-schedule__panel-dropdown{ + width:100%; +} + +.editor-post-schedule__dialog .components-popover__content{ + min-width:320px; + padding:16px; +} + +.editor-post-slug{ + align-items:stretch; + display:flex; + flex-direction:column; +} + +.editor-post-status{ + max-width:100%; +} +.editor-post-status.is-read-only{ + padding:6px 12px; +} + +.editor-change-status__password-fieldset,.editor-change-status__publish-date-wrapper{ + border-top:1px solid #e0e0e0; + padding-top:16px; } -.editor-post-taxonomies__hierarchical-terms-choice { - margin-bottom: 8px; +.editor-change-status__content .components-popover__content{ + min-width:320px; + padding:16px; +} +.editor-change-status__content .editor-change-status__options .components-base-control__field>.components-v-stack{ + gap:12px; +} +.editor-change-status__content .editor-change-status__options .components-radio-control__option{ + align-items:flex-start; +} +.editor-change-status__content .editor-change-status__options label .components-text{ + display:block; + margin-top:4px; +} +.editor-change-status__content .editor-change-status__password-legend{ + margin-bottom:8px; + padding:0; } -.editor-post-taxonomies__hierarchical-terms-subchoices { - margin-top: 8px; - margin-left: 16px; +.editor-post-sticky__toggle-control{ + padding:6px 12px; +} + +.editor-post-sync-status__value{ + padding:6px 0 6px 12px; +} + +.editor-post-taxonomies__hierarchical-terms-list{ + margin-left:-6px; + margin-top:-6px; + max-height:14em; + overflow:auto; + padding-left:6px; + padding-top:6px; } -.components-button.editor-post-taxonomies__hierarchical-terms-submit, -.components-button.editor-post-taxonomies__hierarchical-terms-add { - margin-top: 12px; +.editor-post-taxonomies__hierarchical-terms-choice{ + margin-bottom:8px; +} +.editor-post-taxonomies__hierarchical-terms-choice:last-child{ + margin-bottom:4px; +} + +.editor-post-taxonomies__hierarchical-terms-subchoices{ + margin-left:16px; + margin-top:8px; } -.editor-post-taxonomies__hierarchical-terms-label { - display: inline-block; - margin-top: 12px; +.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label{ + margin-bottom:4px; +} + +.editor-post-taxonomies__flat-term-most-used-list{ + margin:0; +} +.editor-post-taxonomies__flat-term-most-used-list li{ + display:inline-block; + margin-right:8px; +} +.editor-post-taxonomies__flat-term-most-used-list .components-button{ + font-size:12px; +} + +.editor-post-template__swap-template-modal{ + z-index:1000001; } -.editor-post-taxonomies__hierarchical-terms-input { - margin-top: 8px; +.editor-post-template__swap-template-modal-content .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; + padding-top:2px; +} +@media (min-width:782px){ + .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list{ + column-count:3; + } +} +@media (min-width:1280px){ + .editor-post-template__swap-template-modal-content .block-editor-block-patterns-list{ + column-count:4; + } +} +.editor-post-template__swap-template-modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; } -.editor-post-taxonomies__hierarchical-terms-filter { - margin-bottom: 8px; - width: 100%; +.editor-post-template__dropdown .components-popover__content{ + min-width:240px; +} +.editor-post-template__dropdown .components-button.is-pressed,.editor-post-template__dropdown .components-button.is-pressed:hover{ + background:inherit; + color:inherit; } -.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { - font-weight: 400; - margin-bottom: 12px; +@media (min-width:782px){ + .editor-post-template__create-form{ + width:320px; + } +} + +.editor-post-template__classic-theme-dropdown{ + padding:8px; } -.editor-post-taxonomies__flat-term-most-used-list { - margin: 0; -} -.editor-post-taxonomies__flat-term-most-used-list li { - display: inline-block; - margin-right: 8px; -} -.editor-post-taxonomies__flat-term-most-used-list .components-button { - font-size: 12px; +textarea.editor-post-text-editor{ + border:1px solid #949494; + border-radius:0; + box-shadow:none; + display:block; + font-family:Menlo,Consolas,monaco,monospace; + font-size:16px !important; + line-height:2.4; + margin:0; + min-height:200px; + overflow:hidden; + padding:16px; + resize:none; + transition:border .1s ease-out,box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + textarea.editor-post-text-editor{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + textarea.editor-post-text-editor{ + font-size:15px !important; + padding:24px; + } +} +textarea.editor-post-text-editor:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position:relative; +} +textarea.editor-post-text-editor::-webkit-input-placeholder{ + color:#1e1e1e9e; +} +textarea.editor-post-text-editor::-moz-placeholder{ + color:#1e1e1e9e; + opacity:1; +} +textarea.editor-post-text-editor:-ms-input-placeholder{ + color:#1e1e1e9e; +} + +.editor-post-title.is-raw-text{ + margin-bottom:24px; + margin-top:2px; + max-width:none; +} + +.editor-post-url__panel-dropdown{ + width:100%; +} + +.editor-post-url__panel-dialog .editor-post-url{ + margin:8px; + min-width:248px; +} +.editor-post-url__link{ + color:#757575; + direction:ltr; + margin-top:4px; + word-break:break-word; +} +.editor-post-url__link-slug{ + font-weight:600; +} + +.editor-post-url__input input.components-input-control__input{ + padding-inline-start:0 !important; +} + +.editor-post-url__panel-toggle{ + word-break:break-word; } -.edit-post-text-editor__body textarea.editor-post-text-editor { - border: 1px solid #949494; - border-radius: 0; - display: block; - margin: 0; - width: 100%; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - line-height: 2.4; - min-height: 200px; - transition: border 0.1s ease-out, box-shadow 0.1s linear; - padding: 16px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; -} -@media (prefers-reduced-motion: reduce) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - transition-duration: 0s; - transition-delay: 0s; +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + border:1px solid #1e1e1e; + border-radius:2px; + border-radius:50%; + box-shadow:0 0 0 #0000; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:24px; + line-height:normal; + margin-right:12px; + margin-top:2px; + max-width:24px; + min-width:24px; + padding:6px 8px; + transition:box-shadow .1s linear; + transition:none; + width:24px; +} +@media (prefers-reduced-motion:reduce){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + font-size:13px; + line-height:normal; + } +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-webkit-input-placeholder{ + color:#1e1e1e9e; +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]::-moz-placeholder{ + color:#1e1e1e9e; + opacity:1; +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:-ms-input-placeholder{ + color:#1e1e1e9e; +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]{ + height:20px; + max-width:20px; + min-width:20px; + width:20px; + } +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{ + background-color:#fff; + border:4px solid #fff; + box-sizing:inherit; + height:8px; + margin:0; + transform:translate(7px, 7px); + width:8px; +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked:before{ + transform:translate(5px, 5px); } } -@media (min-width: 600px) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - padding: 24px; - } -} -@media (min-width: 600px) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - font-size: 15px !important; +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:focus{ + box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.editor-post-visibility__fieldset .editor-post-visibility__radio[type=radio]:checked{ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); +} +.editor-post-visibility__fieldset .editor-post-visibility__info{ + color:#757575; + margin-left:36px; + margin-top:.5em; +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__info{ + margin-left:32px; } } -.edit-post-text-editor__body textarea.editor-post-text-editor:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; -} -.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { - color: rgba(30, 30, 30, 0.62); - opacity: 1; -} -.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.editor-post-visibility__fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__info{ + margin-bottom:0; +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + border:1px solid #949494; + border-radius:2px; + box-shadow:0 0 0 #0000; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + line-height:normal; + margin-left:32px; + padding:6px 8px; + transition:box-shadow .1s linear; + width:calc(100% - 32px); +} +@media (prefers-reduced-motion:reduce){ + .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]{ + font-size:13px; + line-height:normal; + } +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-webkit-input-placeholder{ + color:#1e1e1e9e; +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]::-moz-placeholder{ + color:#1e1e1e9e; + opacity:1; +} +.editor-post-visibility__fieldset .editor-post-visibility__password .editor-post-visibility__password-input[type=text]:-ms-input-placeholder{ + color:#1e1e1e9e; +} + +.editor-posts-per-page-dropdown__content .components-popover__content{ + min-width:320px; + padding:16px; } -.edit-post-post-visibility__dialog, -.editor-post-visibility__dialog-fieldset { - padding: 4px; - padding-top: 0; -} -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { - font-weight: 600; - margin-bottom: 1em; - margin-top: 0.5em; - padding: 0; -} -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - border: 1px solid #1e1e1e; - margin-right: 12px; - transition: none; - border-radius: 50%; - width: 24px; - height: 24px; - margin-top: 2px; -} -@media (prefers-reduced-motion: reduce) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { - transition-duration: 0s; - transition-delay: 0s; - } -} -@media (min-width: 600px) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.editor-post-trash.components-button{ + flex-grow:1; + justify-content:center; +} + +.editor-preview-dropdown__button-external{ + display:flex; + justify-content:space-between; + width:100%; +} + +.editor-resizable-editor.is-resizable{ + margin:0 auto; + overflow:visible; +} + +.editor-resizable-editor__resize-handle{ + appearance:none; + background:none; + border:0; + border-radius:2px; + bottom:0; + cursor:ew-resize; + height:100px; + margin:auto 0; + outline:none; + padding:0; + position:absolute; + top:0; + width:12px; +} +.editor-resizable-editor__resize-handle:after{ + background-color:#75757566; + border-radius:2px; + bottom:16px; + content:""; + left:4px; + position:absolute; + right:0; + top:16px; + width:4px; +} +.editor-resizable-editor__resize-handle.is-left{ + left:-18px; +} +.editor-resizable-editor__resize-handle.is-right{ + right:-18px; +} +.editor-resizable-editor__resize-handle:active,.editor-resizable-editor__resize-handle:focus,.editor-resizable-editor__resize-handle:hover{ + opacity:1; +} +.editor-resizable-editor__resize-handle:active:after,.editor-resizable-editor__resize-handle:focus:after,.editor-resizable-editor__resize-handle:hover:after{ + background-color:var(--wp-admin-theme-color); +} + +.editor-layout__toggle-entities-saved-states-panel,.editor-layout__toggle-publish-panel,.editor-layout__toggle-sidebar-panel{ + background-color:#fff; + border:1px dotted #ddd; + bottom:auto; + box-sizing:border-box; + display:flex; + height:auto !important; + justify-content:center; + left:auto; + padding:24px; + position:fixed !important; + right:0; + top:-9999em; + width:280px; + z-index:100000; +} + +.interface-interface-skeleton__actions:focus .editor-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus .editor-layout__toggle-publish-panel,.interface-interface-skeleton__actions:focus-within .editor-layout__toggle-entities-saved-states-panel,.interface-interface-skeleton__actions:focus-within .editor-layout__toggle-publish-panel{ + bottom:0; + top:auto; +} + +.editor-start-page-options__modal-content .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; +} +@media (min-width:782px){ + .editor-start-page-options__modal-content .block-editor-block-patterns-list{ + column-count:3; } } -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -@media (min-width: 600px) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { - height: 20px; - width: 20px; +@media (min-width:1280px){ + .editor-start-page-options__modal-content .block-editor-block-patterns-list{ + column-count:4; } } -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { - box-sizing: inherit; - width: 8px; - height: 8px; - transform: translate(7px, 7px); - margin: 0; - background-color: #fff; - border: 4px solid #fff; -} -@media (min-width: 600px) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { - transform: translate(5px, 5px); +.editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; + margin-bottom:24px; +} +.editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ + min-height:100px; +} +.editor-start-page-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__content{ + width:100%; +} + +.editor-start-template-options__modal .editor-start-template-options__modal__actions{ + background-color:#fff; + border-top:1px solid #ddd; + bottom:0; + height:92px; + margin-left:-32px; + margin-right:-32px; + padding-left:32px; + padding-right:32px; + position:absolute; + width:100%; + z-index:1; +} +.editor-start-template-options__modal .block-editor-block-patterns-list{ + padding-bottom:92px; +} + +.editor-start-template-options__modal-content .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; +} +@media (min-width:782px){ + .editor-start-template-options__modal-content .block-editor-block-patterns-list{ + column-count:3; } } -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); -} -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { - font-weight: 600; -} -.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { - margin-top: 0; - margin-left: 32px; -} -.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, -.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { - margin-bottom: 0; +@media (min-width:1280px){ + .editor-start-template-options__modal-content .block-editor-block-patterns-list{ + column-count:4; + } +} +.editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; +} +.editor-start-template-options__modal-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-patterns-list__item-title{ + display:none; +} + +.components-panel__header.editor-sidebar__panel-tabs{ + padding-left:0; + padding-right:12px; +} +.components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon{ + height:24px; + min-width:24px; + padding:0; +} +@media (min-width:782px){ + .components-panel__header.editor-sidebar__panel-tabs .components-button.has-icon{ + display:flex; + } +} + +.editor-post-summary .components-v-stack:empty{ + display:none; +} + +.editor-site-discussion-dropdown__content .components-popover__content{ + min-width:320px; + padding:16px; } -.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - margin-left: 36px; - margin-top: 8px; -} -@media (prefers-reduced-motion: reduce) { - .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { - transition-duration: 0s; - transition-delay: 0s; +.editor-site-discussion__options .components-radio-control__option{ + align-items:flex-start; +} +.editor-site-discussion__options label .components-text{ + display:block; + margin-top:4px; +} + +.table-of-contents__popover.components-popover .components-popover__content{ + min-width:380px; +} + +.components-popover.table-of-contents__popover{ + z-index:99998; +} + +.table-of-contents__popover .components-popover__content{ + padding:16px; +} +@media (min-width:600px){ + .table-of-contents__popover .components-popover__content{ + max-height:calc(100vh - 120px); + overflow-y:auto; } } -@media (min-width: 600px) { - .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - } -} -.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.table-of-contents__popover hr{ + margin:10px -16px 0; +} + +.table-of-contents__wrapper:focus:before{ + bottom:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + display:block; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; } -.editor-post-title { - position: relative; -} -.editor-post-title.is-focus-mode { - opacity: 0.5; - transition: opacity 0.1s linear; -} -@media (prefers-reduced-motion: reduce) { - .editor-post-title.is-focus-mode { - transition-duration: 0s; - transition-delay: 0s; - } -} -.editor-post-title.is-focus-mode:focus { - opacity: 1; +.table-of-contents__counts{ + display:flex; + flex-wrap:wrap; + margin:-8px 0 0; +} + +.table-of-contents__count{ + color:#1e1e1e; + display:flex; + flex-basis:33%; + flex-direction:column; + font-size:13px; + margin-bottom:0; + margin-top:8px; + padding-right:8px; +} +.table-of-contents__count:nth-child(4n){ + padding-right:0; } -.editor-post-trash.components-button { - margin-top: 4px; +.table-of-contents__number,.table-of-contents__popover .word-count{ + color:#1e1e1e; + font-size:21px; + font-weight:400; + line-height:30px; } -.table-of-contents__popover.components-popover .components-popover__content { - min-width: 380px; +.table-of-contents__title{ + display:block; + font-size:15px; + font-weight:600; + margin-top:20px; +} +.editor-template-areas__list,.editor-template-areas__list>li{ + margin:0; +} +.editor-template-areas__item{ + width:100%; +} +.editor-template-areas__item.components-button.has-icon{ + padding:0; +} + +h3.components-heading.editor-template-areas__title{ + font-weight:500; + margin:0 0 8px; } -.components-popover.table-of-contents__popover { - z-index: 99998; -} - -.table-of-contents__popover .components-popover__content > div { - padding: 16px; -} -@media (min-width: 600px) { - .table-of-contents__popover .components-popover__content { - max-height: calc(100vh - 120px); - overflow-y: auto; +.editor-text-editor{ + background-color:#fff; + flex-grow:1; + position:relative; + width:100%; +} +.editor-text-editor .editor-post-title.is-raw-text textarea,.editor-text-editor .editor-post-title:not(.is-raw-text){ + border:1px solid #949494; + border-radius:0; + font-family:Menlo,Consolas,monaco,monospace; + font-size:2.5em; + font-weight:400; + line-height:1.4; + max-width:none; + padding:16px; +} +@media (min-width:600px){ + .editor-text-editor .editor-post-title.is-raw-text textarea,.editor-text-editor .editor-post-title:not(.is-raw-text){ + padding:24px; } } -.table-of-contents__popover hr { - margin: 10px -16px 0; +.editor-text-editor .editor-post-title.is-raw-text textarea:focus,.editor-text-editor .editor-post-title:not(.is-raw-text):focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); } -.table-of-contents__wrapper:focus::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - pointer-events: none; -} - -.table-of-contents__counts { - display: flex; - flex-wrap: wrap; - margin: 0; - margin-top: -8px; +.editor-text-editor__body{ + margin-left:auto; + margin-right:auto; + max-width:1080px; + padding:0 12px 12px; + width:100%; +} +@media (min-width:960px){ + .editor-text-editor__body{ + padding:0 24px 24px; + } } -.table-of-contents__count { - flex-basis: 33%; - display: flex; - flex-direction: column; - font-size: 13px; - color: #1e1e1e; - padding-right: 8px; - margin-bottom: 0; - margin-top: 8px; -} -.table-of-contents__count:nth-child(4n) { - padding-right: 0; +.editor-text-editor__toolbar{ + background:#fffc; + display:flex; + left:0; + padding:4px 12px; + position:sticky; + right:0; + top:0; + z-index:1; +} +@media (min-width:600px){ + .editor-text-editor__toolbar{ + padding:12px; + } +} +@media (min-width:960px){ + .editor-text-editor__toolbar{ + padding:12px 24px; + } +} +.editor-text-editor__toolbar h2{ + color:#1e1e1e; + font-size:13px; + line-height:36px; + margin:0 auto 0 0; } -.table-of-contents__number, -.table-of-contents__popover .word-count { - font-size: 21px; - font-weight: 400; - line-height: 30px; - color: #1e1e1e; -} - -.table-of-contents__title { - display: block; - margin-top: 20px; - font-size: 15px; - font-weight: 600; -} - -.editor-template-validation-notice { - display: flex; - justify-content: space-between; - align-items: center; -} -.editor-template-validation-notice .components-button { - margin-left: 5px; +.editor-visual-editor{ + align-items:center; + background-color:#ddd; + display:block; + position:relative; +} +.editor-visual-editor.is-resizable{ + max-height:100%; +} +.editor-visual-editor.has-padding{ + padding:24px 24px 0; +} +.editor-visual-editor.is-iframed{ + overflow:hidden; +} +.editor-visual-editor .components-button{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + padding:6px 12px; +} +.editor-visual-editor .components-button.has-icon,.editor-visual-editor .components-button.is-tertiary{ + padding:6px; } \ No newline at end of file