diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/css/dist/block-editor/style-rtl.css --- a/wp/wp-includes/css/dist/block-editor/style-rtl.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/css/dist/block-editor/style-rtl.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,4557 +1,4151 @@ -/** - * 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; + } +} + +.block-editor-autocompleters__block{ + white-space:nowrap; +} +.block-editor-autocompleters__block .block-editor-block-icon{ + margin-left:8px; +} + +.block-editor-autocompleters__link{ + white-space:nowrap; +} +.block-editor-autocompleters__link .block-editor-block-icon{ + margin-left:8px; +} + +.block-editor-block-alignment-control__menu-group .components-menu-item__info{ + margin-top:0; +} + +iframe[name=editor-canvas]{ + background-color:initial; + box-sizing:border-box; + display:block; + height:100%; + width:100%; +} + +.block-editor-block-icon{ + align-items:center; + display:flex; + height:24px; + justify-content:center; + width:24px; +} +.block-editor-block-icon.has-colors svg{ + fill:currentColor; +} +@media (forced-colors:active){ + .block-editor-block-icon.has-colors svg{ + fill:CanvasText; } } - -.block-editor-autocompleters__block { - white-space: nowrap; -} -.block-editor-autocompleters__block .block-editor-block-icon { - margin-left: 8px; -} - -.block-editor-autocompleters__link { - white-space: nowrap; -} -.block-editor-autocompleters__link .block-editor-block-icon { - margin-left: 8px; -} - -.block-editor-block-alignment-control__menu-group .components-menu-item__info { - margin-top: 0; -} - -.block-editor-block-alignment-matrix-control__popover .components-popover__content { - min-width: 0; - width: auto; -} -.block-editor-block-alignment-matrix-control__popover .components-popover__content > div { - padding: 8px; -} - -.block-editor-block-icon { - display: flex; - align-items: center; - justify-content: center; - width: 24px; - height: 24px; -} -.block-editor-block-icon.has-colors svg { - fill: currentColor; -} -@media (forced-colors: active) { - .block-editor-block-icon.has-colors svg { - fill: CanvasText; +.block-editor-block-icon svg{ + max-height:24px; + max-width:24px; + min-height:20px; + min-width:20px; +} + +.block-editor-block-inspector p:not(.components-base-control__help){ + margin-top:0; +} +.block-editor-block-inspector h2,.block-editor-block-inspector h3{ + color:#1e1e1e; + font-size:13px; + margin-bottom:1.5em; +} +.block-editor-block-inspector .components-base-control{ + margin-bottom:24px; +} +.block-editor-block-inspector .components-base-control:last-child{ + margin-bottom:8px; +} +.block-editor-block-inspector .components-focal-point-picker-control .components-base-control,.block-editor-block-inspector .components-query-controls .components-base-control,.block-editor-block-inspector .components-range-control .components-base-control{ + margin-bottom:0; +} +.block-editor-block-inspector .components-panel__body{ + border:none; + border-top:1px solid #e0e0e0; + margin-top:-1px; +} + +.block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{ + background:#fff; + display:block; + font-size:13px; + padding:32px 16px; + text-align:center; +} + +.block-editor-block-inspector__no-block-tools{ + border-top:1px solid #ddd; +} + +.block-editor-block-inspector__tab-item{ + flex:1 1 0px; +} +.block-editor-block-list__insertion-point{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; +} + +.block-editor-block-list__insertion-point-indicator{ + background:var(--wp-admin-theme-color); + border-radius:2px; + opacity:0; + position:absolute; + transform-origin:center; + will-change:transform, opacity; +} +.block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{ + height:4px; + top:calc(50% - 2px); + width:100%; +} +.block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{ + bottom:0; + right:calc(50% - 2px); + top:0; + width:4px; +} + +.block-editor-block-list__insertion-point-inserter{ + display:none; + justify-content:center; + position:absolute; + right:calc(50% - 12px); + top:calc(50% - 12px); + will-change:transform; +} +@media (min-width:480px){ + .block-editor-block-list__insertion-point-inserter{ + display:flex; } } -.block-editor-block-icon svg { - min-width: 20px; - min-height: 20px; - max-width: 24px; - max-height: 24px; -} - -.block-editor-block-inspector p { - margin-top: 0; -} -.block-editor-block-inspector h2, -.block-editor-block-inspector h3 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; -} -.block-editor-block-inspector .components-base-control { - margin-bottom: 24px; -} -.block-editor-block-inspector .components-base-control:last-child { - margin-bottom: 8px; -} -.block-editor-block-inspector .components-panel__body { - border: none; - border-top: 1px solid #e0e0e0; -} -.block-editor-block-inspector .block-editor-block-card { - padding: 16px; -} - -.block-editor-block-inspector__no-blocks { - display: block; - font-size: 13px; - background: #fff; - padding: 32px 16px; - text-align: center; -} - -.block-editor-block-styles .block-editor-block-list__block { - margin: 0; -} - -/** - * Notices & Block Selected/Hover Styles. - */ -/** - * Cross-Block Selection - */ -.block-editor-block-list__layout { - position: relative; -} -.block-editor-block-list__layout.is-navigate-mode { - cursor: default; -} -.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable])::after, -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after { - position: absolute; - z-index: 1; - pointer-events: none; - content: ""; - top: 1px; - bottom: 1px; - right: 1px; - left: 1px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 1px; - outline: 2px solid transparent; -} -.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered::after, -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable])::after, -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after, -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected::after { - box-shadow: 0 0 0 1px #fff; -} -.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected .components-placeholder ::selection, .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered .components-placeholder ::selection, -.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not([contenteditable]) .components-placeholder ::selection, -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted .components-placeholder ::selection, -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted ~ .is-multi-selected .components-placeholder ::selection { - background: transparent; -} -.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-hovered:not(.is-selected)::after { - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); -} -.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted::after { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 1px solid transparent; -} -.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected::after, .block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.has-child-selected { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::before { - content: ""; - position: absolute; - z-index: 0; - pointer-events: none; - transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; - left: 0; - right: 0; - top: -14px; - border-radius: 2px; - border-top: 4px solid #ccc; -} -.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected::after { - content: none; -} -.block-editor-block-list__layout .is-block-moving-mode.can-insert-moving-block.block-editor-block-list__block.is-selected::before { - border-color: var(--wp-admin-theme-color); -} - -.is-block-moving-mode.block-editor-block-list__block-selection-button { - opacity: 0; - font-size: 1px; - height: 1px; - padding: 0; -} - -.block-editor-block-list__layout .block-editor-block-list__block { - position: relative; - overflow-wrap: break-word; - /** - * Notices - */ - /** - * Block Layout - */ - /** - * Block styles and alignments - */ -} -.block-editor-block-list__layout .block-editor-block-list__block .reusable-block-edit-panel * { - z-index: 1; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-placeholder .components-with-notices-ui { - margin: -10px 0 12px 0; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui { - margin: 0 0 12px 0; - width: 100%; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice { - margin-right: 0; - margin-left: 0; -} -.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content { - font-size: 13px; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus { - outline: none; -} -.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { - position: absolute; - z-index: 1; - pointer-events: none; - content: ""; - top: 1px; - bottom: 1px; - right: 1px; - left: 1px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - border-radius: 1px; - outline: 2px solid transparent; -} -.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus::after { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) #fff; -} -.block-editor-block-list__layout .block-editor-block-list__block::after { - content: ""; - pointer-events: none; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - border-radius: 2px; - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning { - min-height: 48px; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning > * { - pointer-events: none; - -webkit-user-select: none; - user-select: none; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning .block-editor-warning { - pointer-events: all; -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning::after { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - border-radius: 2px; - background-color: rgba(255, 255, 255, 0.4); -} -.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected::after { - background-color: transparent; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay::after { - display: none; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable > .block-editor-inner-blocks > .block-editor-block-list__layout.has-overlay .block-editor-block-list__layout.has-overlay::after { - display: block; -} -.block-editor-block-list__layout .block-editor-block-list__block.is-reusable.has-child-selected::after { - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); -} -.block-editor-block-list__layout .block-editor-block-list__block[data-clear=true] { - float: none; -} - -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered { - cursor: default; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-hovered::after { - top: 1px; - right: 1px; - left: 1px; - bottom: 1px; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - border-radius: 1px; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected { - cursor: unset; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected::after { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - top: 1px; - right: 1px; - left: 1px; - bottom: 1px; - border-radius: 1px; -} -.is-outline-mode .block-editor-block-list__block:not(.remove-outline).is-selected:focus::after { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} - -.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { - opacity: 0.5; - transition: opacity 0.1s linear; -} -@media (prefers-reduced-motion: reduce) { - .is-focus-mode .block-editor-block-list__block:not(.has-child-selected) { - transition-duration: 0s; - transition-delay: 0s; + +.block-editor-block-list__block-side-inserter-popover .components-popover__content>div{ + pointer-events:none; +} +.block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{ + pointer-events:all; +} + +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + height:24px; + min-width:24px; + padding:0; +} +.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ + background:var(--wp-admin-theme-color); +} +.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ + background:#1e1e1e; +} +.block-editor-block-list__block-selection-button{ + background-color:#1e1e1e; + border-radius:2px; + display:inline-flex; + font-size:13px; + height:48px; + padding:0 12px; + z-index:22; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{ + align-items:center; + display:inline-flex; + margin:auto; +} +.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{ + margin-left:6px; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{ + cursor:grab; + height:24px; + margin-right:-2px; + min-width:24px; + padding:0; +} +.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{ + min-height:18px; + min-width:18px; +} +.block-editor-block-list__block-selection-button .block-editor-block-icon{ + color:#fff; + font-size:13px; + height:48px; +} +.block-editor-block-list__block-selection-button .components-button{ + color:#fff; + display:flex; + height:48px; + min-width:36px; +} +.block-editor-block-list__block-selection-button .components-button:focus{ + border:none; + box-shadow:none; +} +.block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{ + color:#fff; +} +.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{ + padding:0; +} +.block-editor-block-list__block-selection-button .block-editor-block-mover{ + background:unset; + border:none; +} + +@keyframes hide-during-dragging{ + to{ + position:fixed; + transform:translate(-9999px, 9999px); } } -.is-focus-mode .block-editor-block-list__block:not(.has-child-selected) .block-editor-block-list__block, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-selected, .is-focus-mode .block-editor-block-list__block:not(.has-child-selected).is-multi-selected { - opacity: 1; -} - -.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { - opacity: 0.5; - transition: opacity 0.1s linear; -} -@media (prefers-reduced-motion: reduce) { - .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity { - transition-duration: 0s; - transition-delay: 0s; +.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{ + margin-bottom:8px; + margin-top:8px; + pointer-events:all; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar{ + border:1px solid #1e1e1e; + border-radius:2px; + overflow:visible; + position:static; + width:auto; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{ + margin-right:56px; +} +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{ + margin-right:0; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar{ + overflow:visible; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group{ + border-left-color:#1e1e1e; +} +.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{ + visibility:hidden; +} +.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{ + animation:hide-during-dragging 1ms linear forwards; + opacity:0; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{ + position:absolute; + right:-57px; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:before{ + content:""; +} +.components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ + background-color:#fff; + border:1px solid #1e1e1e; + padding-left:6px; + padding-right:6px; +} +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ + padding-left:12px; + padding-right:12px; +} +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{ + margin-right:-1px; + position:relative; + right:auto; +} +.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover{ + border-right:1px solid #1e1e1e; +} + +.is-dragging-components-draggable .components-tooltip{ + display:none; +} + +.components-popover.block-editor-block-popover__inbetween .block-editor-button-pattern-inserter__button{ + pointer-events:all; + position:absolute; + right:50%; + top:50%; + transform:translateX(50%) translateY(-50%); +} + +.block-editor-block-lock-modal{ + z-index:1000001; +} +@media (min-width:600px){ + .block-editor-block-lock-modal .components-modal__frame{ + max-width:480px; } } -.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.has-child-selected, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity:not(.has-child-selected) .block-editor-block-list__block, .is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity.is-active-entity .block-editor-block-list__block, -.is-root-container:not(.is-focus-mode) .block-editor-block-list__block.has-active-entity .is-active-entity .block-editor-block-list__block { - opacity: 1; -} - -.wp-block[data-align=left] > *, -.wp-block[data-align=right] > *, -.wp-block.alignleft, -.wp-block.alignright { - z-index: 21; -} - -.wp-site-blocks > [data-align=left] { - float: right; - margin-left: 2em; -} - -.wp-site-blocks > [data-align=right] { - float: left; - margin-right: 2em; -} - -.wp-site-blocks > [data-align=center] { - justify-content: center; - margin-right: auto; - margin-left: auto; -} - -/** - * In-Canvas Inserter - */ -.block-editor-block-list .block-editor-inserter { - margin: 8px; - cursor: move; - cursor: grab; -} - -@keyframes block-editor-inserter__toggle__fade-in-animation { - from { - opacity: 0; - } - to { - opacity: 1; - } -} -.wp-block .block-list-appender .block-editor-inserter__toggle { - animation: block-editor-inserter__toggle__fade-in-animation 0.1s ease; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .wp-block .block-list-appender .block-editor-inserter__toggle { - animation-duration: 1ms; - animation-delay: 0s; - } -} - -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { - display: none; -} -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender .block-editor-inserter__toggle { - opacity: 0; - transform: scale(0); -} - -.block-editor-block-list__block .block-editor-block-list__block-html-textarea { - display: block; - margin: 0; - padding: 12px; - width: 100%; - border: none; - outline: none; - border-radius: 2px; - box-shadow: inset 0 0 0 1px #1e1e1e; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; - line-height: 1.5; - transition: padding 0.2s linear; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-block-list__block .block-editor-block-list__block-html-textarea { - transition-duration: 0s; - transition-delay: 0s; - } -} -.block-editor-block-list__block .block-editor-block-list__block-html-textarea:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} - -/** - * Warnings. - */ -.block-editor-block-list__block .block-editor-warning { - z-index: 5; - position: relative; -} -.block-editor-block-list__block .block-editor-warning.block-editor-block-list__block-crash-warning { - margin-bottom: auto; -} - -/** - * Insertion Point. - */ -.block-editor-block-list__insertion-point { - position: absolute; -} - -.block-editor-block-list__insertion-point-indicator { - position: absolute; - background: var(--wp-admin-theme-color); -} -.block-editor-block-list__insertion-point.is-vertical > .block-editor-block-list__insertion-point-indicator { - top: 50%; - height: 1px; -} -.block-editor-block-list__insertion-point.is-horizontal > .block-editor-block-list__insertion-point-indicator { - top: 0; - left: 0; - right: 50%; - width: 1px; -} - -.block-editor-block-list__insertion-point-inserter { - display: none; - position: absolute; - justify-content: center; - top: calc(50% - 12px); - right: calc(50% - 12px); -} -@media (min-width: 480px) { - .block-editor-block-list__insertion-point-inserter { - display: flex; + +.block-editor-block-lock-modal__checklist{ + margin:0; +} + +.block-editor-block-lock-modal__options-title{ + padding:12px 0; +} +.block-editor-block-lock-modal__options-title .components-checkbox-control__label{ + font-weight:600; +} + +.block-editor-block-lock-modal__checklist-item{ + align-items:center; + display:flex; + gap:12px; + justify-content:space-between; + margin-bottom:0; + padding:12px 32px 12px 0; +} +.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{ + flex-shrink:0; + margin-left:12px; + fill:#1e1e1e; +} +.block-editor-block-lock-modal__checklist-item:hover{ + background-color:#f0f0f0; + border-radius:2px; +} + +.block-editor-block-lock-modal__template-lock{ + border-top:1px solid #ddd; + margin-top:16px; + padding:12px 0; +} + +.block-editor-block-lock-modal__actions{ + margin-top:24px; +} + +.block-editor-block-lock-toolbar .components-button.has-icon{ + min-width:36px !important; +} + +.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{ + margin-right:-6px !important; +} + +.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{ + border-right:1px solid #1e1e1e; + margin-left:-6px; + margin-right:6px !important; +} + +.block-editor-block-breadcrumb{ + list-style:none; + margin:0; + padding:0; +} +.block-editor-block-breadcrumb li{ + display:inline-flex; + margin:0; +} +.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{ + fill:currentColor; + margin-left:-4px; + margin-right:-4px; + transform:scaleX(-1);; +} +.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{ + display:none; +} + +.block-editor-block-breadcrumb__button.components-button{ + height:24px; + line-height:24px; + padding:0; + position:relative; +} +.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){ + box-shadow:none; + text-decoration:underline; +} +.block-editor-block-breadcrumb__button.components-button:focus{ + box-shadow:none; +} +.block-editor-block-breadcrumb__button.components-button:focus:before{ + border-radius:2px; + bottom:1px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + display:block; + left:1px; + outline:2px solid #0000; + position:absolute; + right:1px; + top:1px; +} + +.block-editor-block-breadcrumb__current{ + cursor:default; +} + +.block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{ + color:#1e1e1e; + font-size:inherit; + padding:0 8px; +} + +.block-editor-block-card{ + align-items:flex-start; + color:#1e1e1e; + display:flex; + padding:16px; +} + +.block-editor-block-card__title{ + font-weight:500; +} +.block-editor-block-card__title.block-editor-block-card__title{ + font-size:13px; + line-height:1.4; + margin:0; + padding:3px 0; +} + +.block-editor-block-card .block-editor-block-icon{ + flex:0 0 24px; + height:24px; + margin-left:12px; + margin-right:0; + width:24px; +} + +.block-editor-block-card.is-synced .block-editor-block-icon{ + color:var(--wp-block-synced-color); +} +.block-editor-block-compare{ + height:auto; +} + +.block-editor-block-compare__wrapper{ + display:flex; + padding-bottom:16px; +} +.block-editor-block-compare__wrapper>div{ + display:flex; + flex-direction:column; + justify-content:space-between; + max-width:600px; + min-width:200px; + padding:0 0 0 16px; + width:50%; +} +.block-editor-block-compare__wrapper>div button{ + float:left; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__converted{ + border-right:1px solid #ddd; + padding-left:0; + padding-right:15px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html{ + border-bottom:1px solid #ddd; + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:12px; + line-height:1.7; + padding-bottom:15px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span{ + background-color:#e6ffed; + padding-bottom:3px; + padding-top:3px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{ + background-color:#acf2bd; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{ + background-color:#cc1818; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__preview{ + padding:16px 0 0; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__preview p{ + font-size:12px; + margin-top:0; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__action{ + margin-top:16px; +} +.block-editor-block-compare__wrapper .block-editor-block-compare__heading{ + font-size:1em; + font-weight:400; + margin:.67em 0; +} + +.block-editor-block-draggable-chip-wrapper{ + position:absolute; + right:0; + top:-24px; +} + +.block-editor-block-draggable-chip{ + background-color:#1e1e1e; + border-radius:2px; + box-shadow:0 6px 8px #0000004d; + color:#fff; + cursor:grabbing; + display:inline-flex; + height:48px; + padding:0 13px; + position:relative; + -webkit-user-select:none; + user-select:none; + width:max-content; +} +.block-editor-block-draggable-chip svg{ + fill:currentColor; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{ + justify-content:flex-start; + margin:auto; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{ + margin-left:6px; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{ + margin-left:0; +} +.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{ + min-height:18px; + min-width:18px; +} +.block-editor-block-draggable-chip .components-flex__item{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; +} + +.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{ + align-items:center; + background-color:initial; + bottom:0; + display:flex; + justify-content:center; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; + transition:all .1s linear .1s; +} +.block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon{ + background:#0000 linear-gradient(45deg, #0000 47.5%, #fff 0, #fff 52.5%, #0000 0); + border-radius:50%; + box-shadow:inset 0 0 0 1.5px #fff; + display:inline-block; + height:20px; + padding:0; + width:20px; +} + +.block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{ + background-color:#757575; + box-shadow:0 4px 8px #0003; + opacity:1; +} + +.block-editor-block-mover__move-button-container{ + border:none; + display:flex; + justify-content:center; + padding:0; +} +@media (min-width:600px){ + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ + flex-direction:column; } -} - -.block-editor-block-list__block-popover-inserter { - position: absolute; - top: -9999em; - margin-bottom: 14px; -} -.block-editor-block-list__block-popover-inserter.is-visible { - position: static; -} - -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon { - background: #1e1e1e; - border-radius: 2px; - color: #fff; - padding: 0; - min-width: 24px; - height: 24px; -} -.block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-default-block-appender .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-block-list__block-popover-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { - color: #fff; - background: var(--wp-admin-theme-color); -} - -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon { - background: var(--wp-admin-theme-color); -} -.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover { - background: #1e1e1e; -} - -/** - * Block Toolbar when contextual. - */ -.block-editor-block-contextual-toolbar { - display: inline-flex; - border: 1px solid #1e1e1e; - border-radius: 2px; - background-color: #fff; -} -.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar { - border-left-color: #1e1e1e; -} -.block-editor-block-contextual-toolbar.is-fixed { - position: sticky; - top: 0; - width: 100%; - z-index: 31; - min-height: 48px; - display: block; - border: none; - border-bottom: 1px solid #e0e0e0; - border-radius: 0; -} -.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar { - border-left-color: #e0e0e0; -} -.block-editor-block-contextual-toolbar .block-editor-block-mover-button { - overflow: hidden; -} -.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { - min-width: 24px; - width: 24px; -} -.block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button svg { - min-width: 24px; -} - -.block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button:focus::before { - right: 0 !important; - min-width: 0; - width: 100%; -} -@media (min-width: 600px) { - .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-up-button svg { - top: 5px; + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{ + height:20px; + min-width:0 !important; + width:100%; + } + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{ + height:calc(100% - 4px); + } + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ + flex-shrink:0; + top:3px; + } + .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ + bottom:3px; + flex-shrink:0; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{ + width:48px; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{ + min-width:0 !important; + overflow:hidden; + width:24px; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button{ + padding-left:0; + padding-right:0; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ + right:5px; + } + .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ + left:5px; } - .block-editor-block-contextual-toolbar .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button.is-down-button svg { - bottom: 5px; +} + +.block-editor-block-mover__drag-handle{ + cursor:grab; +} +@media (min-width:600px){ + .block-editor-block-mover__drag-handle{ + min-width:0 !important; + overflow:hidden; + width:24px; + } + .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon{ + padding-left:0; + padding-right:0; + } +} + +.components-button.block-editor-block-mover-button:before{ + animation:components-button__appear-animation .1s ease; + animation-fill-mode:forwards; + border-radius:2px; + content:""; + display:block; + height:32px; + left:8px; + position:absolute; + right:8px; + z-index:-1; +} +@media (prefers-reduced-motion:reduce){ + .components-button.block-editor-block-mover-button:before{ + animation-delay:0s; + animation-duration:1ms; } } - -/** - * Block Label for Navigation/Selection Mode - */ -.block-editor-block-list__block-selection-button { - display: inline-flex; - padding: 0 12px; - z-index: 22; - border-radius: 2px; - background-color: #1e1e1e; - font-size: 13px; - height: 48px; -} -.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content { - margin: auto; - display: inline-flex; - align-items: center; -} -.block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content > .components-flex__item { - margin-left: 6px; -} -.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle { - cursor: grab; - padding: 0; - height: 24px; - min-width: 24px; - margin-right: -2px; -} -.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg { - min-width: 18px; - min-height: 18px; -} -.block-editor-block-list__block-selection-button .block-editor-block-icon { - font-size: 13px; - color: #fff; - height: 48px; -} -.block-editor-block-list__block-selection-button .components-button { - min-width: 36px; - color: #fff; - height: 48px; - display: flex; -} -.block-editor-block-list__block-selection-button .components-button:focus { - box-shadow: none; - border: none; -} -.block-editor-block-list__block-selection-button .components-button:active { - color: #fff; -} -.block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button { - padding: 0; -} - -/** - * Popovers. - */ -.block-editor-block-list__insertion-point-popover.is-without-arrow { - z-index: 28; - position: absolute; - pointer-events: none; -} -.block-editor-block-list__insertion-point-popover.is-without-arrow * { - pointer-events: none; -} -.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter { - pointer-events: all; -} -.block-editor-block-list__insertion-point-popover.is-without-arrow .is-with-inserter * { - pointer-events: all; -} -.block-editor-block-list__insertion-point-popover.is-without-arrow .components-popover__content.components-popover__content { - background: none; - border: none; - box-shadow: none; - overflow-y: visible; - margin-right: 0; -} - -@keyframes hide-during-dragging { - to { - position: fixed; - transform: translate(-9999px, 9999px); +.components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{ + box-shadow:none; + outline:none; +} +.components-button.block-editor-block-mover-button:focus-visible:before{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} + +.block-editor-block-navigation__container{ + min-width:280px; +} + +.block-editor-block-navigation__label{ + color:#757575; + font-size:11px; + font-weight:500; + margin:0 0 12px; + text-transform:uppercase; +} + +.block-editor-block-patterns-list__list-item{ + cursor:pointer; + margin-bottom:16px; + position:relative; +} +.block-editor-block-patterns-list__list-item.is-placeholder{ + min-height:100px; +} +.block-editor-block-patterns-list__list-item[draggable=true]{ + cursor:grab; +} + +.block-editor-block-patterns-list__item{ + height:100%; + scroll-margin-bottom:56px; + scroll-margin-top:24px; +} +.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{ + flex-grow:1; + font-size:12px; + text-align:right; +} +.block-editor-block-patterns-list__item .block-editor-block-preview__container{ + align-items:center; + border-radius:2px; + display:flex; + overflow:hidden; +} +.block-editor-block-patterns-list__item .block-editor-block-preview__container:after{ + border-radius:2px; + outline:1px solid #0000001a; + outline-offset:-1px; +} +.block-editor-block-patterns-list__item:hover:not(:focus) .block-editor-block-preview__container:after{ + outline-color:#0000004d; +} +.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{ + outline-color:var(--wp-admin-theme-color); + outline-offset:calc(-1*var(--wp-admin-border-width-focus)); + outline-width:var(--wp-admin-border-width-focus); + transition:outline .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{ + transition-delay:0s; + transition-duration:0s; } } -.components-popover.block-editor-block-list__block-popover { - z-index: 31; - position: absolute; -} -.components-popover.block-editor-block-list__block-popover .components-popover__content { - margin: 0 !important; - min-width: auto; - width: max-content; - background: none; - border: none; - box-shadow: none; - overflow-y: visible; - pointer-events: none; -} -.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, -.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar, -.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__empty-block-inserter { - pointer-events: all; -} -.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-list__block-selection-button, -.components-popover.block-editor-block-list__block-popover .components-popover__content .block-editor-block-contextual-toolbar { - margin-top: 12px; - margin-bottom: 12px; -} -.components-popover.block-editor-block-list__block-popover.is-insertion-point-visible { - visibility: hidden; -} -.is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover { - opacity: 0; - animation: hide-during-dragging 1ms linear forwards; -} - -.is-dragging-components-draggable .components-tooltip { - display: none; -} - -.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown, -.block-editor-block-toolbar .components-toolbar-group { - padding-right: 6px; - padding-left: 6px; -} -.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button, -.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon, -.block-editor-block-toolbar .components-toolbar-group .components-button, -.block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon { - min-width: 36px; - padding-right: 6px; - padding-left: 6px; -} -.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button svg, -.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon svg, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button svg, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon svg, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button svg, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon svg, -.block-editor-block-toolbar .components-toolbar-group .components-button svg, -.block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon svg { - min-width: 24px; -} -.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button::before, -.block-editor-block-toolbar > .components-toolbar > .block-editor-block-toolbar__slot .components-button.has-icon.has-icon::before, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button::before, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-toolbar .components-button.has-icon.has-icon::before, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button::before, -.block-editor-block-toolbar > .block-editor-block-toolbar__slot > .components-dropdown .components-button.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar-group .components-button::before, -.block-editor-block-toolbar .components-toolbar-group .components-button.has-icon.has-icon::before { - right: 2px; - left: 2px; -} - -.is-vertical .block-list-appender { - width: 24px; - margin-left: auto; - margin-top: 12px; - margin-right: 12px; -} - -.block-list-appender > .block-editor-inserter { - display: block; -} - -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected):not(.block-editor-block-list__layout) .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle { - opacity: 0; - transform: scale(0); -} - -.block-editor-block-lock-modal { - z-index: 1000001; -} -@media (min-width: 600px) { - .block-editor-block-lock-modal .components-modal__frame { - max-width: 480px; +.block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty){ + align-items:center; + margin-top:8px; + padding-bottom:4px; +} +.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper{ + height:24px; + min-width:24px; +} +.block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon{ + fill:var(--wp-block-synced-color); +} + +.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination{ + border-top:1px solid #2f2f2f; + justify-content:center; + padding:4px; +} +.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary{ + height:32px; + justify-content:center; + width:auto; +} +.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled{ + background:none; + color:#949494; +} +.block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled){ + background-color:#757575; + color:#fff; +} +.show-icon-labels .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{ + flex-direction:column; +} +.show-icon-labels .block-editor-patterns__grid-pagination .components-button{ + width:auto; +} +.show-icon-labels .block-editor-patterns__grid-pagination .components-button span{ + display:none; +} +.show-icon-labels .block-editor-patterns__grid-pagination .components-button:before{ + content:attr(aria-label); +} + +.components-popover.block-editor-block-popover{ + margin:0 !important; + pointer-events:none; + position:absolute; + z-index:31; +} +.components-popover.block-editor-block-popover .components-popover__content{ + margin:0 !important; + min-width:auto; + overflow-y:visible; + width:max-content; +} +.components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ + pointer-events:all; +} +.components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{ + pointer-events:none; +} +.components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{ + pointer-events:all; +} + +.components-popover.block-editor-block-popover__drop-zone *{ + pointer-events:none; +} +.components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{ + background-color:var(--wp-admin-theme-color); + border-radius:2px; + inset:0; + position:absolute; +} + +.block-editor-block-preview__container{ + overflow:hidden; + position:relative; + width:100%; +} +.block-editor-block-preview__container .block-editor-block-preview__content{ + margin:0; + min-height:auto; + overflow:visible; + right:0; + text-align:initial; + top:0; + transform-origin:top right; + width:100%; +} +.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{ + display:none; +} + +.block-editor-block-preview__container:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:1; +} + +.block-editor-block-rename-modal{ + z-index:1000001; +} + +.block-editor-block-styles__preview-panel{ + display:none; + z-index:90; +} +@media (min-width:782px){ + .block-editor-block-styles__preview-panel{ + display:block; } } - -.block-editor-block-lock-modal__checklist { - margin: 0; -} - -.block-editor-block-lock-modal__options-title { - padding: 12px 0; -} -.block-editor-block-lock-modal__options-title .components-checkbox-control__label { - font-weight: 600; -} -.block-editor-block-lock-modal__options-title .components-base-control__field { - align-items: center; - display: flex; - margin: 0; -} - -.block-editor-block-lock-modal__checklist-item { - margin-bottom: 0; - padding: 12px 32px 12px 0; -} -.block-editor-block-lock-modal__checklist-item .components-base-control__field { - align-items: center; - display: flex; - margin: 0; -} -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label { - display: flex; - align-items: center; - justify-content: space-between; - flex-grow: 1; -} -.block-editor-block-lock-modal__checklist-item .components-checkbox-control__label svg { - margin-left: 12px; - fill: #1e1e1e; -} -.block-editor-block-lock-modal__checklist-item:hover { - background-color: #f0f0f0; - border-radius: 2px; -} - -.block-editor-block-lock-modal__actions { - margin-top: 24px; -} - -.block-editor-block-lock-toolbar .components-button.has-icon { - min-width: 36px !important; - padding-right: 0 !important; -} -.block-editor-block-lock-toolbar .components-button.has-icon:focus::before { - left: 8px !important; -} - -.block-editor-block-breadcrumb { - list-style: none; - padding: 0; - margin: 0; -} -.block-editor-block-breadcrumb li { - display: inline-flex; - margin: 0; -} -.block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator { - fill: currentColor; - margin-right: -4px; - margin-left: -4px; - transform: scaleX(-1);; -} -.block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator { - display: none; -} - -.block-editor-block-breadcrumb__button.components-button { - height: 24px; - line-height: 24px; - padding: 0; - position: relative; -} -.block-editor-block-breadcrumb__button.components-button:hover:not(:disabled) { - text-decoration: underline; - box-shadow: none; -} -.block-editor-block-breadcrumb__button.components-button:focus { - box-shadow: none; -} -.block-editor-block-breadcrumb__button.components-button:focus::before { - content: ""; - display: block; - position: absolute; - border-radius: 2px; - top: 1px; - left: 1px; - bottom: 1px; - right: 1px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} - -.block-editor-block-breadcrumb__current { - cursor: default; -} - -.block-editor-block-breadcrumb__button.components-button, -.block-editor-block-breadcrumb__current { - color: #1e1e1e; - padding: 0 8px; - font-size: inherit; -} - -.block-editor-block-card { - display: flex; - align-items: flex-start; -} - -.block-editor-block-card__content { - flex-grow: 1; - margin-bottom: 4px; -} - -.block-editor-block-card__title { - font-weight: 500; -} -.block-editor-block-card__title.block-editor-block-card__title { - line-height: 24px; - margin: 0 0 4px; -} - -.block-editor-block-card__description { - font-size: 13px; -} - -.block-editor-block-card .block-editor-block-icon { - flex: 0 0 24px; - margin-right: 0; - margin-left: 12px; - width: 24px; - height: 24px; -} - -/** - * Invalid block comparison - */ -.block-editor-block-compare { - height: auto; -} - -.block-editor-block-compare__wrapper { - display: flex; - padding-bottom: 16px; -} -.block-editor-block-compare__wrapper > div { - display: flex; - justify-content: space-between; - flex-direction: column; - width: 50%; - padding: 0 0 0 16px; - min-width: 200px; - max-width: 600px; -} -.block-editor-block-compare__wrapper > div button { - float: left; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__converted { - border-right: 1px solid #ddd; - padding-right: 15px; - padding-left: 0; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__html { - font-family: Menlo, Consolas, monaco, monospace; - font-size: 12px; - color: #1e1e1e; - border-bottom: 1px solid #ddd; - padding-bottom: 15px; - line-height: 1.7; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__html span { - background-color: #e6ffed; - padding-top: 3px; - padding-bottom: 3px; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added { - background-color: #acf2bd; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed { - background-color: #cc1818; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__preview { - padding: 0; - padding-top: 16px; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__preview p { - font-size: 12px; - margin-top: 0; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__action { - margin-top: 16px; -} -.block-editor-block-compare__wrapper .block-editor-block-compare__heading { - font-size: 1em; - font-weight: 400; - margin: 0.67em 0; -} - -.block-editor-block-content-overlay.overlay-active::before { - content: ""; - position: absolute; - top: 0; - right: 0; - width: 100%; - height: 100%; - background: transparent; - border: none; - border-radius: 2px; - z-index: 10; -} -.block-editor-block-content-overlay:hover:not(.is-dragging-blocks).overlay-active::before, .block-editor-block-content-overlay.parent-highlighted.overlay-active::before { - background: rgba(var(--wp-admin-theme-color--rgb), 0.1); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) inset; -} -.block-editor-block-content-overlay.overlay-active:not(.is-dragging-blocks) * { - pointer-events: none; -} -.block-editor-block-content-overlay.is-dragging-blocks { - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); -} - -.block-editor-block-draggable-chip-wrapper { - position: absolute; - top: -24px; - right: 0; -} - -.block-editor-block-draggable-chip { - background-color: #1e1e1e; - border-radius: 2px; - box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3); - color: #fff; - cursor: grabbing; - display: inline-flex; - height: 48px; - padding: 0 13px; - -webkit-user-select: none; - user-select: none; -} -.block-editor-block-draggable-chip svg { - fill: currentColor; -} -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content { - margin: auto; - justify-content: flex-start; -} -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item { - margin-left: 6px; -} -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content > .components-flex__item:last-child { - margin-left: 0; -} -.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg { - min-width: 18px; - min-height: 18px; -} -.block-editor-block-draggable-chip .components-flex__item { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; -} - -.block-editor-block-list__layout .is-dragging { - background-color: currentColor !important; - opacity: 0.05 !important; - border-radius: 2px !important; - pointer-events: none !important; -} -.block-editor-block-list__layout .is-dragging::selection { - background: transparent !important; -} -.block-editor-block-list__layout .is-dragging::after { - content: none !important; -} - -.block-editor-block-mobile-toolbar { - display: flex; - flex-direction: row; - border-left: 1px solid #ddd; -} -.block-editor-block-mobile-toolbar .block-editor-block-mover-button { - width: 36px; - height: 36px; - border-radius: 2px; - padding: 3px; - margin: 0; - justify-content: center; - align-items: center; -} -.block-editor-block-mobile-toolbar .block-editor-block-mover-button .dashicon { - margin: auto; -} -.block-editor-block-mobile-toolbar .block-editor-block-mover { - display: flex; - margin-left: auto; -} -.block-editor-block-mobile-toolbar .block-editor-block-mover .block-editor-block-mover-button { - float: right; -} - -.block-editor-block-mover-button__description { - display: none; -} - -.block-editor-block-mover-button.has-icon { - padding: 0; -} - -.block-editor-block-mover { - display: inline-flex; - flex-direction: row; -} -.block-editor-block-mover .block-editor-block-mover__move-button-container, -.block-editor-block-mover .components-toolbar { - flex: 1; - flex-direction: row; - border-left: none !important; - padding: 0; -} -@media (min-width: 600px) { - .block-editor-block-mover .block-editor-block-mover__move-button-container, -.block-editor-block-mover .components-toolbar { - flex-direction: column; - } -} -.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container, .block-editor-block-mover.is-horizontal .components-toolbar { - flex-direction: row; -} -.block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { - padding-left: 0; - padding-right: 0; - min-width: 36px; -} -@media (min-width: 600px) { - .block-editor-block-mover .block-editor-block-mover-button { - height: 24px; - width: 42px; - padding-left: 11px !important; - padding-right: 6px !important; - } - .block-editor-block-mover .block-editor-block-mover-button.block-editor-block-mover-button { - min-width: 42px; +.block-editor-block-styles__preview-panel .block-editor-block-icon{ + display:none; +} + +.block-editor-block-styles__variants{ + display:flex; + flex-wrap:wrap; + gap:8px; + justify-content:space-between; +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item{ + box-shadow:inset 0 0 0 1px #ddd; + color:#1e1e1e; + display:inline-block; + width:calc(50% - 4px); +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover{ + box-shadow:inset 0 0 0 1px #ddd; + color:var(--wp-admin-theme-color); +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover{ + background-color:#1e1e1e; + box-shadow:none; +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{ + color:#fff; +} +.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.block-editor-block-styles__variants .block-editor-block-styles__item-text{ + text-align:start; + text-align-last:center; + white-space:normal; + word-break:break-all; +} + +.block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{ + box-sizing:border-box !important; +} + +.block-editor-block-switcher{ + position:relative; +} +.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{ + min-width:36px; +} + +.block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{ + position:relative; +} + +.components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{ + display:block; + height:48px; + margin:0; +} +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{ + margin:auto; +} + +.block-editor-block-switcher__toggle-text{ + margin-right:8px; +} +.show-icon-labels .block-editor-block-switcher__toggle-text{ + display:none; +} + +.components-button.block-editor-block-switcher__no-switcher-icon{ + display:flex; +} +.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + margin-left:auto; + margin-right:auto; + min-width:24px !important; +} + +.components-button.block-editor-block-switcher__no-switcher-icon:disabled{ + opacity:1; +} +.components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ + color:#1e1e1e; +} + +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{ + align-items:center; + display:flex; + height:100%; + margin:0 auto; + min-width:100%; + position:relative; +} +.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{ + bottom:8px; + left:8px; + right:8px; + top:8px; +} + +.components-popover.block-editor-block-switcher__popover .components-popover__content{ + min-width:300px; +} + +.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{ + position:absolute; + right:calc(100% + 16px); + top:-12px; +} + +.block-editor-block-switcher__preview__popover{ + display:none; + overflow:hidden; +} +.block-editor-block-switcher__preview__popover.components-popover{ + margin-top:11px; +} +@media (min-width:782px){ + .block-editor-block-switcher__preview__popover{ + display:block; } } -@media (min-width: 600px) { - .block-editor-block-mover .block-editor-block-mover-button::before { - right: 8px !important; - left: 8px !important; - } -} -.block-editor-block-mover .block-editor-block-mover__drag-handle { - width: 24px; - cursor: grab; - min-width: 24px !important; - padding: 0 !important; -} -.block-editor-block-mover .block-editor-block-mover__drag-handle:focus::before { - right: 0 !important; - left: 0 !important; -} -@media (min-width: 600px) { - .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button, -.block-editor-block-mover .components-toolbar .block-editor-block-mover-button { - margin: 0 0 0 auto; - } - .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-up-button::before, -.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-up-button::before { - bottom: 0; - height: calc(100% - 1px); - } - .block-editor-block-mover .components-toolbar-group .block-editor-block-mover-button.is-down-button::before, -.block-editor-block-mover .components-toolbar .block-editor-block-mover-button.is-down-button::before { - top: 0; - height: calc(100% - 1px); +.block-editor-block-switcher__preview__popover .components-popover__content{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + box-shadow:none; + outline:none; + overflow:auto; + width:300px; +} +.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{ + margin:16px 0; + max-height:468px; + overflow:hidden; + padding:0 16px; +} +.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview{ + overflow:unset; +} + +.block-editor-block-switcher__preview-title{ + color:#757575; + font-size:11px; + font-weight:500; + margin-bottom:12px; + text-transform:uppercase; +} + +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{ + min-width:36px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{ + height:48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ + height:48px; + width:48px; +} +.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ + padding:12px; +} + +.block-editor-block-switcher__preview-patterns-container{ + padding-bottom:16px; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{ + margin-top:16px; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{ + cursor:pointer; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{ + border:1px solid #0000; + border-radius:2px; + height:100%; + position:relative; + transition:all .05s ease-in-out; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; +} +.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{ + cursor:pointer; + font-size:12px; + padding:4px; + text-align:center; +} + +.block-editor-block-switcher__no-transforms{ + color:#757575; + margin:0; + padding:6px 8px; +} + +.block-editor-block-switcher__binding-indicator{ + display:block; + padding:8px; +} + +.block-editor-block-types-list>[role=presentation]{ + display:flex; + flex-wrap:wrap; + overflow:hidden; +} + +.block-editor-block-pattern-setup{ + align-items:flex-start; + border-radius:2px; + display:flex; + flex-direction:column; + justify-content:center; + width:100%; +} +.block-editor-block-pattern-setup.view-mode-grid{ + padding-top:4px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{ + justify-content:center; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ + column-count:2; + column-gap:24px; + display:block; + padding:0 32px; + width:100%; +} +@media (min-width:1440px){ + .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ + column-count:3; } } -.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon { - height: 48px; - width: 24px; - padding-right: 0; - padding-left: 0; -} -.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.has-icon::before { - top: 1px; - bottom: 1px; - min-width: 0; - width: auto; - height: auto; -} -.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon svg { - margin-right: 0; - margin-left: -8px; - margin-bottom: 0; -} -.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-up-button.has-icon::before { - right: 0 !important; - left: 0 !important; -} -.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon svg { - margin-right: -8px; - margin-left: 0; - margin-top: 0; -} -.block-editor-block-mover.is-horizontal .block-editor-block-mover-button.is-down-button.has-icon::before { - right: 0 !important; - left: 0 !important; - width: calc(100% + 1px); -} - -.block-editor-block-navigation__container { - min-width: 280px; -} - -.block-editor-block-navigation__label { - margin: 0 0 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; -} - -.block-editor-block-parent-selector { - background: #fff; - border-radius: 2px; -} -.block-editor-block-parent-selector .block-editor-block-parent-selector__button { - width: 48px; - height: 48px; - border: 1px solid #1e1e1e; - border-radius: 2px; -} - -.block-editor-block-patterns-list__list-item { - cursor: pointer; - margin-bottom: 24px; -} -.block-editor-block-patterns-list__list-item.is-placeholder { - min-height: 100px; -} -.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container { - cursor: grab; -} - -.block-editor-block-patterns-list__item { - height: 100%; -} -.block-editor-block-patterns-list__item .block-editor-block-preview__container { - display: flex; - align-items: center; - overflow: hidden; - border-radius: 2px; - border: 1px solid #f0f0f0; -} -.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title { - padding-top: 8px; - font-size: 12px; - text-align: center; -} -.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container { - border: 1px solid var(--wp-admin-theme-color); -} -.block-editor-block-patterns-list__item:focus .block-editor-block-preview__container { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title, .block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title { - color: var(--wp-admin-theme-color); -} - -.block-editor-block-preview__container { - position: relative; - width: 100%; - overflow: hidden; -} -.block-editor-block-preview__container .block-editor-block-preview__content { - top: 0; - right: 0; - transform-origin: top right; - text-align: initial; - margin: 0; - overflow: visible; - min-height: auto; -} -.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point, -.block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-drop-zone, -.block-editor-block-preview__container .block-editor-block-preview__content .reusable-block-indicator, -.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender { - display: none; -} - -.block-editor-block-preview__content-iframe .block-list-appender { - display: none; -} - -.block-editor-block-preview__live-content * { - pointer-events: none; -} -.block-editor-block-preview__live-content .block-list-appender { - display: none; -} -.block-editor-block-preview__live-content .components-button:disabled { - opacity: initial; -} -.block-editor-block-preview__live-content .components-placeholder, -.block-editor-block-preview__live-content .block-editor-block-list__block[data-empty=true] { - display: none; -} - -.block-editor-block-settings-menu__popover .components-dropdown-menu__menu { - padding: 0; -} - -.block-editor-block-styles + .default-style-picker__default-switcher { - margin-top: 16px; -} - -.block-editor-block-styles__preview-panel { - display: none; - position: absolute; - left: 16px; - right: auto; - z-index: 90; -} -@media (min-width: 782px) { - .block-editor-block-styles__preview-panel { - display: block; - } -} -.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container { - right: auto; - left: auto; - top: auto; - position: static; -} -.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title { - margin: 0; -} -.block-editor-block-styles__preview-panel .block-editor-block-icon { - display: none; -} - -.block-editor-block-styles__variants { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - gap: 8px; -} -.block-editor-block-styles__variants .block-editor-block-styles__item { - color: #2f2f2f; - box-shadow: inset 0 0 0 1px #ccc; - display: inline-block; - width: calc(50% - 4px); -} -.block-editor-block-styles__variants .block-editor-block-styles__item:focus, .block-editor-block-styles__variants .block-editor-block-styles__item:hover { - color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); -} -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover { - background-color: #2f2f2f; - box-shadow: none; -} -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active .block-editor-block-styles__item-text, .block-editor-block-styles__variants .block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text { - color: #fff; -} -.block-editor-block-styles__variants .block-editor-block-styles__item.is-active:focus { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 2px var(--wp-admin-theme-color); -} -.block-editor-block-styles__variants .block-editor-block-styles__item-text { - word-break: break-all; - white-space: normal; - text-align: start; - text-align-last: center; -} - -.block-editor-block-styles__block-preview-container, -.block-editor-block-styles__block-preview-container * { - box-sizing: border-box !important; -} - -.block-editor-block-switcher { - position: relative; - padding: 0 6px; -} -.block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon { - min-width: 36px; -} - -.block-editor-block-switcher__no-switcher-icon, -.block-editor-block-switcher__toggle { - position: relative; -} - -.components-button.block-editor-block-switcher__toggle, -.components-button.block-editor-block-switcher__no-switcher-icon { - margin: 0; - display: block; - height: 48px; -} -.components-button.block-editor-block-switcher__toggle .block-editor-block-icon, -.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - margin: auto; -} - -.block-editor-block-switcher__toggle-text { - margin-right: 8px; -} -.show-icon-labels .block-editor-block-switcher__toggle-text { - display: none; -} - -.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon::after { - font-size: 14px; -} - -.block-editor-block-switcher__popover { - margin-right: 6px; -} - -.components-button.block-editor-block-switcher__no-switcher-icon { - display: flex; - padding: 6px 12px !important; -} -.components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - margin-left: auto; - margin-right: auto; - min-width: 24px !important; -} - -.components-button.block-editor-block-switcher__no-switcher-icon:disabled { - opacity: 1; -} -.components-button.block-editor-block-switcher__no-switcher-icon:disabled, -.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors { - color: #1e1e1e; -} - -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon { - height: 100%; - position: relative; - margin: 0 auto; - display: flex; - align-items: center; - min-width: 100%; -} -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before, -.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon::before { - top: 8px; - left: 8px; - bottom: 8px; - right: 8px; -} - -.components-popover.block-editor-block-switcher__popover .components-popover__content { - min-width: 300px; -} - -.components-popover.block-editor-block-switcher__popover .components-popover__content > div { - min-width: auto; - display: flex; - background: #fff; - padding: 0; -} -.components-popover.block-editor-block-switcher__popover .components-popover__content > div .components-menu-group { - margin: 0; -} - -.block-editor-block-switcher__popover .components-popover__content .block-editor-block-styles { - margin: 0 -3px; -} -.block-editor-block-switcher__popover .components-popover__content .components-panel__body { - border: 0; - position: relative; - z-index: 1; -} -.block-editor-block-switcher__popover .components-popover__content .components-panel__body + .components-panel__body { - border-top: 1px solid #e0e0e0; -} - -.block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container { - position: absolute; - top: -12px; - right: calc(100% + 32px); -} - -.block-editor-block-switcher__preview__popover { - display: none; -} -.block-editor-block-switcher__preview__popover.components-popover { - margin-right: 4px; - margin-top: 11px; -} -@media (min-width: 782px) { - .block-editor-block-switcher__preview__popover { - display: block; +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{ + cursor:pointer; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item{ + scroll-margin:5px 0; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{ + box-shadow:0 0 0 2px var(--wp-admin-theme-color); +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); + outline:2px solid #0000; + outline-offset:2px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{ + color:var(--wp-admin-theme-color); +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{ + break-inside:avoid-column; + margin-bottom:24px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{ + cursor:pointer; + font-size:12px; + padding-top:8px; + text-align:center; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{ + border:1px solid #ddd; + border-radius:2px; + min-height:100px; +} +.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{ + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{ + align-items:center; + align-self:stretch; + background-color:#fff; + border-top:1px solid #ddd; + bottom:0; + box-sizing:border-box; + color:#1e1e1e; + display:flex; + flex-direction:row; + height:60px; + justify-content:space-between; + margin:0; + padding:16px; + position:absolute; + text-align:right; + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{ + display:flex; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{ + display:flex; + width:calc(50% - 36px); +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{ + justify-content:flex-end; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{ + box-sizing:border-box; + display:flex; + flex-direction:column; + height:100%; + width:100%; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{ + height:100%; + list-style:none; + margin:0; + overflow:hidden; + padding:0; + position:relative; + transform-style:preserve-3d; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{ + box-sizing:border-box; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{ + background-color:#fff; + height:100%; + margin:auto; + padding:0; + position:absolute; + top:0; + transition:transform .5s,z-index .5s; + width:100%; + z-index:100; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{ + opacity:1; + position:relative; + z-index:102; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{ + transform:translateX(100%); + z-index:101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{ + transform:translateX(-100%); + z-index:101; +} +.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{ + display:none; +} + +.block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{ + width:100%; +} + +.block-editor-block-variation-transforms{ + padding:0 52px 16px 16px; + width:100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle{ + border:1px solid #757575; + border-radius:2px; + justify-content:right; + min-height:30px; + padding:6px 12px; + position:relative; + text-align:right; + width:100%; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{ + padding-left:24px; +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); +} +.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{ + height:100%; + left:0; + padding:0; + position:absolute; + top:0; +} + +.block-editor-block-variation-transforms__popover .components-popover__content{ + min-width:230px; +} + +.components-border-radius-control{ + margin-bottom:12px; +} +.components-border-radius-control legend{ + margin-bottom:8px; +} +.components-border-radius-control .components-border-radius-control__wrapper{ + align-items:flex-start; + display:flex; + justify-content:space-between; +} +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{ + flex-shrink:0; + margin-bottom:0; + margin-left:16px; + width:calc(50% - 8px); +} +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{ + flex:1; + margin-left:12px; +} +.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control>div{ + align-items:center; + display:flex; + height:40px; +} +.components-border-radius-control .components-border-radius-control__wrapper>span{ + flex:0 0 auto; +} +.components-border-radius-control .components-border-radius-control__input-controls-wrapper{ + display:grid; + gap:16px; + grid-template-columns:repeat(2, minmax(0, 1fr)); + margin-left:12px; +} +.components-border-radius-control .component-border-radius-control__linked-button{ + display:flex; + justify-content:center; + margin-top:8px; +} +.components-border-radius-control .component-border-radius-control__linked-button svg{ + margin-left:0; +} + +.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{ + margin-bottom:12px; +} + +.block-editor-color-gradient-control__fieldset{ + min-width:0; +} + +.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){ + display:block; +} + +@media screen and (min-width:782px){ + .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{ + display:grid; + grid-template-columns:repeat(6, 28px); } } -.block-editor-block-switcher__preview__popover .components-popover__content { - box-shadow: none; - border: 1px solid #1e1e1e; - background: #fff; - border-radius: 2px; -} -.block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview { - width: 300px; - height: auto; - max-height: 500px; - padding: 16px; -} - -.block-editor-block-switcher__preview-title { - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; -} - -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon { - min-width: 36px; -} -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle { - height: 48px; -} -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { - width: 48px; - height: 48px; -} -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform, -.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform { - padding: 12px; -} - -.block-editor-block-switcher__preview-patterns-container { - padding-bottom: 16px; -} -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item { - margin-top: 16px; -} -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container { - cursor: pointer; -} -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item { - height: 100%; - border-radius: 2px; - transition: all 0.05s ease-in-out; - position: relative; - border: 1px solid transparent; -} -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover, .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; -} -.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title { - padding: 4px; - font-size: 12px; - text-align: center; - cursor: pointer; -} - -.block-editor-block-types-list > [role=presentation] { - overflow: hidden; - display: flex; - flex-wrap: wrap; -} - -.block-editor-block-variation-picker .components-placeholder__instructions { - margin-bottom: 0; -} -.block-editor-block-variation-picker .components-placeholder__fieldset { - flex-direction: column; -} -.block-editor-block-variation-picker.has-many-variations .components-placeholder__fieldset { - max-width: 90%; -} - -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations { - display: flex; - justify-content: flex-start; - flex-direction: row; - flex-wrap: wrap; - width: 100%; - margin: 16px 0; - padding: 0; - list-style: none; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li { - list-style: none; - margin: 8px 0 0 20px; - flex-shrink: 1; - width: 75px; - text-align: center; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations > li button { - display: inline-flex; - margin-left: 0; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation { - padding: 8px; -} -.block-editor-block-variation-picker__variations.block-editor-block-variation-picker__variations .block-editor-block-variation-picker__variation-label { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 12px; - display: block; - line-height: 1.4; -} - -.block-editor-block-variation-picker__variation { - width: 100%; -} -.block-editor-block-variation-picker__variation.components-button.has-icon { - justify-content: center; - width: auto; -} -.block-editor-block-variation-picker__variation.components-button.has-icon.is-secondary { - background-color: #fff; -} -.block-editor-block-variation-picker__variation.components-button { - height: auto; - padding: 0; -} -.block-editor-block-variation-picker__variation::before { - content: ""; - padding-bottom: 100%; -} -.block-editor-block-variation-picker__variation:first-child { - margin-right: 0; -} -.block-editor-block-variation-picker__variation:last-child { - margin-left: 0; -} - -.block-editor-block-pattern-setup { - display: flex; - flex-direction: column; - justify-content: center; - align-items: flex-start; - width: 100%; - border-radius: 2px; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar { - justify-content: center; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { - column-gap: 24px; - display: block; - width: 100%; - padding: 32px; - column-count: 2; -} -@media (min-width: 1440px) { - .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container { - column-count: 3; +.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{ + margin-bottom:inherit; +} + +.block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{ + padding:16px; + width:260px; +} + +.block-editor-panel-color-gradient-settings__color-indicator{ + background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); +} +.block-editor-tools-panel-color-gradient-settings__item{ + border-bottom:1px solid #ddd; + border-left:1px solid #ddd; + border-right:1px solid #ddd; + max-width:100%; + padding:0; +} +.block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item){ + border-top:1px solid #ddd; + border-top-left-radius:2px; + border-top-right-radius:2px; + margin-top:24px; +} +.block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item){ + border-bottom-left-radius:2px; + border-bottom-right-radius:2px; +} +.block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{ + border-radius:inherit; +} + +.block-editor-tools-panel-color-gradient-settings__dropdown{ + display:block; + padding:0; +} +.block-editor-tools-panel-color-gradient-settings__dropdown>button{ + height:auto; + padding-bottom:10px; + padding-top:10px; + text-align:right; +} +.block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{ + background:#f0f0f0; + color:var(--wp-admin-theme-color); +} +.block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} + +.block-editor-panel-color-gradient-settings__dropdown{ + width:100%; +} +.block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{ + flex-shrink:0; +} + +.block-editor-date-format-picker{ + margin-bottom:16px; +} + +.block-editor-date-format-picker__custom-format-select-control__custom-option{ + border-top:1px solid #ddd; +} +.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{ + grid-template-columns:auto 30px; +} +.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{ + grid-row:2; + text-align:right; +} + +.block-editor-duotone-control__popover>.components-popover__content{ + padding:16px; + width:260px; +} +.block-editor-duotone-control__popover .components-menu-group__label{ + padding:0; +} +.block-editor-duotone-control__popover .components-circular-option-picker__swatches{ + display:grid; + gap:12px; + grid-template-columns:repeat(6, 28px); + justify-content:space-between; +} + +.block-editor-duotone-control__unset-indicator{ + background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); +} + +.components-font-appearance-control ul li{ + color:#1e1e1e; + text-transform:capitalize; +} + +.block-editor-global-styles__toggle-icon{ + fill:currentColor; +} + +.block-editor-global-styles__shadow-popover-container{ + width:230px; +} + +.block-editor-global-styles__shadow__list{ + display:flex; + flex-wrap:wrap; + gap:12px; + padding-bottom:8px; +} + +.block-editor-global-styles__clear-shadow{ + text-align:left; +} + +.block-editor-global-styles-filters-panel__dropdown,.block-editor-global-styles__shadow-dropdown{ + display:block; + padding:0; +} +.block-editor-global-styles-filters-panel__dropdown button,.block-editor-global-styles__shadow-dropdown button{ + padding:8px; + width:100%; +} +.block-editor-global-styles-filters-panel__dropdown button.is-open,.block-editor-global-styles__shadow-dropdown button.is-open{ + background-color:#f0f0f0; +} + +.block-editor-global-styles__shadow-indicator{ + border:1px solid #e0e0e0; + border-radius:2px; + box-sizing:border-box; + color:#2f2f2f; + cursor:pointer; + height:26px; + padding:0; + transform:scale(1); + transition:transform .1s ease; + width:26px; + will-change:transform; +} +.block-editor-global-styles__shadow-indicator:focus{ + border:2px solid #757575; +} +.block-editor-global-styles__shadow-indicator:hover{ + transform:scale(1.2); +} +.block-editor-global-styles__shadow-indicator.unset{ + background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); +} + +.block-editor-global-styles-advanced-panel__custom-css-input textarea{ + direction:ltr; + font-family:Menlo,Consolas,monaco,monospace; +} + +.block-editor-global-styles-background-panel__inspector-media-replace-container{ + position:relative; +} +.block-editor-global-styles-background-panel__inspector-media-replace-container .components-drop-zone__content-icon{ + display:none; +} +.block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button{ + box-shadow:inset 0 0 0 1px #ccc; + color:#1e1e1e; + display:block; + height:40px; + width:100%; +} +.block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button:hover{ + color:var(--wp-admin-theme-color); +} +.block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-media-replace-title{ + text-align:start; + text-align-last:center; + white-space:normal; + word-break:break-all; +} +.block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown{ + display:block; +} + +.block-editor-global-styles-background-panel__inspector-image-indicator-wrapper{ + background:#fff; + display:block; + flex:none; + height:20px; + width:20px; +} + +.block-editor-global-styles-background-panel__inspector-image-indicator{ + background-size:cover; + border-radius:50%; + display:block; + height:20px; + position:relative; + width:20px; +} + +.block-editor-global-styles-background-panel__inspector-image-indicator:after{ + border:1px solid #0000; + border-radius:50%; + bottom:-1px; + box-shadow:inset 0 0 0 1px #0003; + box-sizing:inherit; + content:""; + left:-1px; + position:absolute; + right:-1px; + top:-1px; +} + +.block-editor-grid-visualizer{ + z-index:30 !important; +} + +.block-editor-grid-visualizer .components-popover__content *{ + pointer-events:none !important; +} + +.block-editor-grid-visualizer__grid{ + display:grid; +} + +.block-editor-grid-visualizer__item{ + border-radius:2px; + outline:1px solid #0000; +} + +.block-editor-grid-item-resizer{ + z-index:30 !important; +} + +.block-editor-grid-item-resizer .components-popover__content *{ + pointer-events:none !important; +} + +.block-editor-grid-item-resizer__box{ + border:1px solid var(--wp-admin-theme-color); +} +.block-editor-grid-item-resizer__box .components-resizable-box__handle{ + pointer-events:all !important; +} + +.block-editor-height-control{ + border:0; + margin:0; + padding:0; +} + +.block-editor-image-size-control{ + margin-bottom:1em; +} +.block-editor-image-size-control .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__width{ + margin-bottom:1.115em; +} + +.block-editor-block-types-list__list-item{ + display:block; + margin:0; + padding:0; + width:33.33%; +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{ + color:var(--wp-block-synced-color); +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ + color:var(--wp-block-synced-color) !important; + filter:brightness(.95); +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ + color:var(--wp-block-synced-color) !important; +} +.block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{ + background:var(--wp-block-synced-color); +} + +.components-button.block-editor-block-types-list__item{ + align-items:stretch; + background:#0000; + border-radius:2px; + color:#1e1e1e; + cursor:pointer; + display:flex; + flex-direction:column; + font-size:13px; + height:auto; + justify-content:center; + padding:8px; + position:relative; + transition:all .05s ease-in-out; + width:100%; + word-break:break-word; +} +@media (prefers-reduced-motion:reduce){ + .components-button.block-editor-block-types-list__item{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container, -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button] { - cursor: pointer; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item { - break-inside: avoid-column; - margin-bottom: 24px; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container { - min-height: 100px; - border-radius: 2px; - border: 1px solid #ddd; -} -.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content { - width: 100%; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar { - height: 60px; - box-sizing: border-box; - padding: 16px; - width: 100%; - text-align: right; - margin: 0; - color: #1e1e1e; - border-radius: 2px 2px 0 0; - background-color: #fff; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - border-top: 1px solid #ddd; - align-self: flex-end; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls { - display: flex; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation, -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { - width: calc(50% - 36px); - display: flex; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions { - justify-content: flex-end; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container { - display: flex; - flex-direction: column; - width: 100%; - box-sizing: border-box; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container { - overflow: hidden; - position: relative; - padding: 0; - margin: 0; - list-style: none; - transform-style: preserve-3d; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container * { - box-sizing: border-box; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide { - position: absolute; - top: 0; - width: 100%; - margin: auto; - padding: 0; - transition: transform 0.5s, z-index 0.5s; - z-index: 100; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide { - opacity: 1; - position: relative; - z-index: 102; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide { - transform: translateX(100%); - z-index: 101; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide { - transform: translateX(-100%); - z-index: 101; -} -.block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender { - display: none; -} - -.block-editor-block-pattern-setup__carousel, -.block-editor-block-pattern-setup__grid { - width: 100%; - overflow-y: auto; -} - -.block-editor-block-variation-transforms { - padding: 0 52px 16px 16px; - width: 100%; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle { - border: 1px solid #757575; - border-radius: 2px; - min-height: 30px; - width: 100%; - position: relative; - text-align: right; - justify-content: left; - padding: 6px 12px; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle { - padding-left: 24px; -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled) { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); -} -.block-editor-block-variation-transforms .components-dropdown-menu__toggle svg { - height: 100%; - padding: 0; - position: absolute; - left: 0; - top: 0; -} - -.block-editor-block-variation-transforms__popover .components-popover__content { - min-width: 230px; -} - -.components-border-radius-control { - margin-bottom: 12px; -} -.components-border-radius-control legend { - margin-bottom: 8px; -} -.components-border-radius-control .components-border-radius-control__wrapper { - display: flex; - justify-content: space-between; - align-items: flex-start; -} -.components-border-radius-control .components-border-radius-control__wrapper > .components-unit-control-wrapper { - width: calc(50% - 26px); - margin-bottom: 0; -} -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control { - width: calc(50% - 26px); - margin-bottom: 0; -} -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-base-control__field { - margin-bottom: 0; - height: 30px; -} -.components-border-radius-control .components-border-radius-control__wrapper .components-range-control .components-range-control__wrapper { - margin-left: 10px; -} -.components-border-radius-control .components-border-radius-control__wrapper > span { - flex: 0 0 auto; -} -.components-border-radius-control .components-border-radius-control__input-controls-wrapper { - display: flex; - width: 70%; - flex-wrap: wrap; -} -.components-border-radius-control .components-border-radius-control__input-controls-wrapper .components-unit-control-wrapper { - width: calc(50% - 8px); - margin-bottom: 8px; - margin-left: 8px; -} -.components-border-radius-control .component-border-radius-control__linked-button.has-icon { - display: flex; - justify-content: center; -} -.components-border-radius-control .component-border-radius-control__linked-button.has-icon svg { - margin-left: 0; -} - -.components-border-style-control legend { - line-height: 1.4; - margin-bottom: 8px; - padding: 0; -} -.components-border-style-control .components-border-style-control__buttons { - display: inline-flex; -} -.components-border-style-control .components-border-style-control__buttons .components-button.has-icon { - min-width: 30px; - height: 30px; - padding: 3px; - margin-left: 4px; -} - -.block-editor-button-block-appender { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - width: 100%; - height: auto; - color: #1e1e1e; - box-shadow: inset 0 0 0 1px #1e1e1e; -} -.block-editor-button-block-appender.components-button.components-button { - padding: 12px; -} -.is-dark-theme .block-editor-button-block-appender { - color: rgba(255, 255, 255, 0.65); - box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65); -} -.block-editor-button-block-appender:hover { - color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); -} -.block-editor-button-block-appender:focus { - box-shadow: inset 0 0 0 2px var(--wp-admin-theme-color); -} -.block-editor-button-block-appender:active { - color: #000; -} - -.block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator { - margin-bottom: 12px; -} - -.block-editor-color-gradient-control__fieldset { - min-width: 0; -} - -.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__panel-title { - display: flex; - gap: 8px; -} -.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { - width: 12px; - height: 12px; - align-self: center; -} -.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator:first-child { - margin-right: 12px; -} -.block-editor-panel-color-gradient-settings.is-opened .block-editor-panel-color-gradient-settings__panel-title .component-color-indicator { - display: none; -} -@media screen and (min-width: 782px) { - .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches { - display: grid; - grid-template-columns: repeat(6, 28px); - justify-content: space-between; +.components-button.block-editor-block-types-list__item:disabled{ + cursor:default; + opacity:.6; +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ + color:var(--wp-admin-theme-color) !important; + filter:brightness(.95); +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ + color:var(--wp-admin-theme-color) !important; +} +.components-button.block-editor-block-types-list__item:not(:disabled):hover:after{ + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + left:0; + opacity:.04; + pointer-events:none; + position:absolute; + right:0; + top:0; +} +.components-button.block-editor-block-types-list__item:not(:disabled):focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.components-button.block-editor-block-types-list__item:not(:disabled).is-active{ + background:#1e1e1e; + color:#fff; + outline:2px solid #0000; + outline-offset:-2px; +} + +.block-editor-block-types-list__item-icon{ + border-radius:2px; + color:#1e1e1e; + padding:12px 20px; + transition:all .05s ease-in-out; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-types-list__item-icon{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control { - margin-bottom: inherit; -} -.block-editor-panel-color-gradient-settings .block-editor-panel-color-gradient-settings__dropdown { - display: block; -} - -.block-editor-panel-color-gradient-settings__dropdown { - width: 100%; -} - -.block-editor-panel-color-gradient-settings__dropdown-content .components-popover__content > div { - width: 280px; -} - -@media (min-width: 782px) { - .block-editor-panel-color-gradient-settings__dropdown-content .components-popover__content { - margin-left: 156px !important; - } - .block-editor-panel-color-gradient-settings__dropdown-content.is-from-top .components-popover__content { - margin-top: -60px !important; - } - .block-editor-panel-color-gradient-settings__dropdown-content.is-from-bottom .components-popover__content { - margin-bottom: -60px !important; +.block-editor-block-types-list__item-icon .block-editor-block-icon{ + margin-left:auto; + margin-right:auto; +} +.block-editor-block-types-list__item-icon svg{ + transition:all .15s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-types-list__item-icon svg{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-panel-color-gradient-settings__dropdown:last-child > div { - border-bottom-width: 0; -} - -.block-editor-panel-color-gradient-settings__item { - padding-top: 12px !important; - padding-bottom: 12px !important; -} -.block-editor-panel-color-gradient-settings__item .block-editor-panel-color-gradient-settings__color-indicator { - background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); -} -.block-editor-panel-color-gradient-settings__item.is-open { - background: #f0f0f0; - color: var(--wp-admin-theme-color); -} - -.block-editor-contrast-checker > .components-notice { - margin: 0; -} - -/** - * Default block appender. - * - * This component shows up in 3 places: - * - the black plus that sits at the end of the canvas, if the last block isn't a paragraph - * - on the right, inside empty paragraphs - * - absolute positioned and blue inside nesting containers - */ -.block-editor-default-block-appender { - clear: both; - margin-right: auto; - margin-left: auto; - position: relative; -} -.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { - outline: 1px solid transparent; -} -.block-editor-default-block-appender .block-editor-default-block-appender__content { - opacity: 0.62; -} -.block-editor-default-block-appender .components-drop-zone__content-icon { - display: none; -} - -.block-editor-default-block-appender .block-editor-inserter, -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter { - position: absolute; - top: 0; - left: 0; - line-height: 0; -} -.block-editor-default-block-appender .block-editor-inserter:disabled, -.block-editor-block-list__empty-block-inserter.block-editor-block-list__empty-block-inserter:disabled { - display: none; -} - -/** - * Fixed position appender. - * These styles apply to all in-canvas inserters that exist inside nesting containers. - */ -.block-editor-block-list__block .block-list-appender { - position: absolute; - list-style: none; - padding: 0; - z-index: 2; - bottom: 0; - left: 0; -} -.block-editor-block-list__block .block-list-appender.block-list-appender { - margin: 0; - line-height: 0; -} -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender { - height: 24px; -} -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block .block-list-appender .block-list-appender__toggle { - flex-direction: row; - box-shadow: none; - height: 24px; - width: 24px; - display: none; - padding: 0 !important; - background: #1e1e1e; - color: #fff; -} -.block-editor-block-list__block .block-list-appender .block-editor-inserter__toggle.components-button.has-icon:hover, -.block-editor-block-list__block .block-list-appender .block-list-appender__toggle:hover { - color: #fff; - background: var(--wp-admin-theme-color); -} -.block-editor-block-list__block .block-list-appender .block-editor-default-block-appender__content { - display: none; -} -.block-editor-block-list__block .block-list-appender:only-child { - position: relative; - left: auto; - align-self: center; - list-style: none; - line-height: inherit; -} -.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content { - display: block; -} - -.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block.is-selected .block-editor-block-list__layout > .block-list-appender .block-list-appender__toggle, -.block-editor-block-list__block.is-selected > .block-list-appender .block-editor-inserter__toggle.components-button.has-icon, -.block-editor-block-list__block.is-selected > .block-list-appender .block-list-appender__toggle { - display: flex; -} - -.block-editor-default-block-appender__content { - cursor: text; -} - -.block-editor-date-format-picker { - margin-bottom: 16px; -} - -.block-editor-date-format-picker__default-format-toggle-control__hint { - color: #757575; - display: block; -} - -.block-editor-date-format-picker__custom-format-select-control.components-base-control { - margin-bottom: 0; -} -.block-editor-date-format-picker__custom-format-select-control .components-custom-select-control__button { - width: 100%; -} - -.block-editor-date-format-picker__custom-format-select-control__custom-option { - border-top: 1px solid #ddd; -} -.block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint { - grid-template-columns: auto 30px; -} -.block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint { - grid-row: 2; - text-align: right; -} - -.block-editor-duotone-control__popover > .components-popover__content > div { - padding: 16px; - width: 280px; -} -.block-editor-duotone-control__popover .components-menu-group__label { - padding: 0; -} -.block-editor-duotone-control__popover .components-custom-gradient-picker__gradient-bar { - margin: 16px 0 12px; -} -.block-editor-duotone-control__popover .components-circular-option-picker__swatches { - display: grid; - grid-template-columns: repeat(6, 28px); - gap: 12px; - justify-content: space-between; -} - -.block-editor-duotone-control__description { - margin: 16px 0; - font-size: 12px; -} - -.block-editor-duotone-control__popover:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content { - margin-right: -14px; -} - -.components-font-appearance-control { - margin-bottom: 24px; -} -.components-font-appearance-control ul li { - color: #1e1e1e; - text-transform: capitalize; -} - -.block-editor-image-size-control { - margin-bottom: 1em; -} -.block-editor-image-size-control .block-editor-image-size-control__row { - display: flex; - justify-content: space-between; -} -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width, -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { - margin-bottom: 0.5em; -} -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width input, -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height input { - line-height: 1.25; -} -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__width { - margin-left: 5px; -} -.block-editor-image-size-control .block-editor-image-size-control__row .block-editor-image-size-control__height { - margin-right: 5px; -} - -.block-editor-block-list__layout.has-overlay::after { - content: ""; - position: absolute; - top: 0; - left: 0; - bottom: 0; - right: 0; - z-index: 60; -} - -.block-editor-block-types-list__list-item { - display: block; - width: 33.33%; - padding: 0; - margin: 0; -} - -.components-button.block-editor-block-types-list__item { - display: flex; - flex-direction: column; - width: 100%; - font-size: 13px; - color: #1e1e1e; - padding: 8px; - align-items: stretch; - justify-content: center; - cursor: pointer; - background: transparent; - word-break: break-word; - border-radius: 2px; - transition: all 0.05s ease-in-out; - position: relative; - height: auto; -} -@media (prefers-reduced-motion: reduce) { - .components-button.block-editor-block-types-list__item { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{ + cursor:grab; +} + +.block-editor-block-types-list__item-title{ + font-size:12px; + padding:4px 2px 8px; +} + +.show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button{ + justify-content:center; +} + +.block-editor-inspector-controls-tabs__hint{ + align-items:flex-start; + background:#f0f0f0; + border-radius:2px; + color:#1e1e1e; + display:flex; + flex-direction:row; + font-size:13px; + margin:16px; +} + +.block-editor-inspector-controls-tabs__hint-content{ + margin:12px 12px 12px 0; +} + +.block-editor-inspector-controls-tabs__hint-dismiss{ + margin:4px 0 4px 4px; +} + +.block-editor-inspector-popover-header{ + margin-bottom:16px; +} + +[class].block-editor-inspector-popover-header__action{ + height:24px; +} +[class].block-editor-inspector-popover-header__action.has-icon{ + min-width:24px; + padding:0; +} +[class].block-editor-inspector-popover-header__action:not(.has-icon){ + text-decoration:underline; +} + +.items-justified-left{ + justify-content:flex-start; +} + +.items-justified-center{ + justify-content:center; +} + +.items-justified-right{ + justify-content:flex-end; +} + +.items-justified-space-between{ + justify-content:space-between; +} + +@keyframes loadingpulse{ + 0%{ + opacity:1; + } + 50%{ + opacity:0; } -} -.components-button.block-editor-block-types-list__item:disabled { - opacity: 0.6; - cursor: default; -} -.components-button.block-editor-block-types-list__item:not(:disabled):hover { - color: var(--wp-admin-theme-color) !important; -} -.components-button.block-editor-block-types-list__item:not(:disabled):focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.components-button.block-editor-block-types-list__item:not(:disabled).is-active { - color: #fff; - background: #1e1e1e; - outline: 2px solid transparent; - outline-offset: -2px; -} - -.block-editor-block-types-list__item-icon { - padding: 12px 20px; - border-radius: 2px; - color: #1e1e1e; - transition: all 0.05s ease-in-out; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-block-types-list__item-icon { - transition-duration: 0s; - transition-delay: 0s; + to{ + opacity:1; } } -.block-editor-block-types-list__item-icon .block-editor-block-icon { - margin-right: auto; - margin-left: auto; -} -.block-editor-block-types-list__item-icon svg { - transition: all 0.15s ease-out; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-block-types-list__item-icon svg { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-link-control{ + min-width:350px; + position:relative; +} +.components-popover__content .block-editor-link-control{ + max-width:350px; + min-width:auto; + width:90vw; +} +.show-icon-labels .block-editor-link-control .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .block-editor-link-control .components-button.has-icon:before{ + content:attr(aria-label); +} +.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top{ + flex-wrap:wrap; + gap:4px; +} +.show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon{ + padding:4px; + width:auto; +} +.show-icon-labels .block-editor-link-control .is-preview .block-editor-link-control__search-item-header{ + margin-left:0; + min-width:100%; +} + +.block-editor-link-control__search-input-wrapper{ + margin-bottom:8px; + position:relative; +} + +.block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{ + position:relative; +} + +.block-editor-link-control__field{ + margin:16px; +} +.block-editor-link-control__field .components-base-control__label{ + color:#1e1e1e; +} +.block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + border:1px solid #949494; + border-radius:2px; + box-shadow:0 0 0 #0000; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:40px; + line-height:normal; + margin:0; + padding:8px 16px 8px 40px; + position:relative; + transition:box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon { - cursor: grab; -} - -.block-editor-block-types-list__item-title { - padding: 4px 2px 8px; - font-size: 12px; -} - -.items-justified-left { - justify-content: flex-start; -} - -.items-justified-center { - justify-content: center; -} - -.items-justified-right { - justify-content: flex-end; -} - -.items-justified-space-between { - justify-content: space-between; -} - -@keyframes loadingpulse { - 0% { - opacity: 1; - } - 50% { - opacity: 0; - } - 100% { - opacity: 1; +@media (min-width:600px){ + .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + font-size:13px; + line-height:normal; } } -.block-editor-link-control { - position: relative; - min-width: 360px; -} -.components-popover__content .block-editor-link-control { - min-width: auto; - width: 90vw; - max-width: 360px; -} - -.block-editor-link-control__search-input-wrapper { - position: relative; -} - -.block-editor-link-control__search-input-container { - position: relative; -} - -.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input { - flex: 1; -} - -.block-editor-link-control__field { - margin: 16px; -} -.block-editor-link-control__field > .components-base-control__field { - display: flex; - align-items: center; - margin: 0; -} -.block-editor-link-control__field .components-base-control__label { - margin-left: 16px; - margin-bottom: 0; -} -.block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - 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; - width: calc(100% - 32px); - display: block; - padding: 11px 16px; - padding-left: 36px; - margin: 0; - position: relative; - border: 1px solid #ddd; - border-radius: 2px; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{ + color:#1e1e1e9e; +} +.block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{ + color:#1e1e1e9e; + opacity:1; +} +.block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{ + color:#1e1e1e9e; +} +.has-actions .block-editor-link-control__field input[type=text],.has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ + padding-left:16px; +} + +.block-editor-link-control__search-error{ + margin:-8px 16px 16px; +} + +.block-editor-link-control__search-enter{ + left:19px; + position:absolute; + top:3px; +} + +.block-editor-link-control__search-actions{ + padding:8px 16px 16px; +} + +.block-editor-link-control__search-results-wrapper{ + position:relative; +} +.block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{ + content:""; + display:block; + left:16px; + pointer-events:none; + position:absolute; + right:-1px; + z-index:100; +} +.block-editor-link-control__search-results-wrapper:before{ + bottom:auto; + height:8px; + top:0; +} +.block-editor-link-control__search-results-wrapper:after{ + bottom:0; + height:16px; + top:auto; +} + +.block-editor-link-control__search-results{ + margin-top:-16px; + max-height:200px; + overflow-y:auto; + padding:8px; +} +.block-editor-link-control__search-results.is-loading{ + opacity:.2; +} + +.block-editor-link-control__search-item.components-button.components-menu-item__button{ + height:auto; + text-align:right; +} +.block-editor-link-control__search-item .components-menu-item__item{ + display:inline-block; + overflow:hidden; + text-overflow:ellipsis; + width:100%; +} +.block-editor-link-control__search-item .components-menu-item__item mark{ + background-color:initial; + color:inherit; + font-weight:600; +} +.block-editor-link-control__search-item .components-menu-item__shortcut{ + color:#757575; + text-transform:capitalize; + white-space:nowrap; +} +.block-editor-link-control__search-item[aria-selected]{ + background:#f0f0f0; +} +.block-editor-link-control__search-item.is-current{ + background:#0000; + border:0; + cursor:default; + flex-direction:column; + padding:16px; + width:100%; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header{ + align-items:center; + display:block; + flex-direction:row; + gap:8px; + margin-left:8px; + overflow-wrap:break-word; + white-space:pre-wrap; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{ + color:#757575; + font-size:12px; + line-height:1.1; + word-break:break-all; +} +.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{ + display:flex; + flex:1; +} +.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{ + align-items:center; +} +.block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title{ + word-break:break-all; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-details{ + display:flex; + flex-direction:column; + gap:4px; + justify-content:space-between; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon{ + background-color:#f0f0f0; + border-radius:2px; + height:32px; + width:32px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon{ + align-items:center; + display:flex; + flex-shrink:0; + justify-content:center; + position:relative; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{ + width:16px; +} +.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{ + max-height:32px; + top:0; + width:32px; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title{ + border-radius:2px; + line-height:1.1; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus{ + box-shadow:none; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; + text-decoration:none; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{ + background-color:initial; + color:inherit; + font-weight:600; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title span{ + font-weight:400; +} +.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{ + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; + clip:rect(0, 0, 0, 0); + border:0; +} + +.block-editor-link-control__search-item-top{ + align-items:center; + display:flex; + flex-direction:row; + width:100%; +} + +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{ + opacity:0; +} +.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{ + animation:loadingpulse 1s linear infinite; + animation-delay:.5s; + background-color:#f0f0f0; + border-radius:100%; + bottom:0; + content:""; + display:block; + left:0; + position:absolute; + right:0; + top:0; +} + +.block-editor-link-control__loading{ + align-items:center; + display:flex; + margin:16px; +} +.block-editor-link-control__loading .components-spinner{ + margin-top:0; +} + +.components-button+.block-editor-link-control__search-create{ + overflow:visible; + padding:12px 16px; +} +.components-button+.block-editor-link-control__search-create:before{ + content:""; + display:block; + position:absolute; + right:0; + top:-10px; + width:100%; +} + +.block-editor-link-control__search-create{ + align-items:center; +} +.block-editor-link-control__search-create .block-editor-link-control__search-item-title{ + margin-bottom:0; +} +.block-editor-link-control__search-create .block-editor-link-control__search-item-icon{ + top:0; +} + +.block-editor-link-control__drawer-inner{ + display:flex; + flex-basis:100%; + flex-direction:column; + position:relative; +} + +.block-editor-link-control__setting{ + flex:1; + margin-bottom:0; + padding:8px 24px 8px 0; +} +.block-editor-link-control__setting .components-base-control__field{ + display:flex; +} +.block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label{ + color:#1e1e1e; +} +.block-editor-link-control__setting input{ + margin-right:0; +} +.is-preview .block-editor-link-control__setting{ + padding:20px 0 8px 8px; +} + +.block-editor-link-control__tools{ + margin-top:-16px; + padding:8px 8px 0; +} +.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle{ + gap:0; + padding-right:0; +} +.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true]{ + color:#1e1e1e; +} +.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ + transform:rotate(-90deg); + transition:transform .1s ease; + visibility:visible; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ + transition-delay:0s; + transition-duration:0s; } } -@media (min-width: 600px) { - .block-editor-link-control__field input[type=text], .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ + transform:rotate(0deg); + transition:transform .1s ease; + visibility:visible; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ + transition-delay:0s; + transition-duration:0s; + } +} + +.block-editor-link-control .block-editor-link-control__search-input .components-spinner{ + display:block; +} +.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{ + bottom:auto; + left:40px; + position:absolute; + right:auto; + top:calc(50% - 8px); +} + +.block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner{ + left:12px; + top:calc(50% + 4px); +} + +.block-editor-list-view-tree{ + border-collapse:collapse; + margin:0; + padding:0; + width:100%; +} +.components-modal__content .block-editor-list-view-tree{ + margin:-12px -6px 0; + width:calc(100% + 12px); +} +.block-editor-list-view-tree.is-dragging tbody{ + pointer-events:none; +} + +.block-editor-list-view-leaf{ + position:relative; + transform:translateY(0); +} +.block-editor-list-view-leaf.is-draggable,.block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents{ + cursor:grab; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true]{ + color:inherit; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover{ + color:var(--wp-admin-theme-color); +} +.is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover{ + color:inherit; +} +.block-editor-list-view-leaf.is-selected td{ + background:var(--wp-admin-theme-color); +} +.block-editor-list-view-leaf.is-selected.is-synced td{ + background:var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{ + color:var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{ + color:#fff; +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{ + box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff; +} +.block-editor-list-view-leaf.is-first-selected td:first-child{ + border-top-right-radius:2px; +} +.block-editor-list-view-leaf.is-first-selected td:last-child{ + border-top-left-radius:2px; +} +.block-editor-list-view-leaf.is-last-selected td:first-child{ + border-bottom-right-radius:2px; +} +.block-editor-list-view-leaf.is-last-selected td:last-child{ + border-bottom-left-radius:2px; +} +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){ + background:rgba(var(--wp-admin-theme-color--rgb), .04); +} +.block-editor-list-view-leaf.is-synced-branch.is-branch-selected{ + background:rgba(var(--wp-block-synced-color--rgb), .04); +} +.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{ + border-top-right-radius:2px; +} +.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{ + border-top-left-radius:2px; +} +.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child{ + border-top-right-radius:2px; +} +.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child{ + border-top-left-radius:2px; +} +.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child{ + border-bottom-right-radius:2px; +} +.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child{ + border-bottom-left-radius:2px; +} +.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{ + border-radius:0; +} +.block-editor-list-view-leaf.is-displacement-normal{ + transform:translateY(0); + transition:transform .2s; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-displacement-normal{ + transition-delay:0s; + transition-duration:0s; + } +} +.block-editor-list-view-leaf.is-displacement-up{ + transform:translateY(-32px); + transition:transform .2s; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-displacement-up{ + transition-delay:0s; + transition-duration:0s; + } +} +.block-editor-list-view-leaf.is-displacement-down{ + transform:translateY(32px); + transition:transform .2s; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-displacement-down{ + transition-delay:0s; + transition-duration:0s; + } +} +.block-editor-list-view-leaf.is-after-dragged-blocks{ + transform:translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); + transition:transform .2s; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-after-dragged-blocks{ + transition-delay:0s; + transition-duration:0s; + } +} +.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ + transform:translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); + transition:transform .2s; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ + transition-delay:0s; + transition-duration:0s; + } +} +.block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ + transform:translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); + transition:transform .2s; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ + transition-delay:0s; + transition-duration:0s; + } +} +.block-editor-list-view-leaf.is-dragging{ + opacity:0; + pointer-events:none; + right:0; + z-index:-9999; +} +.block-editor-list-view-leaf .block-editor-list-view-block-contents{ + align-items:center; + border-radius:2px; + display:flex; + height:32px; + padding:6px 0 6px 4px; + position:relative; + text-align:right; + white-space:nowrap; + width:100%; +} +.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{ + border-top:4px solid var(--wp-admin-theme-color); + content:""; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:-2px; + transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; +} +.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + padding-left:0; + padding-right:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents{ + box-shadow:none; +} +.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents:after{ + border-radius:inherit; + bottom:0; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:-29px; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:2; +} +.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{ + left:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + z-index:1; +} +.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ + animation:edit-post__fade-in-animation .2s ease-out 0s; + animation-fill-mode:forwards; + opacity:1; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ + animation-delay:0s; + animation-duration:1ms; } } -.block-editor-link-control__field input[type=text]:focus, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.block-editor-link-control__field input[type=text]::-webkit-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.block-editor-link-control__field input[type=text]::-moz-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.block-editor-link-control__field input[type=text]:-ms-input-placeholder, .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} - -.block-editor-link-control__search-error { - margin: -8px 16px 16px; -} - -.block-editor-link-control__search-actions { - position: absolute; - /* - * Actions must be positioned on top of URLInput, since the input will grow - * when suggestions are rendered. - * - * Compensate for: - * - Border (1px) - * - Vertically, for the difference in height between the input (40px) and - * the icon buttons. - * - Horizontally, pad to the minimum of: default input padding, or the - * equivalent of the vertical padding. - */ - top: 3px; - left: 19px; -} - -.components-button .block-editor-link-control__search-submit .has-icon { - margin: -1px; -} - -.block-editor-link-control__search-results-wrapper { - position: relative; - margin-top: -15px; -} -.block-editor-link-control__search-results-wrapper::before, .block-editor-link-control__search-results-wrapper::after { - content: ""; - position: absolute; - right: -1px; - left: 16px; - display: block; - pointer-events: none; - z-index: 100; -} -.block-editor-link-control__search-results-wrapper::before { - height: 8px; - top: 0; - bottom: auto; -} -.block-editor-link-control__search-results-wrapper::after { - height: 16px; - bottom: 0; - top: auto; -} - -.block-editor-link-control__search-results-label { - padding: 16px 32px 0; - display: block; - font-weight: 600; -} - -.block-editor-link-control__search-results { - margin: 0; - padding: 8px 16px 8px; - max-height: 200px; - overflow-y: auto; -} -.block-editor-link-control__search-results.is-loading { - opacity: 0.2; -} - -.block-editor-link-control__search-item { - position: relative; - display: flex; - align-items: flex-start; - font-size: 13px; - cursor: pointer; - background: #fff; - width: 100%; - border: none; - text-align: right; - padding: 12px 16px; - border-radius: 2px; - height: auto; -} -.block-editor-link-control__search-item:hover, .block-editor-link-control__search-item:focus { - background-color: #f0f0f0; -} -.block-editor-link-control__search-item:hover .block-editor-link-control__search-item-type, .block-editor-link-control__search-item:focus .block-editor-link-control__search-item-type { - background: #fff; -} -.block-editor-link-control__search-item:focus:not(:disabled) { - box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; -} -.block-editor-link-control__search-item.is-selected { - background: #f0f0f0; -} -.block-editor-link-control__search-item.is-selected .block-editor-link-control__search-item-type { - background: #fff; -} -.block-editor-link-control__search-item.is-current { - flex-direction: column; - background: transparent; - border: 0; - width: 100%; - cursor: default; - padding: 16px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-header { - display: block; - flex-direction: row; - align-items: flex-start; - margin-left: 8px; - white-space: pre-wrap; - overflow-wrap: break-word; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info { - word-break: break-all; -} -.block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header { - display: flex; - flex: 1; -} -.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header { - align-items: center; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-icon { - position: relative; - top: 0.2em; - margin-left: 8px; - max-height: 24px; - flex-shrink: 0; - width: 24px; - display: flex; - justify-content: center; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-icon img { - width: 16px; -} -.block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon { - top: 0; - width: 32px; - max-height: 32px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info, -.block-editor-link-control__search-item .block-editor-link-control__search-item-title { - overflow: hidden; - text-overflow: ellipsis; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info .components-external-link__icon, -.block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon { - position: absolute; - left: 0; - margin-top: 0; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title { - display: block; - margin-bottom: 0.2em; - font-weight: 500; - position: relative; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title mark { - font-weight: 700; - color: inherit; - background-color: transparent; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title span { - font-weight: normal; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-title svg { - display: none; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-info { - display: block; - color: #757575; - font-size: 0.9em; - line-height: 1.3; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-error-notice { - font-style: italic; - font-size: 1.1em; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-type { - display: block; - padding: 3px 6px; - margin-right: auto; - font-size: 0.9em; - background-color: #f0f0f0; - border-radius: 2px; - white-space: nowrap; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description { - padding-top: 12px; - margin: 0; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder { - margin-top: 12px; - padding-top: 0; - height: 28px; - display: flex; - flex-direction: column; - justify-content: space-around; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::before, .block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder::after { - display: block; - content: ""; - height: 0.7em; - width: 100%; - background-color: #f0f0f0; - border-radius: 3px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text { - font-size: 0.9em; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image { - display: flex; - width: 100%; - background-color: #f0f0f0; - justify-content: center; - height: 140px; - max-height: 140px; - overflow: hidden; - border-radius: 2px; - margin-top: 12px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder { - background-color: #f0f0f0; - border-radius: 3px; -} -.block-editor-link-control__search-item .block-editor-link-control__search-item-image img { - display: block; - max-width: 100%; - height: 140px; - max-height: 140px; -} - -.block-editor-link-control__search-item-top { - display: flex; - flex-direction: row; - width: 100%; -} - -.block-editor-link-control__search-item-bottom { - transition: opacity 1.5s; - width: 100%; -} - -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::before, .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description::after { - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; -} -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image { - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; -} -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg, -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img { - opacity: 0; -} -.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon::before { - content: ""; - display: block; - background-color: #f0f0f0; - position: absolute; - top: 0; - right: 0; - left: 0; - bottom: 0; - border-radius: 100%; - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; -} - -.block-editor-link-control__loading { - margin: 16px; - display: flex; - align-items: center; -} -.block-editor-link-control__loading .components-spinner { - margin-top: 0; -} - -.components-button + .block-editor-link-control__search-create { - overflow: visible; - padding: 12px 16px; -} -.components-button + .block-editor-link-control__search-create::before { - content: ""; - position: absolute; - top: -10px; - right: 0; - display: block; - width: 100%; -} - -.block-editor-link-control__search-create { - align-items: center; -} -.block-editor-link-control__search-create .block-editor-link-control__search-item-title { - margin-bottom: 0; -} -.block-editor-link-control__search-create .block-editor-link-control__search-item-icon { - top: 0; -} - -.block-editor-link-control__search-results div[role=menu] > .block-editor-link-control__search-item.block-editor-link-control__search-item { - padding: 10px; -} - -.block-editor-link-control__tools { - display: flex; - align-items: center; - border-top: 1px solid #ddd; - margin: 0; - padding: 16px; -} - -.block-editor-link-control__unlink { - padding-right: 16px; - padding-left: 16px; -} - -.block-editor-link-control__settings { - flex: 1; - margin: 0; -} -.block-editor-link-control__settings :last-child { - margin-bottom: 0; -} -.is-alternate .block-editor-link-control__settings { - border-top: 1px solid #1e1e1e; -} - -.block-editor-link-control__setting { - margin-bottom: 16px; -} -.block-editor-link-control__setting :last-child { - margin-bottom: 0; -} - -.block-editor-link-control .block-editor-link-control__search-input .components-spinner { - display: block; -} -.block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner { - position: absolute; - right: auto; - bottom: auto; - /* - * Position spinner to the left of the actions. - * - * Compensate for: - * - Input padding right ($button-size) - */ - top: calc(50% - 16px / 2); - left: 36px; -} - -.block-editor-link-control__search-item-action { - margin-right: auto; - flex-shrink: 0; -} - -.block-editor-list-view-tree { - width: 100%; - border-collapse: collapse; - padding: 0; - margin: 0; -} -.components-modal__content .block-editor-list-view-tree { - margin: -12px -6px 0; - width: calc(100% + 12px); -} - -.block-editor-list-view-leaf { - position: relative; -} -.block-editor-list-view-leaf.is-selected td { - background: var(--wp-admin-theme-color); -} -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents, .block-editor-list-view-leaf.is-selected .components-button.has-icon { - color: #fff; -} -.is-dragging-components-draggable .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents { - background: none; - color: #1e1e1e; -} -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus::after { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #fff; -} -.block-editor-list-view-leaf.is-dragging { - display: none; -} -.block-editor-list-view-leaf.is-first-selected td:first-child { - border-top-right-radius: 2px; -} -.block-editor-list-view-leaf.is-first-selected td:last-child { - border-top-left-radius: 2px; -} -.block-editor-list-view-leaf.is-last-selected td:first-child { - border-bottom-right-radius: 2px; -} -.block-editor-list-view-leaf.is-last-selected td:last-child { - border-bottom-left-radius: 2px; -} -.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) { - background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), linear-gradient(var(--wp-admin-theme-color), var(--wp-admin-theme-color)); -} -.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child { - border-top-right-radius: 2px; -} -.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child { - border-top-left-radius: 2px; -} -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:first-child { - border-top-right-radius: 2px; -} -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-first-selected td:last-child { - border-top-left-radius: 2px; -} -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:first-child { - border-bottom-right-radius: 2px; -} -.block-editor-list-view-leaf[aria-expanded=false].is-branch-selected.is-last-selected td:last-child { - border-bottom-left-radius: 2px; -} -.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td { - border-radius: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block-contents { - display: flex; - align-items: center; - width: 100%; - height: auto; - padding: 6px 0 6px 12px; - text-align: right; - color: #1e1e1e; - border-radius: 2px; - position: relative; - white-space: nowrap; -} -.block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before::before { - content: ""; - position: absolute; - pointer-events: none; - transition: border-color 0.1s linear, border-style 0.1s linear, box-shadow 0.1s linear; - top: -2px; - left: 0; - right: 0; - border-top: 4px solid var(--wp-admin-theme-color); -} -.components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents { - padding-right: 0; - padding-left: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus { - box-shadow: none; -} -.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { - content: ""; - position: absolute; - top: 0; - left: -29px; - bottom: 0; - right: 0; - border-radius: inherit; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - z-index: 2; - pointer-events: none; -} -.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus::after { - box-shadow: none; -} -.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus::after { - left: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - z-index: 1; -} -.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus { - box-shadow: none; -} -.block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { - opacity: 1; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents { - animation-duration: 1ms; - animation-delay: 0s; +.block-editor-list-view-leaf .block-editor-block-icon{ + flex:0 0 24px; + margin-left:4px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ + padding:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ + line-height:0; + vertical-align:middle; + width:36px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{ + opacity:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ + opacity:1; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{ + min-width:24px; + padding:0; + width:24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{ + padding-left:4px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{ + height:24px; +} +.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{ + align-items:center; + display:flex; + flex-direction:column; + height:100%; +} +.block-editor-list-view-leaf .block-editor-block-mover-button{ + height:24px; + position:relative; + width:36px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button svg{ + height:24px; + position:relative; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{ + align-items:flex-end; + margin-top:-6px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{ + bottom:-4px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{ + align-items:flex-start; + margin-bottom:-6px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{ + top:-4px; +} +.block-editor-list-view-leaf .block-editor-block-mover-button:before{ + height:16px; + left:0; + min-width:100%; + right:0; +} +.block-editor-list-view-leaf .block-editor-inserter__toggle{ + background:#1e1e1e; + color:#fff; + height:24px; + margin:6px 1px 6px 6px; + min-width:24px; +} +.block-editor-list-view-leaf .block-editor-inserter__toggle:active{ + color:#fff; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg{ + position:relative; + right:2px; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{ + flex:1; + position:relative; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{ + position:absolute; + transform:translateY(-50%); + width:100%; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{ + max-width:min(110px, 40%); + position:relative; + width:100%; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{ + background:#0000001a; + border-radius:2px; + box-sizing:border-box; + left:0; + max-width:100%; + padding:2px 6px; + position:absolute; + transform:translateY(-50%); +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{ + background:#0000004d; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{ + line-height:0; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__images{ + display:flex; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image{ + background-size:cover; + border-radius:2px; + height:18px; + width:18px; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child){ + box-shadow:0 0 0 2px #fff; +} +.block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child){ + margin-right:-6px; +} +.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child){ + box-shadow:0 0 0 2px var(--wp-admin-theme-color); +} + +.block-editor-list-view-draggable-chip{ + opacity:.8; +} + +.block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{ + display:flex; +} + +.block-editor-list-view__expander{ + cursor:pointer; + height:24px; + width:24px; +} + +.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{ + margin-right:192px; +} + +.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{ + margin-right:0; +} + +.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{ + margin-right:24px; +} + +.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{ + margin-right:48px; +} + +.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{ + margin-right:72px; +} + +.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{ + margin-right:96px; +} + +.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{ + margin-right:120px; +} + +.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{ + margin-right:144px; +} + +.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{ + margin-right:168px; +} + +.block-editor-list-view-leaf .block-editor-list-view__expander{ + visibility:hidden; +} + +.block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ + transform:rotate(-90deg); + transition:transform .2s ease; + visibility:visible; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ + transition-delay:0s; + transition-duration:0s; + } +} + +.block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ + transform:rotate(0deg); + transition:transform .2s ease; + visibility:visible; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-list-view-leaf .block-editor-block-icon { - align-self: flex-start; - margin-left: 8px; - width: 24px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__contents-cell { - padding-top: 0; - padding-bottom: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { - line-height: 0; - width: 36px; - vertical-align: middle; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell { - transition-duration: 0s; - transition-delay: 0s; - } -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell > * { - opacity: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible { - position: relative; - z-index: 1; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { - opacity: 1; - animation: edit-post__fade-in-animation 0.2s ease-out 0s; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover > *, .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover > *, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible > * { - animation-duration: 1ms; - animation-delay: 0s; - } -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell, -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon { - width: 24px; - min-width: 24px; - padding: 0; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell { - padding-left: 5px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon { - height: 24px; -} -.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper { - display: flex; - height: 100%; - flex-direction: column; - align-items: center; -} -.block-editor-list-view-leaf .block-editor-block-mover-button { - position: relative; - width: 36px; - height: 24px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button svg { - position: relative; - height: 24px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button { - margin-top: -6px; - align-items: flex-end; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg { - bottom: -4px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button { - margin-bottom: -6px; - align-items: flex-start; -} -.block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg { - top: -4px; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus:enabled { - box-shadow: none; - outline: none; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus { - box-shadow: none; - outline: none; -} -.block-editor-list-view-leaf .block-editor-block-mover-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline: 2px solid transparent; -} -.block-editor-list-view-leaf .block-editor-block-mover-button::before { - content: ""; - position: absolute; - display: block; - border-radius: 2px; - height: 16px; - min-width: 100%; - right: 0; - left: 0; - animation: components-button__appear-animation 0.1s ease; - animation-fill-mode: forwards; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf .block-editor-block-mover-button::before { - animation-duration: 1ms; - animation-delay: 0s; + +.block-editor-list-view-drop-indicator{ + pointer-events:none; +} +.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{ + background:var(--wp-admin-theme-color); + border-radius:4px; + height:4px; +} + +.block-editor-list-view-drop-indicator--preview{ + pointer-events:none; +} +.block-editor-list-view-drop-indicator--preview .components-popover__content{ + overflow:hidden !important; +} +.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + border-radius:4px; + height:32px; + overflow:hidden; +} +.block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker{ + background:rgba(var(--wp-admin-theme-color--rgb), .09); +} + +.block-editor-list-view-placeholder{ + height:32px; + margin:0; + padding:0; +} + +.list-view-appender .block-editor-inserter__toggle{ + background-color:#1e1e1e; + border-radius:2px; + color:#fff; + height:24px; + margin:8px 24px 0 0; + min-width:24px; + padding:0; +} +.list-view-appender .block-editor-inserter__toggle:focus,.list-view-appender .block-editor-inserter__toggle:hover{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.list-view-appender__description,.modal-open .block-editor-media-replace-flow__options{ + display:none; +} + +.block-editor-media-replace-flow__indicator{ + margin-right:4px; +} + +.block-editor-media-flow__url-input{ + margin-left:-8px; + margin-right:-8px; + padding:16px; +} +.block-editor-media-flow__url-input.has-siblings{ + border-top:1px solid #1e1e1e; + margin-top:8px; + padding-bottom:8px; +} +.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{ + display:block; + margin-bottom:8px; + top:16px; +} +.block-editor-media-flow__url-input .block-editor-link-control{ + width:300px; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{ + margin:0; + padding:0; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info,.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{ + max-width:200px; + white-space:nowrap; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools{ + justify-content:flex-end; + padding:16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus); +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{ + padding:0; + width:auto; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{ + margin:0; + width:100%; +} +.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{ + padding:8px 0 0; +} + +.block-editor-media-flow__error{ + max-width:255px; + padding:0 20px 20px; +} +.block-editor-media-flow__error .components-with-notices-ui{ + max-width:255px; +} +.block-editor-media-flow__error .components-with-notices-ui .components-notice__content{ + overflow:hidden; + word-wrap:break-word; +} +.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{ + left:10px; + position:absolute; +} + +.block-editor-multi-selection-inspector__card{ + align-items:flex-start; + display:flex; + padding:16px; +} + +.block-editor-multi-selection-inspector__card-content{ + flex-grow:1; +} + +.block-editor-multi-selection-inspector__card-title{ + font-weight:500; + margin-bottom:5px; +} + +.block-editor-multi-selection-inspector__card-description{ + font-size:13px; +} + +.block-editor-multi-selection-inspector__card .block-editor-block-icon{ + height:24px; + margin-left:10px; + margin-right:-2px; + padding:0 3px; + width:36px; +} + +.block-editor-responsive-block-control{ + border-bottom:1px solid #ccc; + margin-bottom:28px; + padding-bottom:14px; +} +.block-editor-responsive-block-control:last-child{ + border-bottom:0; + padding-bottom:0; +} + +.block-editor-responsive-block-control__title{ + margin:0 -3px .6em 0; +} + +.block-editor-responsive-block-control__label{ + font-weight:600; + margin-bottom:.6em; + margin-right:-3px; +} + +.block-editor-responsive-block-control__inner{ + margin-right:-1px; +} + +.block-editor-responsive-block-control__toggle{ + margin-right:1px; +} + +.block-editor-responsive-block-control .components-base-control__help{ + border:0; + clip:rect(1px, 1px, 1px, 1px); + clip-path:inset(50%); + height:1px; + margin:-1px; + overflow:hidden; + padding:0; + position:absolute; + width:1px; + word-wrap:normal !important; +} + +.components-popover.block-editor-rich-text__inline-format-toolbar{ + z-index:99998; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{ + box-shadow:none; + margin-bottom:8px; + min-width:auto; + outline:none; + width:auto; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{ + border-radius:2px; +} +.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{ + min-height:48px; + min-width:48px; + padding-left:12px; + padding-right:12px; +} + +.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{ + justify-content:center; +} + +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{ + width:auto; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{ + content:attr(aria-label); +} + +.block-editor-segmented-text-control{ + border:0; + margin:0; + padding:0; +} +.block-editor-segmented-text-control .block-editor-segmented-text-control__buttons{ + display:flex; + padding:4px 0; +} +.block-editor-segmented-text-control .components-button.has-icon{ + margin-left:4px; +} + +.block-editor-skip-to-selected-block{ + position:absolute; + top:-9999em; +} +.block-editor-skip-to-selected-block:focus{ + background:#f1f1f1; + box-shadow:0 0 2px 2px #0009; + color:var(--wp-admin-theme-color); + display:block; + font-size:14px; + font-weight:600; + height:auto; + line-height:normal; + outline:none; + padding:15px 23px 14px; + text-decoration:none; + width:auto; + z-index:100000; +} + +.block-editor-tool-selector__help{ + border-top:1px solid #ddd; + color:#757575; + margin:8px -8px -8px; + min-width:280px; + padding:16px; +} + +.block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{ + flex-grow:1; + padding:1px; + position:relative; +} +.block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ + font-size:16px; + margin-left:0; + margin-right:0; + padding:8px 12px 8px 8px; + width:100%; +} +@media (min-width:600px){ + .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ + font-size:13px; + width:300px; } } -.block-editor-list-view-leaf .block-editor-inserter__toggle { - background: #1e1e1e; - color: #fff; - height: 24px; - margin: 6px 1px 6px 6px; - min-width: 24px; -} -.block-editor-list-view-leaf .block-editor-inserter__toggle:active { - color: #fff; -} -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor { - background: rgba(0, 0, 0, 0.1); - border-radius: 2px; - display: inline-block; - padding: 2px 6px; - margin: 0 8px; - max-width: 120px; - overflow: hidden; - text-overflow: ellipsis; -} -.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor { - background: rgba(0, 0, 0, 0.3); -} -.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock { - line-height: 0; - width: 24px; - min-width: 24px; - margin-right: auto; - padding: 0; - vertical-align: middle; -} - -.block-editor-list-view-block-select-button__description, -.block-editor-list-view-appender__description { - display: none; -} - -.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container, -.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container, -.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container, -.block-editor-list-view-appender__cell .block-editor-list-view-appender__container { - display: flex; -} - -.block-editor-list-view__expander { - height: 24px; - margin-right: 4px; - width: 24px; -} - -.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander { - margin-right: 220px; -} - -.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander { - margin-left: 4px; -} - -.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander { - margin-right: 0px; -} - -.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander { - margin-right: 24px; -} - -.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander { - margin-right: 52px; -} - -.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander { - margin-right: 80px; -} - -.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander { - margin-right: 108px; -} - -.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander { - margin-right: 136px; -} - -.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander { - margin-right: 164px; -} - -.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander { - margin-right: 192px; -} - -.block-editor-list-view-leaf .block-editor-list-view__expander { - visibility: hidden; -} - -.block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { - visibility: visible; - transition: transform 0.2s ease; - transform: rotate(-90deg); -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf[aria-expanded=true] .block-editor-list-view__expander svg { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{ + display:none; +} +.block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{ + width:100%; +} +.block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{ + left:8px; + margin:0; + position:absolute; + top:calc(50% - 8px); +} + +.block-editor-url-input__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; + padding:6px 8px; + transition:box-shadow .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-url-input__input[type=text]{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .block-editor-url-input__input[type=text]{ + font-size:13px; + line-height:normal; } } - -.block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { - visibility: visible; - transform: rotate(0deg); - transition: transform 0.2s ease; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-list-view-leaf[aria-expanded=false] .block-editor-list-view__expander svg { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-url-input__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; +} +.block-editor-url-input__input[type=text]::-webkit-input-placeholder{ + color:#1e1e1e9e; +} +.block-editor-url-input__input[type=text]::-moz-placeholder{ + color:#1e1e1e9e; + opacity:1; +} +.block-editor-url-input__input[type=text]:-ms-input-placeholder{ + color:#1e1e1e9e; +} + +.block-editor-url-input__suggestions{ + max-height:200px; + overflow-y:auto; + padding:4px 0; + transition:all .15s ease-in-out; + width:302px; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-url-input__suggestions{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-list-view-drop-indicator { - pointer-events: none; -} -.block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line { - background: var(--wp-admin-theme-color); - height: 1px; -} - -.block-editor-list-view-drop-indicator:not([data-y-axis=middle][data-x-axis=right]) > .components-popover__content { - margin-right: 0; - border: none; - box-shadow: none; -} - -.block-editor-list-view-placeholder { - padding: 0; - margin: 0; - height: 36px; -} - -.modal-open .block-editor-media-replace-flow__options { - display: none; -} - -.block-editor-media-replace-flow__indicator { - margin-right: 4px; -} - -.block-editor-media-flow__url-input { - border-top: 1px solid #1e1e1e; - margin-top: 8px; - margin-left: -8px; - margin-right: -8px; - padding: 16px; -} -.block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label { - display: block; - top: 16px; - margin-bottom: 8px; -} -.block-editor-media-flow__url-input .block-editor-link-control { - width: 220px; -} -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input { - padding: 0; -} -.block-editor-media-flow__url-input .block-editor-link-control .components-base-control .components-base-control__field { - margin-bottom: 0; -} -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title { - max-width: 180px; - white-space: nowrap; -} -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info { - white-space: nowrap; -} -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current { - width: auto; - padding: 0; -} -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text] { - margin: 0; - width: 100%; -} -.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions { - top: 0; - left: 4px; -} - -.block-editor-media-flow__error { - padding: 0 20px 20px 20px; - max-width: 255px; -} -.block-editor-media-flow__error .components-with-notices-ui { - max-width: 255px; -} -.block-editor-media-flow__error .components-with-notices-ui .components-notice__content { - overflow: hidden; - word-wrap: break-word; -} -.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss { - position: absolute; - left: 10px; -} - -.block-editor-media-placeholder__url-input-container .block-editor-media-placeholder__button { - margin-bottom: 0; -} - -.block-editor-media-placeholder__url-input-form { - display: flex; -} -.block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { - width: 100%; - min-width: 200px; - flex-grow: 1; - border: none; - border-radius: 0; - margin: 2px; -} -@media (min-width: 600px) { - .block-editor-media-placeholder__url-input-form input[type=url].block-editor-media-placeholder__url-input-field { - width: 300px; +.block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ + display:none; +} +@media (min-width:600px){ + .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ + display:grid; } } -.block-editor-media-placeholder__url-input-submit-button { - flex-shrink: 1; -} - -.block-editor-media-placeholder__button { - margin-bottom: 0.5rem; -} - -.block-editor-media-placeholder__cancel-button.is-link { - margin: 1em; - display: block; -} - -.block-editor-media-placeholder.is-appender { - min-height: 0; -} -.block-editor-media-placeholder.is-appender:hover { - cursor: pointer; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); -} - -.block-editor-multi-selection-inspector__card { - display: flex; - align-items: flex-start; - padding: 16px; -} - -.block-editor-multi-selection-inspector__card-content { - flex-grow: 1; -} - -.block-editor-multi-selection-inspector__card-title { - font-weight: 500; - margin-bottom: 5px; -} - -.block-editor-multi-selection-inspector__card-description { - font-size: 13px; -} - -.block-editor-multi-selection-inspector__card .block-editor-block-icon { - margin-right: -2px; - margin-left: 10px; - padding: 0 3px; - width: 36px; - height: 24px; -} - -.block-editor-plain-text { - box-shadow: none; - font-family: inherit; - font-size: inherit; - color: inherit; - line-height: inherit; - border: none; - padding: 0; - margin: 0; - width: 100%; -} - -.block-editor-responsive-block-control { - margin-bottom: 28px; - border-bottom: 1px solid #ccc; - padding-bottom: 14px; -} -.block-editor-responsive-block-control:last-child { - padding-bottom: 0; - border-bottom: 0; -} - -.block-editor-responsive-block-control__title { - margin: 0; - margin-bottom: 0.6em; - margin-right: -3px; -} - -.block-editor-responsive-block-control__label { - font-weight: 600; - margin-bottom: 0.6em; - margin-right: -3px; -} - -.block-editor-responsive-block-control__inner { - margin-right: -1px; -} - -.block-editor-responsive-block-control__toggle { - margin-right: 1px; -} - -.block-editor-responsive-block-control .components-base-control__help { - border: 0; - clip: rect(1px, 1px, 1px, 1px); - -webkit-clip-path: inset(50%); - clip-path: inset(50%); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; - word-wrap: normal !important; -} - -.rich-text [data-rich-text-placeholder] { - pointer-events: none; -} -.rich-text [data-rich-text-placeholder]::after { - content: attr(data-rich-text-placeholder); - opacity: 0.62; -} -.rich-text:focus { - outline: none; -} -.rich-text:focus [data-rich-text-format-boundary] { - border-radius: 2px; -} - -.block-editor-rich-text__editable > p:first-child { - margin-top: 0; -} - -figcaption.block-editor-rich-text__editable [data-rich-text-placeholder]::before { - opacity: 0.8; -} - -.components-popover.block-editor-rich-text__inline-format-toolbar { - z-index: 99998; -} -.components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content { - width: auto; - min-width: auto; - margin-bottom: 8px; - box-shadow: none; - border: 1px solid #1e1e1e; - border-radius: 2px; - background-color: #fff; -} -.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar-group, -.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar { - border: none; -} -.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control, -.components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle { - min-width: 48px; - min-height: 48px; - padding-right: 12px; - padding-left: 12px; -} - -.block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle { - justify-content: center; -} - -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon { - width: auto; -} -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg { - display: none; -} -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon::after { - content: attr(aria-label); -} - -[data-rich-text-script] { - display: inline; -} -[data-rich-text-script]::before { - content: ""; - background: yellow; -} - -.block-editor-skip-to-selected-block { - position: absolute; - top: -9999em; -} -.block-editor-skip-to-selected-block:focus { - height: auto; - width: auto; - display: block; - font-size: 14px; - font-weight: 600; - padding: 15px 23px 14px; - background: #f1f1f1; - color: var(--wp-admin-theme-color); - line-height: normal; - box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); - text-decoration: none; - outline: none; - z-index: 100000; -} - -.block-editor-text-transform-control { - flex: 0 0 50%; -} -.block-editor-text-transform-control legend { - margin-bottom: 8px; -} -.block-editor-text-transform-control .block-editor-text-transform-control__buttons { - display: inline-flex; - margin-bottom: 24px; -} -.block-editor-text-transform-control .block-editor-text-transform-control__buttons .components-button.has-icon { - min-width: 24px; - padding: 0; - margin-left: 4px; -} - -.block-editor-text-decoration-control { - flex: 0 0 50%; -} -.block-editor-text-decoration-control legend { - margin-bottom: 8px; -} -.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons { - display: inline-flex; - margin-bottom: 24px; -} -.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons .components-button.has-icon { - min-width: 24px; - padding: 0; - margin-left: 4px; -} - -.block-editor-tool-selector__help { - margin-top: 8px; - margin-right: -8px; - margin-left: -8px; - margin-bottom: -8px; - padding: 16px; - border-top: 1px solid #ddd; - color: #757575; - min-width: 280px; -} - -.block-editor-block-list__block .block-editor-url-input, -.components-popover .block-editor-url-input, -.block-editor-url-input { - flex-grow: 1; - position: relative; - padding: 1px; -} -.block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - width: 100%; - padding: 8px 12px 8px 8px; - border: none; - border-radius: 0; - margin-right: 0; - margin-left: 0; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; -} -@media (min-width: 600px) { - .block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - width: 300px; +.block-editor-url-input__suggestion{ + background:#fff; + border:none; + box-shadow:none; + color:#757575; + cursor:pointer; + display:block; + font-size:13px; + height:auto; + min-height:36px; + text-align:right; + width:100%; +} +.block-editor-url-input__suggestion:hover{ + background:#ddd; +} +.block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{ + background:var(--wp-admin-theme-color-darker-20); + color:#fff; + outline:none; +} + +.components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{ + position:inherit; +} + +.block-editor-url-input__button .block-editor-url-input__back{ + margin-left:4px; + overflow:visible; +} +.block-editor-url-input__button .block-editor-url-input__back:after{ + background:#ddd; + content:""; + display:block; + height:24px; + left:-1px; + position:absolute; + width:1px; +} + +.block-editor-url-input__button-modal{ + background:#fff; + border:1px solid #ddd; + box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; +} + +.block-editor-url-input__button-modal-line{ + align-items:flex-start; + display:flex; + flex-direction:row; + flex-grow:1; + flex-shrink:1; + min-width:0; +} +.block-editor-url-input__button-modal-line .components-button{ + flex-shrink:0; + height:36px; + width:36px; +} + +.block-editor-url-popover__additional-controls{ + border-top:1px solid #1e1e1e; + padding:8px; +} + +.block-editor-url-popover__input-container{ + padding:8px; +} + +.block-editor-url-popover__row{ + display:flex; + gap:4px; +} + +.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){ + flex-grow:1; + gap:8px; +} + +.block-editor-url-popover__additional-controls .components-button.has-icon{ + height:auto; + padding-left:8px; + padding-right:8px; + text-align:right; +} +.block-editor-url-popover__additional-controls .components-button.has-icon>svg{ + margin-left:8px; +} + +.block-editor-url-popover__settings-toggle{ + flex-shrink:0; +} +.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{ + transform:rotate(-180deg); +} + +.block-editor-url-popover__settings{ + border-top:1px solid #1e1e1e; + display:block; + padding:16px; +} + +.block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{ + display:flex; +} + +.block-editor-url-popover__link-viewer-url{ + align-items:center; + display:flex; + flex-grow:1; + flex-shrink:1; + margin-left:8px; + max-width:350px; + min-width:150px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; +} +.block-editor-url-popover__link-viewer-url.has-invalid-link{ + color:#cc1818; +} + +.block-editor-url-popover__expand-on-click{ + align-items:center; + display:flex; + min-width:350px; + white-space:nowrap; +} +.block-editor-url-popover__expand-on-click .text{ + flex-grow:1; +} +.block-editor-url-popover__expand-on-click .text p{ + line-height:16px; + margin:0; +} +.block-editor-url-popover__expand-on-click .text p.description{ + color:#757575; + font-size:12px; +} + +.components-panel__block-bindings-panel .components-item__block-bindings-source{ + color:#757575; +} +.block-editor-hooks__block-hooks .components-toggle-control .components-h-stack{ + flex-direction:row-reverse; +} +.block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack{ + flex-direction:row; +} +.block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext{ + color:#757575; + font-size:12px; + margin-bottom:16px; +} + +.border-block-support-panel .single-column{ + grid-column:span 1; +} +.color-block-support-panel .block-editor-contrast-checker{ + grid-column:span 2; + margin-top:16px; + order:9999; +} +.color-block-support-panel .block-editor-contrast-checker .components-notice__content{ + margin-left:0; +} +.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ + row-gap:0; +} +.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ + margin-top:0; +} + +.dimensions-block-support-panel .single-column{ + grid-column:span 1; +} + +.block-editor-hooks__layout-controls{ + display:flex; + margin-bottom:8px; +} +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{ + display:flex; + margin-left:24px; +} +.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{ + margin:auto 8px 4px 0; +} + +.block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{ + margin-bottom:0; +} + +.block-editor-hooks__layout-controls-reset{ + display:flex; + justify-content:flex-end; + margin-bottom:24px; +} + +.block-editor-hooks__layout-controls-helptext{ + color:#757575; + font-size:12px; + margin-bottom:16px; +} + +.block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{ + margin-bottom:12px; +} +.block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{ + margin-bottom:8px; +} + +.block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{ + margin-bottom:16px; +} + +.block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{ + display:none; +} + +.block-editor-hooks__position-selection__select-control__option.has-hint{ + grid-template-columns:auto 30px; + line-height:1.4; + margin-bottom:0; +} +.block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{ + grid-row:2; + text-align:right; +} + +.block-editor__spacing-visualizer{ + border-color:var(--wp-admin-theme-color); + border-style:solid; + bottom:0; + box-sizing:border-box; + left:0; + opacity:.5; + pointer-events:none; + position:absolute; + right:0; + top:0; +} + +.typography-block-support-panel .single-column{ + grid-column:span 1; +} +.block-editor-block-toolbar{ + display:flex; + flex-grow:1; + overflow-x:auto; + overflow-y:hidden; + position:relative; + transition:border-color .1s linear,box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-block-toolbar{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .block-editor-block-toolbar{ + overflow:inherit; } } -@media (min-width: 600px) { - .block-editor-block-list__block .block-editor-url-input input[type=text], -.components-popover .block-editor-url-input input[type=text], -.block-editor-url-input input[type=text] { - font-size: 13px; +.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{ + background:none; + border:0; + border-left:1px solid #ddd; + line-height:0; + margin-bottom:-1px; + margin-top:-1px; +} +.block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-connected .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors,.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ + color:var(--wp-block-synced-color); +} +.block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ + border-left:none; +} + +.block-editor-block-contextual-toolbar{ + background-color:#fff; + display:block; + flex-shrink:3; + position:sticky; + top:0; + width:100%; + z-index:31; +} +.block-editor-block-contextual-toolbar.components-accessible-toolbar{ + border:none; + border-bottom:1px solid #e0e0e0; + border-radius:0; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar{ + overflow:auto; + overflow-y:hidden; + scrollbar-color:#e0e0e0 #0000; + scrollbar-gutter:stable both-edges; + scrollbar-gutter:auto; + scrollbar-width:thin; + will-change:transform; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar{ + height:12px; + width:12px; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track{ + background-color:initial; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb{ + background-clip:padding-box; + background-color:#e0e0e0; + border:3px solid #0000; + border-radius:8px; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb{ + background-color:#949494; +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover{ + scrollbar-color:#949494 #0000; +} +@media (hover:none){ + .block-editor-block-contextual-toolbar .block-editor-block-toolbar{ + scrollbar-color:#949494 #0000; + } +} +.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar-group:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child:after{ + display:none; +} +.block-editor-block-contextual-toolbar>.block-editor-block-toolbar{ + flex-grow:0; + width:auto; +} +.block-editor-block-contextual-toolbar .block-editor-block-parent-selector{ + margin-bottom:-1px; + margin-top:-1px; + position:relative; +} +.block-editor-block-contextual-toolbar .block-editor-block-parent-selector:after{ + align-items:center; + background-color:#1e1e1e; + border-radius:100%; + content:""; + display:inline-flex; + height:2px; + left:0; + position:absolute; + top:15px; + width:2px; +} + +.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + margin:0 !important; + width:24px !important; +} +.block-editor-block-toolbar__block-controls .components-toolbar-group{ + padding:0; +} + +.block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{ + display:flex; + flex-wrap:nowrap; +} + +.block-editor-block-toolbar__slot{ + display:inline-block; + line-height:0; +} +@supports (position:sticky){ + .block-editor-block-toolbar__slot{ + display:inline-flex; } } -.block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear, -.components-popover .block-editor-url-input input[type=text]::-ms-clear, -.block-editor-url-input input[type=text]::-ms-clear { - display: none; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width, -.components-popover .block-editor-url-input.is-full-width, -.block-editor-url-input.is-full-width { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], -.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text], -.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text] { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions, -.components-popover .block-editor-url-input.is-full-width__suggestions, -.block-editor-url-input.is-full-width__suggestions { - width: 100%; -} -.block-editor-block-list__block .block-editor-url-input .components-spinner, -.components-popover .block-editor-url-input .components-spinner, -.block-editor-url-input .components-spinner { - position: absolute; - left: 8px 8px 8px 12px; - bottom: 8px 8px 8px 12px8px1; - margin: 0; -} - -.block-editor-url-input__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; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-url-input__input[type=text] { - transition-duration: 0s; - transition-delay: 0s; + +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon{ + width:auto; +} +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{ + content:attr(aria-label); + font-size:12px; +} +.show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{ + padding-left:6px; + padding-right:6px; +} +.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ + height:0 !important; + min-width:0 !important; + width:0 !important; +} +.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ + border-bottom-left-radius:0; + border-top-left-radius:0; + padding-left:12px; + padding-right:12px; + text-wrap:nowrap; +} +.show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon{ + width:0; +} +.show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container{ + position:relative; + width:auto; +} +@media (min-width:600px){ + .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{ + background:#e0e0e0; + content:""; + height:1px; + margin-top:-.5px; + position:absolute; + right:50%; + top:50%; + transform:translate(50%); + width:100%; + } +} +@media (min-width:782px){ + .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{ + background:#1e1e1e; } } -@media (min-width: 600px) { - .block-editor-url-input__input[type=text] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; +.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button,.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{ + padding-left:6px; + padding-right:6px; +} +.show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button{ + padding-left:8px; + padding-right:8px; +} +.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{ + border-right:1px solid #ddd; + margin-left:-6px; + margin-right:6px; + white-space:nowrap; +} +.show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon{ + padding-left:12px; + padding-right:12px; +} +.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{ + width:auto; +} +.show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{ + flex-shrink:1; +} +.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{ + margin-right:6px; +} + +.block-editor-inserter{ + background:none; + border:none; + display:inline-block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:0; + padding:0; +} +@media (min-width:782px){ + .block-editor-inserter{ + position:relative; } } -.block-editor-url-input__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; -} -.block-editor-url-input__input[type=text]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.block-editor-url-input__input[type=text]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.block-editor-url-input__input[type=text]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} - -.block-editor-url-input__suggestions { - max-height: 200px; - transition: all 0.15s ease-in-out; - padding: 4px 0; - width: 302px; - overflow-y: auto; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-url-input__suggestions { - transition-duration: 0s; - transition-delay: 0s; + +.block-editor-inserter__main-area{ + display:flex; + flex-direction:column; + gap:16px; + height:100%; + position:relative; +} +.block-editor-inserter__main-area.show-as-tabs{ + gap:0; +} +@media (min-width:782px){ + .block-editor-inserter__main-area{ + width:350px; } } -.block-editor-url-input__suggestions, -.block-editor-url-input .components-spinner { - display: none; -} -@media (min-width: 600px) { - .block-editor-url-input__suggestions, -.block-editor-url-input .components-spinner { - display: grid; +.block-editor-inserter__popover.is-quick .components-popover__content{ + border:none; + box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; + outline:none; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{ + border-left:1px solid #ccc; + border-right:1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{ + border-radius:2px 2px 0 0; + border-top:1px solid #ccc; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{ + border-bottom:1px solid #ccc; + border-radius:0 0 2px 2px; +} +.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{ + border:1px solid #1e1e1e; +} + +.block-editor-inserter__popover .block-editor-inserter__menu{ + margin:-12px; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tablist{ + top:60px; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{ + height:auto; + overflow:visible; +} +.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{ + display:none; +} + +.block-editor-inserter__toggle.components-button{ + align-items:center; + border:none; + cursor:pointer; + display:inline-flex; + outline:none; + padding:0; + transition:color .2s ease; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-inserter__toggle.components-button{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-url-input__suggestion { - min-height: 36px; - height: auto; - color: #757575; - display: block; - font-size: 13px; - cursor: pointer; - background: #fff; - width: 100%; - border: none; - text-align: right; - box-shadow: none; -} -.block-editor-url-input__suggestion:hover { - background: #ddd; -} -.block-editor-url-input__suggestion:focus, .block-editor-url-input__suggestion.is-selected { - background: var(--wp-admin-theme-color-darker-20); - color: #fff; - outline: none; -} - -.components-toolbar-group > .block-editor-url-input__button, -.components-toolbar > .block-editor-url-input__button { - position: inherit; -} - -.block-editor-url-input__button .block-editor-url-input__back { - margin-left: 4px; - overflow: visible; -} -.block-editor-url-input__button .block-editor-url-input__back::after { - content: ""; - position: absolute; - display: block; - width: 1px; - height: 24px; - left: -1px; - background: #ddd; -} - -.block-editor-url-input__button-modal { - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); - border: 1px solid #ddd; - background: #fff; -} - -.block-editor-url-input__button-modal-line { - display: flex; - flex-direction: row; - flex-grow: 1; - flex-shrink: 1; - min-width: 0; - align-items: flex-start; -} -.block-editor-url-input__button-modal-line .components-button { - flex-shrink: 0; - width: 36px; - height: 36px; -} - -.block-editor-url-popover__additional-controls { - border-top: 1px solid #ddd; -} - -.block-editor-url-popover__additional-controls > div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary) > svg { - box-shadow: none; -} - -.block-editor-url-popover__additional-controls div[role=menu] > .components-button { - padding-right: 12px; -} - -.block-editor-url-popover__row { - display: flex; -} - -.block-editor-url-popover__row > :not(.block-editor-url-popover__settings-toggle) { - flex-grow: 1; -} - -.block-editor-url-popover .components-button.has-icon { - padding: 3px; -} -.block-editor-url-popover .components-button.has-icon > svg { - padding: 5px; - border-radius: 2px; - height: 30px; - width: 30px; -} -.block-editor-url-popover .components-button.has-icon:not(:disabled):focus { - box-shadow: none; -} -.block-editor-url-popover .components-button.has-icon:not(:disabled):focus > svg { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff; - outline: 2px solid transparent; -} - -.block-editor-url-popover__settings-toggle { - flex-shrink: 0; - border-radius: 0; - border-right: 1px solid #ddd; - margin-right: 1px; -} -.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon { - transform: rotate(-180deg); -} - -.block-editor-url-popover__input-container .components-base-control:last-child, -.block-editor-url-popover__input-container .components-base-control:last-child .components-base-control__field { - margin-bottom: 0; -} - -.block-editor-url-popover__settings { - display: block; - padding: 16px; - border-top: 1px solid #ddd; -} - -.block-editor-url-popover__link-editor, -.block-editor-url-popover__link-viewer { - display: flex; -} -.block-editor-url-popover__link-editor .block-editor-url-input .components-base-control__field, -.block-editor-url-popover__link-viewer .block-editor-url-input .components-base-control__field { - margin-bottom: 0; -} -.block-editor-url-popover__link-editor .block-editor-url-input .components-spinner, -.block-editor-url-popover__link-viewer .block-editor-url-input .components-spinner { - bottom: 8px 8px 8px 12px1; -} - -.block-editor-url-popover__link-viewer-url { - margin: 7px; - flex-grow: 1; - flex-shrink: 1; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - min-width: 150px; - max-width: 500px; -} -.block-editor-url-popover__link-viewer-url.has-invalid-link { - color: #cc1818; -} - -.block-editor-warning { - align-items: center; - display: flex; - flex-wrap: wrap; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 1em; - border: 1px solid #1e1e1e; - border-radius: 2px; - background-color: #fff; -} -.block-editor-warning .block-editor-warning__message { - line-height: 1.4; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - color: #1e1e1e; - margin: 0; -} -.block-editor-warning p.block-editor-warning__message.block-editor-warning__message { - min-height: auto; -} -.block-editor-warning .block-editor-warning__contents { - display: flex; - flex-direction: row; - justify-content: space-between; - flex-wrap: wrap; - align-items: baseline; - width: 100%; -} -.block-editor-warning .block-editor-warning__actions { - display: flex; - margin-top: 1em; -} -.block-editor-warning .block-editor-warning__action { - margin: 0 0 0 8px; -} - -.block-editor-warning__secondary { - margin: auto 8px auto 0; -} - -.components-popover.block-editor-warning__dropdown { - z-index: 99998; -} - -.html-anchor-control .components-external-link { - display: block; - margin-top: 8px; -} - -.block-editor-hooks__layout-controls { - display: flex; - margin-bottom: 16px; -} -.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit { - display: flex; - margin-left: 24px; -} -.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg { - margin: auto 8px 4px 0; -} - -.block-editor-hooks__layout-controls-reset { - display: flex; - justify-content: flex-end; - margin-bottom: 24px; -} - -.block-editor-hooks__layout-controls-helptext { - font-size: 12px; -} - -.block-editor-hooks__flex-layout-justification-controls, -.block-editor-hooks__flex-layout-orientation-controls { - margin-bottom: 12px; -} -.block-editor-hooks__flex-layout-justification-controls legend, -.block-editor-hooks__flex-layout-orientation-controls legend { - margin-bottom: 8px; -} - -.border-block-support-panel .single-column { - grid-column: span 1; -} - -.dimensions-block-support-panel .single-column { - grid-column: span 1; -} - -.typography-block-support-panel .components-font-appearance-control, -.typography-block-support-panel .components-font-size-picker__controls, -.typography-block-support-panel .block-editor-text-decoration-control__buttons, -.typography-block-support-panel .block-editor-text-transform-control__buttons { - margin-bottom: 0; -} -.typography-block-support-panel .single-column { - grid-column: span 1; -} - -.color-block-support-panel { - /* Increased specificity required to remove the slot wrapper's row gap */ - /** - * The following styles replicate the separated border of the - * `ItemGroup` component but allows for hidden items. This is because - * to maintain the order of `ToolsPanel` controls, each `ToolsPanelItem` - * must at least render a placeholder which would otherwise interfere - * with the `:last-child` styles. - */ - /** - * The following few styles fix the layout and spacing for the due to the - * introduced wrapper element by the `Item` component. - */ -} -.color-block-support-panel .block-editor-contrast-checker { - /** - * Contrast checkers are forced to the bottom of the panel so all - * injected color controls can appear as a single item group without - * the contrast checkers suddenly appearing between items. - */ - order: 9999; - grid-column: span 2; - margin-top: 16px; -} -.color-block-support-panel .block-editor-contrast-checker .components-notice__content { - margin-left: 0; -} -.color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper { - row-gap: 0; -} -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item { - padding: 0; - border-right: 1px solid rgba(0, 0, 0, 0.1); - border-left: 1px solid rgba(0, 0, 0, 0.1); - border-bottom: 1px solid rgba(0, 0, 0, 0.1); -} -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first { - border-top-right-radius: 2px; - border-top-left-radius: 2px; - border-top: 1px solid rgba(0, 0, 0, 0.1); -} -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.last { - border-bottom-right-radius: 2px; - border-bottom-left-radius: 2px; -} -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item > div, -.color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item > div > button { - border-radius: inherit; -} -.color-block-support-panel .block-editor-panel-color-gradient-settings__color-indicator { - background: linear-gradient(45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); -} -.color-block-support-panel .block-editor-tools-panel-color-dropdown { - display: block; - padding: 0; -} -.color-block-support-panel .block-editor-tools-panel-color-dropdown > button { - height: 46px; -} -.color-block-support-panel .block-editor-tools-panel-color-dropdown > button.is-open { - background: #f0f0f0; - color: var(--wp-admin-theme-color); -} -.color-block-support-panel .color-block-support-panel__item-group > div { - grid-column: span 2; - border-radius: inherit; -} - -/** - * Block Toolbar - */ -.block-editor-block-toolbar { - display: flex; - flex-grow: 1; - width: 100%; - position: relative; - overflow-y: hidden; - overflow-x: auto; - transition: border-color 0.1s linear, box-shadow 0.1s linear; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-block-toolbar { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-inserter__menu{ + height:100%; + overflow:visible; + position:relative; +} + +.block-editor-inserter__inline-elements{ + margin-top:-1px; +} + +.block-editor-inserter__menu.is-bottom:after{ + border-bottom-color:#fff; +} + +.components-popover.block-editor-inserter__popover{ + z-index:99999; +} + +.block-editor-inserter__search{ + padding:16px 16px 0; +} + +.block-editor-inserter__tabs{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:hidden; +} +.block-editor-inserter__tabs .block-editor-inserter__tablist-and-close-button{ + border-bottom:1px solid #ddd; + display:flex; + justify-content:space-between; + padding-left:12px; +} +.block-editor-inserter__tabs .block-editor-inserter__close-button{ + align-self:center; + order:1; +} +.block-editor-inserter__tabs .block-editor-inserter__tablist{ + margin-bottom:-1px; + width:100%; +} +.block-editor-inserter__tabs .block-editor-inserter__tablist button[role=tab]{ + flex-grow:1; +} +.block-editor-inserter__tabs .block-editor-inserter__tablist button[role=tab][id$=reusable]{ + flex-grow:inherit; + padding-left:16px; + padding-right:16px; +} +.block-editor-inserter__tabs .block-editor-inserter__tabpanel{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow-y:auto; +} + +.block-editor-inserter__no-tab-container{ + flex-grow:1; + overflow-y:auto; + position:relative; +} + +.block-editor-inserter__panel-header{ + align-items:center; + display:inline-flex; + padding:16px 16px 0; +} + +.block-editor-inserter__panel-content{ + padding:16px; +} + +.block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{ + color:#757575; + font-size:11px; + font-weight:500; + margin:0 0 0 12px; + text-transform:uppercase; +} + +.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{ + height:36px; + line-height:36px; +} + +.block-editor-inserter__panel-dropdown select{ + border:none; +} + +.block-editor-inserter__reusable-blocks-panel{ + position:relative; + text-align:left; +} + +.block-editor-inserter__manage-reusable-blocks-container{ + margin:auto 16px 16px; +} + +.block-editor-inserter__manage-reusable-blocks{ + justify-content:center; + width:100%; +} + +.block-editor-inserter__no-results,.block-editor-inserter__patterns-loading{ + padding:32px; + text-align:center; +} + +.block-editor-inserter__no-results-icon{ + fill:#949494; +} + +.block-editor-inserter__child-blocks{ + padding:0 16px; +} + +.block-editor-inserter__parent-block-header{ + align-items:center; + display:flex; +} +.block-editor-inserter__parent-block-header h2{ + font-size:13px; +} +.block-editor-inserter__parent-block-header .block-editor-block-icon{ + margin-left:8px; +} + +.block-editor-inserter__preview-container__popover{ + top:16px !important; +} + +.block-editor-inserter__preview-container{ + display:none; + max-height:calc(100% - 32px); + overflow-y:hidden; + padding:16px; + width:280px; +} +@media (min-width:782px){ + .block-editor-inserter__preview-container{ + display:block; } } -@media (min-width: 600px) { - .block-editor-block-toolbar { - overflow: inherit; +.block-editor-inserter__preview-container .block-editor-inserter__media-list__list-item{ + height:100%; +} +.block-editor-inserter__preview-container .block-editor-block-card{ + padding-bottom:4px; + padding-left:0; + padding-right:0; +} + +.block-editor-inserter__insertable-blocks-at-selection{ + border-bottom:1px solid #e0e0e0; +} + +.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__media-tabs-container{ + display:flex; + flex-direction:column; + height:100%; + justify-content:space-between; + padding:16px; +} + +.block-editor-inserter__category-tablist{ + border:none; + display:flex; + flex-direction:column; + margin-bottom:8px; +} +.block-editor-inserter__category-tablist div[role=listitem]:last-child{ + margin-top:auto; +} +.block-editor-inserter__category-tablist .block-editor-inserter__category-tab{ + display:block; + font-weight:inherit; + height:auto; + padding:8px 12px 8px 4px; + position:relative; + text-align:right; +} +.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]{ + color:var(--wp-admin-theme-color); +} +.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] .components-flex-item{ + filter:brightness(.95); +} +.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] svg{ + fill:var(--wp-admin-theme-color); +} +.block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]:after{ + background:var(--wp-admin-theme-color); + border-radius:2px; + bottom:0; + content:""; + display:block; + height:100%; + left:0; + opacity:.04; + outline:none; + position:absolute; + right:0; + top:0; +} +.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus-visible,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus:not(:disabled){ + border-radius:2px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; + outline-offset:0; +} +.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:after,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:before{ + display:none; +} + +.block-editor-inserter__category-panel{ + background:#f0f0f0; + border-top:1px solid #e0e0e0; + box-shadow:-1px 1px 0 0 rgba(0,0,0,.133); + display:flex; + flex-direction:column; + height:calc(100% + 1px); + outline:1px solid #0000; + padding:0 16px; + position:absolute; + right:0; + top:-1px; + width:100%; +} +@media (min-width:782px){ + .block-editor-inserter__category-panel{ + border-right:1px solid #e0e0e0; + padding:0; + right:100%; + width:300px; } } -.block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-toolbar .components-toolbar { - background: none; - line-height: 0; - margin-top: -1px; - margin-bottom: -1px; - border: 0; - border-left: 1px solid #ddd; -} -.block-editor-block-toolbar > :last-child, -.block-editor-block-toolbar > :last-child .components-toolbar-group, -.block-editor-block-toolbar > :last-child .components-toolbar { - border-left: none; -} - -.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { - margin-right: calc(48px + 8px); -} -.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed) { - margin-right: 0; -} - -.block-editor-block-parent-selector { - position: absolute; - top: -1px; - right: calc(-48px - 8px - 1px); -} -.show-icon-labels .block-editor-block-parent-selector { - position: relative; - right: auto; - top: auto; - margin-top: -1px; - margin-right: -1px; - margin-bottom: -1px; -} - -.block-editor-block-toolbar__block-controls { - height: auto !important; - padding: 0 !important; - margin-right: -1px; -} -.block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, -.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - width: 24px !important; - margin: 0 !important; -} -.block-editor-block-toolbar__block-controls .block-editor-block-mover { - margin-right: -6px; -} -.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar { - margin-right: -6px !important; -} -.block-editor-block-toolbar__block-controls .components-toolbar-group { - padding: 0; -} - -.block-editor-block-toolbar .components-toolbar-group, -.block-editor-block-toolbar .components-toolbar, -.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group, -.block-editor-rich-text__inline-format-toolbar-group .components-toolbar { - display: flex; - flex-wrap: nowrap; -} - -.block-editor-block-toolbar__slot { - display: inline-block; - line-height: 0; -} -@supports (position: sticky) { - .block-editor-block-toolbar__slot { - display: inline-flex; - } -} - -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon { - width: auto; -} -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg { - display: none; -} -.show-icon-labels .block-editor-block-toolbar .components-button.has-icon::after { - content: attr(aria-label); - font-size: 12px; -} -.show-icon-labels .components-accessible-toolbar .components-toolbar-group > div:first-child:last-child > .components-button.has-icon { - padding-right: 6px; - padding-left: 6px; -} -.show-icon-labels .block-editor-block-switcher { - border-left: 1px solid #1e1e1e; -} -.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle { - margin-right: 0; -} -.show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon, -.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon { - width: 0 !important; - height: 0 !important; -} -.show-icon-labels .block-editor-block-parent-selector__button .block-editor-block-icon { - width: 0; -} -.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover { - margin-right: 0; - white-space: nowrap; -} -.show-icon-labels .block-editor-block-mover-button { - padding-right: 8px !important; - padding-left: 8px !important; -} -.show-icon-labels .block-editor-block-mover__drag-handle.has-icon { - padding-right: 6px !important; - padding-left: 6px !important; - border-left: 1px solid #1e1e1e; -} -@media (min-width: 600px) { - .show-icon-labels .is-up-button.is-up-button.is-up-button { - border-bottom: 1px solid #1e1e1e; - margin-left: 0; - border-radius: 0; - } -} -.show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button { - width: auto; -} -.show-icon-labels .components-toolbar, -.show-icon-labels .components-toolbar-group { - flex-shrink: 1; -} -.show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button + .components-button { - margin-right: 6px; -} - -.block-editor-inserter { - display: inline-block; - background: none; - border: none; - padding: 0; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 0; -} -@media (min-width: 782px) { - .block-editor-inserter { - position: relative; +.block-editor-inserter__category-panel .block-editor-block-patterns-list,.block-editor-inserter__category-panel .block-editor-inserter__media-list{ + padding:0 24px 16px; +} + +.block-editor-inserter__patterns-category-panel-header{ + padding:8px 24px; +} + +.block-editor-inserter__patterns-category-no-results{ + margin-top:24px; +} + +.block-editor-block-patterns-list,.block-editor-inserter__media-list{ + flex-grow:1; + height:100%; + overflow-y:auto; +} + +.block-editor-inserter__preview-content{ + align-items:center; + background:#f0f0f0; + display:grid; + flex-grow:1; + min-height:144px; +} + +.block-editor-inserter__preview-content-missing{ + align-items:center; + background:#f0f0f0; + border-radius:2px; + color:#757575; + display:flex; + flex:1; + justify-content:center; + min-height:144px; +} + +.block-editor-inserter__tips{ + border-top:1px solid #ddd; + flex-shrink:0; + padding:16px; + position:relative; +} + +.block-editor-inserter__quick-inserter{ + max-width:100%; + width:100%; +} +@media (min-width:782px){ + .block-editor-inserter__quick-inserter{ + width:350px; } } -.block-editor-inserter__content { - position: relative; -} - -.block-editor-inserter__popover.is-quick .components-popover__content { - border: none; -} -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > * { - border-right: 1px solid #ccc; - border-left: 1px solid #ccc; -} -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:first-child { - border-top: 1px solid #ccc; -} -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *:last-child { - border-bottom: 1px solid #ccc; -} -.block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter > *.components-button { - border: 1px solid #1e1e1e; -} - -.block-editor-inserter__popover .block-editor-inserter__menu { - margin: -12px; -} -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tabs .components-tab-panel__tabs { - top: 60px; -} -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area { - overflow: visible; - height: auto; -} -.block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container { - display: none; -} - -.block-editor-inserter__toggle.components-button { - display: inline-flex; - align-items: center; - cursor: pointer; - border: none; - outline: none; - padding: 0; - transition: color 0.2s ease; -} -@media (prefers-reduced-motion: reduce) { - .block-editor-inserter__toggle.components-button { - transition-duration: 0s; - transition-delay: 0s; +.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{ + float:right; + height:0; + padding:0; +} + +.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{ + padding:16px; +} + +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{ + display:grid; + grid-template-columns:1fr 1fr; + grid-gap:8px; +} +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + margin-bottom:0; +} +.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{ + min-height:100px; +} + +.block-editor-inserter__quick-inserter-separator{ + border-top:1px solid #ddd; +} + +.block-editor-inserter__popover.is-quick>.components-popover__content{ + padding:0; +} + +.block-editor-inserter__quick-inserter-expand.components-button{ + background:#1e1e1e; + border-radius:0; + color:#fff; + display:block; + height:44px; + width:100%; +} +.block-editor-inserter__quick-inserter-expand.components-button:hover{ + color:#fff; +} +.block-editor-inserter__quick-inserter-expand.components-button:active{ + color:#ccc; +} +.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){ + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + box-shadow:none; +} + +.block-editor-block-patterns-explorer__sidebar{ + bottom:0; + overflow-x:visible; + overflow-y:scroll; + padding:24px 32px 32px; + position:absolute; + right:0; + top:72px; + width:280px; +} +.block-editor-block-patterns-explorer__sidebar__categories-list__item{ + display:block; + height:48px; + text-align:right; + width:100%; +} +.block-editor-block-patterns-explorer__search{ + margin-bottom:32px; +} +.block-editor-block-patterns-explorer__search-results-count{ + padding-bottom:32px; +} +.block-editor-block-patterns-explorer__list{ + margin-right:280px; + padding:24px 0 32px; +} +.block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container{ + width:380px; +} +.block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + display:grid; + grid-gap:32px; + grid-template-columns:repeat(1, 1fr); + margin-bottom:16px; +} +@media (min-width:1080px){ + .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + grid-template-columns:repeat(2, 1fr); } } - -.block-editor-inserter__menu { - height: 100%; - position: relative; - overflow: visible; -} - -.block-editor-inserter__main-area { - width: auto; - overflow-y: auto; - height: 100%; -} -@media (min-width: 782px) { - .block-editor-inserter__main-area { - width: 350px; +@media (min-width:1440px){ + .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ + grid-template-columns:repeat(3, 1fr); } } - -.block-editor-inserter__inline-elements { - margin-top: -1px; -} - -.block-editor-inserter__menu.is-bottom::after { - border-bottom-color: #fff; -} - -.components-popover.block-editor-inserter__popover { - z-index: 99999; -} - -.block-editor-inserter__search { - background: #fff; - padding: 16px 16px 0 16px; - position: sticky; - top: 0; - z-index: 1; -} -.block-editor-inserter__search .components-search-control__icon { - left: 20px; -} -.block-editor-inserter__search .components-base-control__field { - margin-bottom: 0; -} - -.block-editor-inserter__tabs { - display: flex; - flex-direction: column; -} -.block-editor-inserter__tabs .components-tab-panel__tabs { - position: sticky; - top: 64px; - background: #fff; - z-index: 1; - border-bottom: 1px solid #ddd; -} -.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - flex-grow: 1; - margin-bottom: -1px; -} -.block-editor-inserter__tabs .components-tab-panel__tab-content { - display: flex; - flex-grow: 1; - flex-direction: column; - position: relative; - z-index: 0; -} - -.block-editor-inserter__panel-header { - display: inline-flex; - align-items: center; - padding: 16px 16px 0; -} - -.block-editor-inserter__panel-header-patterns { - padding: 16px 16px 0; -} - -.block-editor-inserter__panel-content { - padding: 16px; -} - -.block-editor-inserter__panel-title, -.block-editor-inserter__panel-title button { - margin: 0 0 0 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; -} - -.block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input { - height: 36px; - line-height: 36px; -} - -.block-editor-inserter__panel-dropdown select { - border: none; -} - -.block-editor-inserter__block-list { - flex-grow: 1; - position: relative; -} - -.block-editor-inserter__reusable-blocks-panel { - position: relative; - text-align: left; -} - -.block-editor-inserter__manage-reusable-blocks { - display: inline-block; - margin: 16px; -} - -.block-editor-inserter__no-results { - padding: 32px; - text-align: center; -} - -.block-editor-inserter__no-results-icon { - fill: #949494; -} - -.block-editor-inserter__child-blocks { - padding: 0 16px; -} - -.block-editor-inserter__parent-block-header { - display: flex; - align-items: center; -} -.block-editor-inserter__parent-block-header h2 { - font-size: 13px; -} -.block-editor-inserter__parent-block-header .block-editor-block-icon { - margin-left: 8px; -} - -.block-editor-inserter__preview-container { - display: none; - width: 300px; - background: #fff; - border-radius: 2px; - border: 1px solid #ddd; - position: absolute; - top: 16px; - right: calc(100% + 16px); - max-height: calc(100% - 32px); - overflow-y: hidden; -} -@media (min-width: 782px) { - .block-editor-inserter__preview-container { - display: block; +.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + min-height:240px; +} +.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{ + height:inherit; + max-height:800px; + min-height:100px; +} + +.components-heading.block-editor-inserter__patterns-category-panel-title{ + font-weight:500; +} + +.block-editor-inserter__media-library-button.components-button,.block-editor-inserter__patterns-explore-button.components-button{ + justify-content:center; + margin-top:16px; + padding:16px; + width:100%; +} + +.block-editor-inserter__media-panel{ + display:flex; + flex-direction:column; + min-height:100%; + padding:0 16px; +} +@media (min-width:782px){ + .block-editor-inserter__media-panel{ + padding:0; } } -.block-editor-inserter__preview-container .block-editor-block-card { - padding: 16px; -} -.block-editor-inserter__preview-container .block-editor-block-card__title { - font-size: 13px; -} - -.block-editor-inserter__preview-content { - min-height: 144px; - background: #f0f0f0; - display: grid; - flex-grow: 1; - align-items: center; -} - -.block-editor-inserter__preview-content-missing { - flex: 1; - display: flex; - justify-content: center; - align-items: center; - min-height: 144px; - color: #757575; - background: #f0f0f0; -} - -.block-editor-inserter__tips { - border-top: 1px solid #ddd; - padding: 16px; - flex-shrink: 0; - position: relative; -} - -.block-editor-inserter__manage-reusable-blocks-container { - padding: 16px; -} - -.block-editor-inserter__quick-inserter { - width: 100%; - max-width: 100%; -} -@media (min-width: 782px) { - .block-editor-inserter__quick-inserter { - width: 350px; +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{ + align-items:center; + display:flex; + flex:1; + height:100%; + justify-content:center; +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search{ + padding:16px 24px 8px; +} +.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within){ + --wp-components-color-background:#fff; +} + +.block-editor-inserter__media-list__list-item{ + cursor:pointer; + margin-bottom:24px; + position:relative; +} +.block-editor-inserter__media-list__list-item.is-placeholder{ + min-height:100px; +} +.block-editor-inserter__media-list__list-item[draggable=true] .block-editor-inserter__media-list__list-item{ + cursor:grab; +} +.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview>*{ + outline-color:#0000004d; +} +.block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{ + display:block; +} +.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{ + left:8px; + position:absolute; + top:8px; +} +.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{ + background:#fff; + border-radius:2px; + display:none; +} +.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{ + display:block; +} +.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{ + box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} + +.block-editor-inserter__media-list__item{ + height:100%; +} +.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{ + align-items:center; + border-radius:2px; + display:flex; + overflow:hidden; +} +.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{ + border-radius:2px; + margin:0 auto; + max-width:100%; + outline:1px solid #0000001a; + outline-offset:-1px; +} +.block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner{ + align-items:center; + background:#ffffffb3; + display:flex; + height:100%; + justify-content:center; + pointer-events:none; + position:absolute; + width:100%; +} +.block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{ + outline-color:var(--wp-admin-theme-color); + outline-offset:calc(-1*var(--wp-admin-border-width-focus)); + outline-width:var(--wp-admin-border-width-focus); + transition:outline .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{ + transition-delay:0s; + transition-duration:0s; } } -.block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header { - height: 0; - padding: 0; - float: right; -} - -.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content, -.block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content { - padding: 16px; -} - -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list { - display: grid; - grid-template-columns: 1fr 1fr; - grid-gap: 8px; -} -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - margin-bottom: 0; -} -.block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-preview__container { - min-height: 100px; -} - -.block-editor-inserter__quick-inserter-separator { - border-top: 1px solid #ddd; -} - -.block-editor-inserter__popover.is-quick > .components-popover__content > div { - padding: 0; -} - -.block-editor-inserter__quick-inserter-expand.components-button { - display: block; - background: #1e1e1e; - color: #fff; - width: 100%; - height: 44px; - border-radius: 0; -} -.block-editor-inserter__quick-inserter-expand.components-button:hover { - color: #fff; -} -.block-editor-inserter__quick-inserter-expand.components-button:active { - color: #ccc; -} -.block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled) { - box-shadow: none; - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); -} - -.block-editor-block-patterns-explorer__sidebar { - position: absolute; - top: 60px; - right: 0; - bottom: 0; - width: 280px; - padding: 24px 32px 32px; - overflow-x: visible; - overflow-y: scroll; -} -.block-editor-block-patterns-explorer__sidebar__categories-list__item { - display: block; - width: 100%; - height: 48px; - text-align: right; -} -.block-editor-block-patterns-explorer__search { - margin-bottom: 32px; -} -.block-editor-block-patterns-explorer__search-results-count { - padding-bottom: 32px; -} -.block-editor-block-patterns-explorer__list { - margin-right: 248px; -} -.block-editor-block-patterns-explorer .block-editor-block-patterns-list { - display: grid; - grid-gap: 32px; - grid-template-columns: repeat(1, 1fr); -} -@media (min-width: 1080px) { - .block-editor-block-patterns-explorer .block-editor-block-patterns-list { - grid-template-columns: repeat(2, 1fr); +.block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{ + min-width:auto; +} + +.block-editor-inserter__mobile-tab-navigation{ + height:100%; + padding:16px; +} +.block-editor-inserter__mobile-tab-navigation>*{ + height:100%; +} + +@media (min-width:600px){ + .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal{ + max-width:480px; } } -@media (min-width: 1440px) { - .block-editor-block-patterns-explorer .block-editor-block-patterns-list { - grid-template-columns: repeat(3, 1fr); - } -} -.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - min-height: 240px; -} -.block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-preview__container { - height: inherit; - min-height: 100px; - max-height: 800px; -} - -.block-editor-post-preview__dropdown { - padding: 0; -} - -.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize { - padding-right: 40px; -} -.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon { - padding-right: 8px; -} - -.block-editor-post-preview__dropdown-content .components-popover__content { - overflow-y: visible; -} -.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child { - padding-bottom: 8px; -} -.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child { - margin-bottom: 0; -} -.block-editor-post-preview__dropdown-content .components-menu-group + .components-menu-group { - padding: 8px; -} - -@media (min-width: 600px) { - .edit-post-header__settings .editor-post-preview, -.edit-site-header__actions .editor-post-preview { - display: none; - } -} - -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { - transition: opacity 0.1s linear; +.block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p{ + margin:0; +} + +.block-editor-inserter__hint{ + margin:16px 16px 0; +} + +.reusable-blocks-menu-items__rename-hint{ + align-items:top; + background:#f0f0f0; + border-radius:2px; + color:#1e1e1e; + display:flex; + flex-direction:row; + max-width:380px; +} + +.reusable-blocks-menu-items__rename-hint-content{ + margin:12px 12px 12px 0; +} + +.reusable-blocks-menu-items__rename-hint-dismiss{ + margin:4px 0 4px 4px; +} + +.components-menu-group .reusable-blocks-menu-items__rename-hint{ + margin:0; +} + +.block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input{ + height:40px; +} + +.block-editor-inserter__pattern-panel-placeholder{ + display:none; +} + +.block-editor-inserter__menu.is-zoom-out{ + display:flex; +} +@media (min-width:782px){ + .block-editor-inserter__menu.is-zoom-out.show-panel:after{ + content:""; + display:block; + height:100%; + width:300px; } } -@media (min-width: 600px) and (prefers-reduced-motion: reduce) { - .edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle { - transition-duration: 0s; - transition-delay: 0s; - } -} -@media (min-width: 600px) { - .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft, -.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state, -.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle { - opacity: 0; - } - .edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened { - opacity: 1; + +.spacing-sizes-control .spacing-sizes-control__custom-value-input,.spacing-sizes-control .spacing-sizes-control__label{ + margin-bottom:0; +} +.spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__range-control{ + align-items:center; + display:flex; + flex:1; + height:40px; + margin-bottom:0; +} +.spacing-sizes-control .spacing-sizes-control__custom-value-range>.components-base-control__field,.spacing-sizes-control .spacing-sizes-control__range-control>.components-base-control__field{ + flex:1; +} +.spacing-sizes-control .components-range-control__mark{ + background-color:#fff; + height:4px; + width:3px; + z-index:1; +} +.spacing-sizes-control .components-range-control__marks{ + margin-top:17px; +} +.spacing-sizes-control .components-range-control__marks :first-child{ + display:none; +} +.spacing-sizes-control .components-range-control__thumb-wrapper{ + z-index:3; +} + +.spacing-sizes-control__header{ + height:16px; + margin-bottom:12px; +} + +.spacing-sizes-control__dropdown{ + height:24px; +} + +.spacing-sizes-control__custom-select-control,.spacing-sizes-control__custom-value-input{ + flex:1; +} + +.spacing-sizes-control__custom-toggle,.spacing-sizes-control__icon{ + flex:0 0 auto; +} + +.spacing-sizes-control__icon{ + margin-right:-4px; +} + +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; - } -} - -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; + } +} + +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file