diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/css/dist/block-library/editor.css --- a/wp/wp-includes/css/dist/block-library/editor.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/css/dist/block-library/editor.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,2787 +1,2702 @@ -/** - * 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. - */ -ul.wp-block-archives { - padding-left: 2.5em; +ul.wp-block-archives{ + padding-left:2.5em; +} + +.wp-block-audio{ + margin-left:0; + margin-right:0; + position:relative; +} +.wp-block-audio.is-transient audio{ + opacity:.3; +} +.wp-block-audio .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; +} + +.wp-block-avatar__image img{ + width:100%; +} + +.wp-block-avatar.aligncenter .components-resizable-box__container{ + margin:0 auto; +} + +.wp-block[data-align=center]>.wp-block-button{ + margin-left:auto; + margin-right:auto; + text-align:center; +} + +.wp-block[data-align=right]>.wp-block-button{ + text-align:right; +} + +.wp-block-button{ + cursor:text; + position:relative; +} +.wp-block-button:focus{ + box-shadow:0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); + outline:2px solid #0000; + outline-offset:-2px; +} +.wp-block-button[data-rich-text-placeholder]:after{ + opacity:.8; } -.wp-block-audio { - margin-left: 0; - margin-right: 0; - position: relative; -} -.wp-block-audio.is-transient audio { - opacity: 0.3; -} -.wp-block-audio .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +div[data-type="core/button"]{ + display:table; } -.wp-block-avatar__image img { - width: 100%; +.editor-styles-wrapper .wp-block-button[style*=text-decoration] .wp-block-button__link{ + text-decoration:inherit; +} +.wp-block-buttons>.wp-block,.wp-block-buttons>.wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button{ + margin:0; +} +.wp-block-buttons>.block-list-appender{ + align-items:center; + display:inline-flex; +} +.wp-block-buttons.is-vertical>.block-list-appender .block-list-appender__toggle{ + justify-content:flex-start; +} +.wp-block-buttons>.wp-block-button:focus{ + box-shadow:none; +} +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center]{ + margin-left:auto; + margin-right:auto; + margin-top:0; + width:100%; +} +.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block[data-align=center] .wp-block-button{ + margin-bottom:0; +} +.editor-styles-wrapper .wp-block-buttons.has-custom-font-size .wp-block-button__link{ + font-size:inherit; } -.wp-block-avatar.aligncenter .components-resizable-box__container { - margin: 0 auto; +.wp-block[data-align=center]>.wp-block-buttons{ + align-items:center; + justify-content:center; +} + +.wp-block[data-align=right]>.wp-block-buttons{ + justify-content:flex-end; +} + +.wp-block-categories ul{ + padding-left:2.5em; +} +.wp-block-categories ul ul{ + margin-top:6px; +} +[data-align=center] .wp-block-categories{ + text-align:center; +} + +.wp-block-code code{ + background:none; } -.edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { - padding-left: 0; - padding-right: 0; -} -.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { - display: block; -} -.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { - display: none; -} - -.wp-block[data-align=center] > .wp-block-button { - text-align: center; - margin-left: auto; - margin-right: auto; -} - -.wp-block[data-align=right] > .wp-block-button { - /*!rtl:ignore*/ - text-align: right; -} - -.wp-block-button { - position: relative; - cursor: text; -} -.wp-block-button:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); - outline: 2px solid transparent; - outline-offset: -2px; -} -.wp-block-button[data-rich-text-placeholder]::after { - opacity: 0.8; +.wp-block-columns :where(.wp-block){ + margin-left:0; + margin-right:0; + max-width:none; } -.wp-block-button__inline-link { - color: #757575; - height: 0; - overflow: hidden; - max-width: 290px; -} -.wp-block-button__inline-link-input__suggestions { - max-width: 290px; -} -@media (min-width: 782px) { - .wp-block-button__inline-link { - max-width: 260px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 260px; - } -} -@media (min-width: 960px) { - .wp-block-button__inline-link { - max-width: 290px; - } - .wp-block-button__inline-link-input__suggestions { - max-width: 290px; - } -} -.is-selected .wp-block-button__inline-link { - height: auto; - overflow: visible; -} - -.wp-button-label__width .components-button-group { - display: block; -} -.wp-button-label__width .components-base-control__field { - margin-bottom: 12px; +html :where(.wp-block-column){ + margin-bottom:0; + margin-top:0; +} +.wp-block-comments__legacy-placeholder,.wp-block-post-comments{ + box-sizing:border-box; +} +.wp-block-comments__legacy-placeholder .alignleft,.wp-block-post-comments .alignleft{ + float:left; +} +.wp-block-comments__legacy-placeholder .alignright,.wp-block-post-comments .alignright{ + float:right; +} +.wp-block-comments__legacy-placeholder .navigation:after,.wp-block-post-comments .navigation:after{ + clear:both; + content:""; + display:table; +} +.wp-block-comments__legacy-placeholder .commentlist,.wp-block-post-comments .commentlist{ + clear:both; + list-style:none; + margin:0; + padding:0; +} +.wp-block-comments__legacy-placeholder .commentlist .comment,.wp-block-post-comments .commentlist .comment{ + min-height:2.25em; + padding-left:3.25em; +} +.wp-block-comments__legacy-placeholder .commentlist .comment p,.wp-block-post-comments .commentlist .comment p{ + font-size:1em; + line-height:1.8; + margin:1em 0; +} +.wp-block-comments__legacy-placeholder .commentlist .children,.wp-block-post-comments .commentlist .children{ + list-style:none; + margin:0; + padding:0; +} +.wp-block-comments__legacy-placeholder .comment-author,.wp-block-post-comments .comment-author{ + line-height:1.5; +} +.wp-block-comments__legacy-placeholder .comment-author .avatar,.wp-block-post-comments .comment-author .avatar{ + border-radius:1.5em; + display:block; + float:left; + height:2.5em; + margin-right:.75em; + margin-top:.5em; + width:2.5em; +} +.wp-block-comments__legacy-placeholder .comment-author cite,.wp-block-post-comments .comment-author cite{ + font-style:normal; +} +.wp-block-comments__legacy-placeholder .comment-meta,.wp-block-post-comments .comment-meta{ + font-size:.875em; + line-height:1.5; +} +.wp-block-comments__legacy-placeholder .comment-meta b,.wp-block-post-comments .comment-meta b{ + font-weight:400; +} +.wp-block-comments__legacy-placeholder .comment-meta .comment-awaiting-moderation,.wp-block-post-comments .comment-meta .comment-awaiting-moderation{ + display:block; + margin-bottom:1em; + margin-top:1em; +} +.wp-block-comments__legacy-placeholder .comment-body .commentmetadata,.wp-block-post-comments .comment-body .commentmetadata{ + font-size:.875em; +} +.wp-block-comments__legacy-placeholder .comment-form-author label,.wp-block-comments__legacy-placeholder .comment-form-comment label,.wp-block-comments__legacy-placeholder .comment-form-email label,.wp-block-comments__legacy-placeholder .comment-form-url label,.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label{ + display:block; + margin-bottom:.25em; +} +.wp-block-comments__legacy-placeholder .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder .comment-form textarea,.wp-block-post-comments .comment-form input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments .comment-form textarea{ + box-sizing:border-box; + display:block; + width:100%; +} +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent{ + display:flex; + gap:.25em; +} +.wp-block-comments__legacy-placeholder .comment-form-cookies-consent #wp-comment-cookies-consent,.wp-block-post-comments .comment-form-cookies-consent #wp-comment-cookies-consent{ + margin-top:.35em; +} +.wp-block-comments__legacy-placeholder .comment-reply-title,.wp-block-post-comments .comment-reply-title{ + margin-bottom:0; +} +.wp-block-comments__legacy-placeholder .comment-reply-title :where(small),.wp-block-post-comments .comment-reply-title :where(small){ + font-size:var(--wp--preset--font-size--medium, smaller); + margin-left:.5em; +} +.wp-block-comments__legacy-placeholder .reply,.wp-block-post-comments .reply{ + font-size:.875em; + margin-bottom:1.4em; +} +.wp-block-comments__legacy-placeholder input:not([type=submit]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]),.wp-block-post-comments textarea{ + border:1px solid #949494; + font-family:inherit; + font-size:1em; +} +.wp-block-comments__legacy-placeholder input:not([type=submit]):not([type=checkbox]),.wp-block-comments__legacy-placeholder textarea,.wp-block-post-comments input:not([type=submit]):not([type=checkbox]),.wp-block-post-comments textarea{ + padding:calc(.667em + 2px); } -div[data-type="core/button"] { - display: table; +:where(.wp-block-post-comments input[type=submit]){ + border:none; } -.wp-block-buttons { - /* stylelint-disable indentation */ -} -.wp-block-buttons > .wp-block { - margin: 0; -} -.wp-block-buttons > .wp-block-button.wp-block-button.wp-block-button.wp-block-button.wp-block-button { - margin: 0; -} -.wp-block-buttons > .block-list-appender { - display: inline-flex; - align-items: center; -} -.wp-block-buttons.is-vertical > .block-list-appender .block-list-appender__toggle { - justify-content: flex-start; -} -.wp-block-buttons > .wp-block-button:focus { - box-shadow: none; -} -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] { - /* stylelint-enable indentation */ - margin-left: auto; - margin-right: auto; - margin-top: 0; - width: 100%; -} -.wp-block-buttons:not(.is-content-justification-space-between, -.is-content-justification-right, -.is-content-justification-left, -.is-content-justification-center) .wp-block[data-align=center] .wp-block-button { - margin-bottom: 0; -} - -.wp-block[data-align=center] > .wp-block-buttons { - align-items: center; - justify-content: center; +.block-library-comments-toolbar__popover .components-popover__content{ + min-width:230px; } -.wp-block[data-align=right] > .wp-block-buttons { - justify-content: flex-end; +.wp-block-comments__legacy-placeholder *{ + pointer-events:none; } -.wp-block-categories ul { - padding-left: 2.5em; -} -.wp-block-categories ul ul { - margin-top: 6px; +.wp-block-comment-author-avatar__placeholder{ + border:1px dashed; + height:100%; + width:100%; + stroke:currentColor; + stroke-dasharray:3; +} + +.wp-block[data-align=center]>.wp-block-comments-pagination{ + justify-content:center; } -.wp-block-columns :where(.wp-block) { - max-width: none; - margin-left: 0; - margin-right: 0; -} - -html :where(.wp-block-column) { - margin-top: 0; - margin-bottom: 0; +.editor-styles-wrapper .wp-block-comments-pagination{ + max-width:100%; +} +.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout{ + margin:0; } -.wp-block-comment-author-avatar__placeholder { - border: currentColor 1px dashed; - width: 100%; - height: 100%; - stroke: currentColor; - stroke-dasharray: 3; +.wp-block-comments-pagination>.wp-block-comments-pagination-next,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers,.wp-block-comments-pagination>.wp-block-comments-pagination-previous{ + margin:.5em .5em .5em 0; +} +.wp-block-comments-pagination>.wp-block-comments-pagination-next:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-numbers:last-child,.wp-block-comments-pagination>.wp-block-comments-pagination-previous:last-child{ + margin-right:0; } -.block-library-comments-toolbar__popover .components-popover__content { - min-width: 230px; +.wp-block-comments-pagination-numbers a{ + text-decoration:underline; +} +.wp-block-comments-pagination-numbers .page-numbers{ + margin-right:2px; +} +.wp-block-comments-pagination-numbers .page-numbers:last-child{ + margin-right:0; } -.wp-block[data-align=center] > .wp-block-comments-pagination { - justify-content: center; -} - -.editor-styles-wrapper .wp-block-comments-pagination { - max-width: 100%; -} -.editor-styles-wrapper .wp-block-comments-pagination.block-editor-block-list__layout { - margin: 0; +.wp-block-comments-title.has-background{ + padding:inherit; +} +.editor-styles-wrapper .wp-block-cover{ + box-sizing:border-box; +} +.wp-block-cover.is-placeholder{ + align-items:stretch; + display:flex; + min-height:240px; + padding:0 !important; +} +.wp-block-cover.is-placeholder .components-placeholder.is-large{ + justify-content:flex-start; + z-index:1; +} +.wp-block-cover.is-placeholder:focus:after{ + min-height:auto; +} +.wp-block-cover.components-placeholder h2{ + color:inherit; +} +.wp-block-cover.is-transient{ + position:relative; +} +.wp-block-cover.is-transient:before{ + background-color:#fff; + content:""; + height:100%; + opacity:.3; + position:absolute; + width:100%; + z-index:1; +} +.wp-block-cover .components-spinner{ + left:50%; + margin:0; + position:absolute; + top:50%; + transform:translate(-50%, -50%); + z-index:1; +} +.wp-block-cover .wp-block-cover__inner-container{ + margin-left:0; + margin-right:0; + text-align:left; +} +.wp-block-cover .wp-block-cover__placeholder-background-options{ + width:100%; +} +.wp-block-cover .wp-block-cover__image--placeholder-image{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; } -.wp-block-comments-pagination > .wp-block-comments-pagination-next, -.wp-block-comments-pagination > .wp-block-comments-pagination-previous, -.wp-block-comments-pagination > .wp-block-comments-pagination-numbers { - margin-left: 0; - margin-top: 0.5em; - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; -} -.wp-block-comments-pagination > .wp-block-comments-pagination-next:last-child, -.wp-block-comments-pagination > .wp-block-comments-pagination-previous:last-child, -.wp-block-comments-pagination > .wp-block-comments-pagination-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +[data-align=left]>.wp-block-cover,[data-align=right]>.wp-block-cover{ + max-width:420px; + width:100%; } -.wp-block-comments-pagination-numbers a { - text-decoration: underline; -} -.wp-block-comments-pagination-numbers .page-numbers { - margin-right: 2px; -} -.wp-block-comments-pagination-numbers .page-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; -} - -.wp-block-comments-title.has-background { - padding: inherit; +.block-library-cover__reset-button{ + margin-left:auto; } -.wp-block-cover { - /* Extra specificity needed because the reset.css applied in the editor context is overriding this rule. */ -} -.editor-styles-wrapper .wp-block-cover { - box-sizing: border-box; -} -.wp-block-cover.is-placeholder { - min-height: auto !important; - padding: 0 !important; -} -.wp-block-cover.is-placeholder .block-library-cover__resize-container { - display: none; -} -.wp-block-cover.is-placeholder .components-placeholder.is-large { - min-height: 240px; - justify-content: flex-start; - z-index: 1; -} -.wp-block-cover.is-placeholder .components-placeholder.is-large + .block-library-cover__resize-container { - min-height: 240px; - display: block; -} -.wp-block-cover.components-placeholder h2 { - color: inherit; -} -.wp-block-cover.is-transient::before { - background-color: #fff; - opacity: 0.3; -} -.wp-block-cover .components-spinner { - position: absolute; - z-index: 1; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - margin: 0; -} -.wp-block-cover .block-editor-block-list__layout { - width: 100%; -} -.wp-block-cover .wp-block-cover__inner-container { - text-align: left; - margin-left: 0; - margin-right: 0; -} -.wp-block-cover .wp-block-cover__placeholder-background-options { - width: 100%; +.block-library-cover__resize-container{ + bottom:0; + left:0; + min-height:50px; + position:absolute !important; + right:0; + top:0; +} + +.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .block-library-cover__resize-container,.components-popover.block-editor-block-popover.block-library-cover__resizable-box-popover .components-popover__content>div{ + overflow:visible; + pointer-events:none; +} + +.wp-block-cover>.components-drop-zone .components-drop-zone__content{ + opacity:.8 !important; +} + +.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover{ + background-attachment:scroll; +} + +.color-block-support-panel__inner-wrapper>:not(.block-editor-tools-panel-color-gradient-settings__item){ + margin-top:24px; } -[data-align=left] > .wp-block-cover, -[data-align=right] > .wp-block-cover { - max-width: 420px; - width: 100%; -} - -.block-library-cover__reset-button { - margin-left: auto; +.wp-block-details summary div{ + display:inline; } -.block-library-cover__resize-container { - position: absolute !important; - top: 0; - left: 0; - right: 0; - bottom: 0; - min-height: 50px; +.wp-block-embed{ + clear:both; + margin-left:0; + margin-right:0; +} +.wp-block-embed.is-loading{ + display:flex; + justify-content:center; +} +.wp-block-embed .components-placeholder__error{ + word-break:break-word; } -.block-library-cover__resize-container:not(.is-resizing) { - height: auto !important; +.wp-block-post-content .wp-block-embed__learn-more a{ + color:var(--wp-admin-theme-color); +} + +.block-library-embed__interactive-overlay{ + bottom:0; + left:0; + opacity:0; + position:absolute; + right:0; + top:0; } -.wp-block-cover > .components-drop-zone .components-drop-zone__content { - opacity: 0.8 !important; -} - -.block-editor-block-patterns-list__list-item .has-parallax.wp-block-cover { - background-attachment: scroll; -} - -.wp-block-embed { - margin-left: 0; - margin-right: 0; - clear: both; -} -.wp-block-embed.is-loading { - display: flex; - justify-content: center; -} -.wp-block-embed .components-placeholder__error { - word-break: break-word; -} -.wp-block-embed .components-placeholder__learn-more { - margin-top: 1em; -} - -.block-library-embed__interactive-overlay { - position: absolute; - top: 0; - left: 0; - right: 0; - bottom: 0; - opacity: 0; +.wp-block[data-align=left]>.wp-block-embed,.wp-block[data-align=right]>.wp-block-embed{ + max-width:360px; + width:100%; +} +.wp-block[data-align=left]>.wp-block-embed .wp-block-embed__wrapper,.wp-block[data-align=right]>.wp-block-embed .wp-block-embed__wrapper{ + min-width:280px; } -.wp-block[data-align=left] > .wp-block-embed, -.wp-block[data-align=right] > .wp-block-embed { - max-width: 360px; - width: 100%; -} -.wp-block[data-align=left] > .wp-block-embed .wp-block-embed__wrapper, -.wp-block[data-align=right] > .wp-block-embed .wp-block-embed__wrapper { - min-width: 280px; +.wp-block-file{ + align-items:center; + display:flex; + flex-wrap:wrap; + justify-content:space-between; + margin-bottom:0; +} +.wp-block[data-align=left]>.wp-block-file,.wp-block[data-align=right]>.wp-block-file{ + height:auto; +} +.wp-block[data-align=center]>.wp-block-file{ + text-align:center; +} +.wp-block-file .components-resizable-box__container{ + margin-bottom:1em; +} +.wp-block-file .wp-block-file__preview{ + height:100%; + margin-bottom:1em; + width:100%; +} +.wp-block-file .wp-block-file__preview-overlay{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; +} +.wp-block-file .wp-block-file__content-wrapper{ + flex-grow:1; +} +.wp-block-file a{ + min-width:1em; +} +.wp-block-file a:not(.wp-block-file__button){ + display:inline-block; +} +.wp-block-file .wp-block-file__button-richtext-wrapper{ + display:inline-block; + margin-left:.75em; } -.wp-block-file { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - align-items: center; - margin-bottom: 0; -} -.wp-block[data-align=left] > .wp-block-file, .wp-block[data-align=right] > .wp-block-file { - height: auto; -} -.wp-block-file .components-resizable-box__container { - margin-bottom: 1em; -} -.wp-block-file .wp-block-file__preview { - margin-bottom: 1em; - width: 100%; - height: 100%; -} -.wp-block-file .wp-block-file__preview-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} -.wp-block-file .wp-block-file__content-wrapper { - flex-grow: 1; -} -.wp-block-file a { - min-width: 1em; -} -.wp-block-file .wp-block-file__button-richtext-wrapper { - display: inline-block; - margin-left: 0.75em; +.wp-block-form-input .is-input-hidden{ + background:repeating-linear-gradient(45deg, #0000, #0000 5px, currentColor 0, currentColor 6px); + border:1px dashed; + box-sizing:border-box; + font-size:.85em; + opacity:.3; + padding:.5em; +} +.wp-block-form-input .is-input-hidden input[type=text]{ + background:#0000; +} +.wp-block-form-input.is-selected .is-input-hidden{ + background:none; + opacity:1; +} +.wp-block-form-input.is-selected .is-input-hidden input[type=text]{ + background:unset; } -.wp-block-freeform.block-library-rich-text__tinymce { - height: auto; - /* Allow height of embed iframes to be calculated properly */ - /* Remove blue highlighting of selected images in WebKit */ - /* Image captions */ - /* WP Views */ -} -.wp-block-freeform.block-library-rich-text__tinymce p, -.wp-block-freeform.block-library-rich-text__tinymce li { - line-height: 1.8; -} -.wp-block-freeform.block-library-rich-text__tinymce ul, -.wp-block-freeform.block-library-rich-text__tinymce ol { - padding-left: 2.5em; - margin-left: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce blockquote { - margin: 0; - box-shadow: inset 0 0 0 0 #ddd; - border-left: 4px solid #000; - padding-left: 1em; -} -.wp-block-freeform.block-library-rich-text__tinymce pre { - white-space: pre-wrap; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 15px; - color: #1e1e1e; -} -.wp-block-freeform.block-library-rich-text__tinymce > *:first-child { - margin-top: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce > *:last-child { - margin-bottom: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus { - outline: none; -} -.wp-block-freeform.block-library-rich-text__tinymce a { - color: var(--wp-admin-theme-color); -} -.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected] { - padding: 0 2px; - margin: 0 -2px; - border-radius: 2px; - box-shadow: 0 0 0 1px #e5f5fa; - background: #e5f5fa; -} -.wp-block-freeform.block-library-rich-text__tinymce code { - padding: 2px; - border-radius: 2px; - color: #1e1e1e; - background: #f0f0f0; - font-family: Menlo, Consolas, monaco, monospace; - font-size: 14px; -} -.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected] { - background: #ddd; -} -.wp-block-freeform.block-library-rich-text__tinymce .alignright { - /*rtl:ignore*/ - float: right; - /*rtl:ignore*/ - margin: 0.5em 0 0.5em 1em; -} -.wp-block-freeform.block-library-rich-text__tinymce .alignleft { - /*rtl:ignore*/ - float: left; - /*rtl:ignore*/ - margin: 0.5em 1em 0.5em 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .aligncenter { - display: block; - margin-left: auto; - margin-right: auto; -} -.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag { - width: 96%; - height: 20px; - display: block; - margin: 15px auto; - outline: 0; - cursor: default; - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); - background-size: 1900px 20px; - background-repeat: no-repeat; - background-position: center; -} -.wp-block-freeform.block-library-rich-text__tinymce img::selection { - background-color: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp { - -ms-user-select: element; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption { - margin: 0; - /* dl browser reset */ - max-width: 100%; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a, -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img { - display: block; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption, .wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption * { - -webkit-user-drag: none; -} -.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd { - padding-top: 0.5em; - margin: 0; - /* browser dd reset */ -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview { - width: 99.99%; - /* All IE need hasLayout, incl. 11 (ugh, not again!!) */ - position: relative; - clear: both; - margin-bottom: 16px; - border: 1px solid transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe { - display: block; - max-width: 100%; - background: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim { - display: none; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder { - border: 1px dashed #ddd; - padding: 10px; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error { - border: 1px solid #ddd; - padding: 1em 0; - margin: 0; - word-wrap: break-word; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p { - margin: 0; - text-align: center; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder, .wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error { - border-color: transparent; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons { - display: block; - margin: 0 auto; - width: 32px; - height: 32px; - font-size: 32px; -} -.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery::after { - content: ""; - display: table; - clear: both; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus { - outline: none; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery a { - cursor: default; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery { - margin: auto -6px; - padding: 6px 0; - line-height: 1; - overflow-x: hidden; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item { - float: left; - margin: 0; - text-align: center; - padding: 6px; - box-sizing: border-box; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption, -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon { - margin: 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption { - font-size: 13px; - margin: 4px 0; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item { - width: 100%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item { - width: 50%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item { - width: 33.3333333333%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item { - width: 25%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item { - width: 20%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item { - width: 16.6666666667%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { - width: 14.2857142857%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item { - width: 12.5%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item { - width: 11.1111111111%; -} -.wp-block-freeform.block-library-rich-text__tinymce .gallery img { - max-width: 100%; - height: auto; - border: none; - padding: 0; +.wp-block-form-submission-notification>*{ + background:repeating-linear-gradient(45deg, #0000, #0000 5px, currentColor 0, currentColor 6px); + border:1px dashed; + box-sizing:border-box; + opacity:.25; +} +.wp-block-form-submission-notification.is-selected>*,.wp-block-form-submission-notification:has(.is-selected)>*{ + background:none; + opacity:1; +} +.wp-block-form-submission-notification.is-selected:after,.wp-block-form-submission-notification:has(.is-selected):after{ + display:none !important; +} +.wp-block-form-submission-notification:after{ + align-items:center; + display:flex; + font-size:1.1em; + height:100%; + justify-content:center; + left:0; + position:absolute; + top:0; + width:100%; +} +.wp-block-form-submission-notification.form-notification-type-success:after{ + content:attr(data-message-success); +} +.wp-block-form-submission-notification.form-notification-type-error:after{ + content:attr(data-message-error); +} + +.wp-block-freeform.block-library-rich-text__tinymce{ + height:auto; +} +.wp-block-freeform.block-library-rich-text__tinymce li,.wp-block-freeform.block-library-rich-text__tinymce p{ + line-height:1.8; +} +.wp-block-freeform.block-library-rich-text__tinymce ol,.wp-block-freeform.block-library-rich-text__tinymce ul{ + margin-left:0; + padding-left:2.5em; +} +.wp-block-freeform.block-library-rich-text__tinymce blockquote{ + border-left:4px solid #000; + box-shadow:inset 0 0 0 0 #ddd; + margin:0; + padding-left:1em; +} +.wp-block-freeform.block-library-rich-text__tinymce pre{ + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:15px; + white-space:pre-wrap; +} +.wp-block-freeform.block-library-rich-text__tinymce>:first-child{ + margin-top:0; +} +.wp-block-freeform.block-library-rich-text__tinymce>:last-child{ + margin-bottom:0; +} +.wp-block-freeform.block-library-rich-text__tinymce.mce-edit-focus{ + outline:none; +} +.wp-block-freeform.block-library-rich-text__tinymce a{ + color:var(--wp-admin-theme-color); +} +.wp-block-freeform.block-library-rich-text__tinymce:focus a[data-mce-selected]{ + background:#e5f5fa; + border-radius:2px; + box-shadow:0 0 0 1px #e5f5fa; + margin:0 -2px; + padding:0 2px; +} +.wp-block-freeform.block-library-rich-text__tinymce code{ + background:#f0f0f0; + border-radius:2px; + color:#1e1e1e; + font-family:Menlo,Consolas,monaco,monospace; + font-size:14px; + padding:2px; +} +.wp-block-freeform.block-library-rich-text__tinymce:focus code[data-mce-selected]{ + background:#ddd; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignright{ + float:right; + margin:.5em 0 .5em 1em; +} +.wp-block-freeform.block-library-rich-text__tinymce .alignleft{ + float:left; + margin:.5em 1em .5em 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .aligncenter{ + display:block; + margin-left:auto; + margin-right:auto; +} +.wp-block-freeform.block-library-rich-text__tinymce .wp-more-tag{ + background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAADtgAAAAoBAMAAAA86gLBAAAAJFBMVEVMaXG7u7vBwcHDw8POzs68vLzGxsbMzMy+vr7AwMDQ0NDGxsYKLGzpAAAADHRSTlMA///zWf+/f///TMxNVGuqAAABwklEQVR4Ae3dMXLaQBTH4bfj8UCpx8hq0vgKvgFNemhT6Qo6gg6R+0ZahM2QLmyBJ99XWP9V5+o3jIUcLQEAAAAAAAAAAAAAAAAAAAAAAABQ8j0WL9lfTtlt18uNXAUA8O/KVtfa1tdcrOdSh9gCQAMlh1hMNbZZ1bsrsQWABsrhLRbz7z5in/32UbfUMUbkMQCAh5RfGYv82UdMdZ6HS2wjT2ILAI8r3XmM2B3WvM59vfO2xXYW2yYAENuPU8S+X/N67mKxzy225yaxBQCxLV392UdcvwV0jPVUj98ntkBWT7C7+9u2/V/vGtvXIWJ6/4rtbottWa6Ri0NUT/u72LYttrb97LHdvUXMxxrb8TO2W2TF1rYbbLG1bbGNjMi4+2Sbi1FsbbvNFlvbFtt5fDnE3d9sP1/XeIyV2Nr2U2/guZUuptNrH/dPI9eLB6SaAEBs6wPJf3/PNk9tYgsAYrv/8TFuzx/fvkFqGtrEFgDEdpcZUb7ejXy6ntrEFgDENvL6gsas4vbdyKt4DACI7TxElJv/Z7udpqFNbAFAbKduy2uU2trttM/x28UWAAAAAAAAAAAAAAAAAAAAAAAAAADgDyPwGmGTCZp7AAAAAElFTkSuQmCC); + background-position:50%; + background-repeat:no-repeat; + background-size:1900px 20px; + cursor:default; + display:block; + height:20px; + margin:15px auto; + outline:0; + width:96%; +} +.wp-block-freeform.block-library-rich-text__tinymce img::selection{ + background-color:initial; +} +.wp-block-freeform.block-library-rich-text__tinymce div.mceTemp{ + -ms-user-select:element; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption{ + margin:0; + max-width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption a,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption img{ + display:block; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption,.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption *{ + -webkit-user-drag:none; +} +.wp-block-freeform.block-library-rich-text__tinymce dl.wp-caption .wp-caption-dd{ + margin:0; + padding-top:.5em; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview{ + border:1px solid #0000; + clear:both; + margin-bottom:16px; + position:relative; + width:99.99%; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview iframe{ + background:#0000; + display:block; + max-width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .mce-shim{ + bottom:0; + left:0; + position:absolute; + right:0; + top:0; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected="2"] .mce-shim{ + display:none; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .loading-placeholder{ + border:1px dashed #ddd; + padding:10px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error{ + border:1px solid #ddd; + margin:0; + padding:1em 0; + word-wrap:break-word; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .wpview-error p{ + margin:0; + text-align:center; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .loading-placeholder,.wp-block-freeform.block-library-rich-text__tinymce .wpview[data-mce-selected] .wpview-error{ + border-color:#0000; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview .dashicons{ + display:block; + font-size:32px; + height:32px; + margin:0 auto; + width:32px; +} +.wp-block-freeform.block-library-rich-text__tinymce .wpview.wpview-type-gallery:after{ + clear:both; + content:""; + display:table; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img[data-mce-selected]:focus{ + outline:none; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery a{ + cursor:default; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery{ + line-height:1; + margin:auto -6px; + overflow-x:hidden; + padding:6px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-item{ + box-sizing:border-box; + float:left; + margin:0; + padding:6px; + text-align:center; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption,.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-icon{ + margin:0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery .gallery-caption{ + font-size:13px; + margin:4px 0; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-1 .gallery-item{ + width:100%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-2 .gallery-item{ + width:50%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-3 .gallery-item{ + width:33.3333333333%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-4 .gallery-item{ + width:25%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-5 .gallery-item{ + width:20%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-6 .gallery-item{ + width:16.6666666667%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item{ + width:14.2857142857%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-8 .gallery-item{ + width:12.5%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-9 .gallery-item{ + width:11.1111111111%; +} +.wp-block-freeform.block-library-rich-text__tinymce .gallery img{ + border:none; + height:auto; + max-width:100%; + padding:0; } -div[data-type="core/freeform"]::before { - transition: border-color 0.1s linear, box-shadow 0.1s linear; - border: 1px solid #ddd; - outline: 1px solid transparent; -} -@media (prefers-reduced-motion: reduce) { - div[data-type="core/freeform"]::before { - transition-duration: 0s; - transition-delay: 0s; +div[data-type="core/freeform"]:before{ + border:1px solid #ddd; + outline:1px solid #0000; + transition:border-color .1s linear,box-shadow .1s linear; +} +@media (prefers-reduced-motion:reduce){ + div[data-type="core/freeform"]:before{ + transition-delay:0s; + transition-duration:0s; } } -div[data-type="core/freeform"].is-selected::before { - border-color: #1e1e1e; -} -div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { - margin-top: 0; - padding-top: 0; -} -div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { - content: ""; - display: table; - clear: both; +div[data-type="core/freeform"].is-selected:before{ + border-color:#1e1e1e; +} +div[data-type="core/freeform"] .block-editor-block-contextual-toolbar+div{ + margin-top:0; + padding-top:0; +} +div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce:after{ + clear:both; + content:""; + display:table; } -.mce-toolbar-grp .mce-btn.mce-active button, -.mce-toolbar-grp .mce-btn.mce-active:hover button, -.mce-toolbar-grp .mce-btn.mce-active i, -.mce-toolbar-grp .mce-btn.mce-active:hover i { - color: #1e1e1e; -} -.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { - margin-right: 0; - margin-left: 8px; -} -.mce-toolbar-grp .mce-btn i { - font-style: normal; +.mce-toolbar-grp .mce-btn.mce-active button,.mce-toolbar-grp .mce-btn.mce-active i,.mce-toolbar-grp .mce-btn.mce-active:hover button,.mce-toolbar-grp .mce-btn.mce-active:hover i{ + color:#1e1e1e; +} +.mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last{ + margin-left:8px; + margin-right:0; +} +.mce-toolbar-grp .mce-btn i{ + font-style:normal; } -.block-library-classic__toolbar { - display: none; - width: auto; - margin: 0; - position: sticky; - z-index: 31; - top: 0; - border: 1px solid #ddd; - border-bottom: none; - border-radius: 2px; - margin-bottom: 8px; - padding: 0; -} -div[data-type="core/freeform"].is-selected .block-library-classic__toolbar { - display: block; - border-color: #1e1e1e; -} -.block-library-classic__toolbar .mce-tinymce { - box-shadow: none; -} -@media (min-width: 600px) { - .block-library-classic__toolbar { - padding: 0; +.block-library-classic__toolbar{ + border:1px solid #ddd; + border-bottom:none; + border-radius:2px; + display:none; + margin:0 0 8px; + padding:0; + position:sticky; + top:0; + width:auto; + z-index:31; +} +div[data-type="core/freeform"].is-selected .block-library-classic__toolbar{ + border-color:#1e1e1e; + display:block; +} +.block-library-classic__toolbar .mce-tinymce{ + box-shadow:none; +} +@media (min-width:600px){ + .block-library-classic__toolbar{ + padding:0; } } -.block-library-classic__toolbar:empty { - display: block; - background: #f5f5f5; - border-bottom: 1px solid #e2e4e7; -} -.block-library-classic__toolbar:empty::before { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - content: attr(data-placeholder); - color: #555d66; - line-height: 37px; - padding: 14px; -} -.block-library-classic__toolbar div.mce-toolbar-grp { - border-bottom: 1px solid #1e1e1e; -} -.block-library-classic__toolbar .mce-tinymce-inline, -.block-library-classic__toolbar .mce-tinymce-inline > div, -.block-library-classic__toolbar div.mce-toolbar-grp, -.block-library-classic__toolbar div.mce-toolbar-grp > div, -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar .mce-menubar > div { - height: auto !important; - width: 100% !important; -} -.block-library-classic__toolbar .mce-container-body.mce-abs-layout { - overflow: visible; -} -.block-library-classic__toolbar .mce-menubar, -.block-library-classic__toolbar div.mce-toolbar-grp { - position: static; -} -.block-library-classic__toolbar .mce-toolbar-grp > div { - padding: 1px 3px; -} -.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) { - display: none; -} -.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar { - display: block; +.block-library-classic__toolbar:empty{ + background:#f5f5f5; + border-bottom:1px solid #e2e4e7; + display:block; +} +.block-library-classic__toolbar:empty:before{ + color:#555d66; + content:attr(data-placeholder); + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:37px; + padding:14px; +} +.block-library-classic__toolbar div.mce-toolbar-grp{ + border-bottom:1px solid #1e1e1e; +} +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar .mce-menubar>div,.block-library-classic__toolbar .mce-tinymce-inline,.block-library-classic__toolbar .mce-tinymce-inline>div,.block-library-classic__toolbar div.mce-toolbar-grp,.block-library-classic__toolbar div.mce-toolbar-grp>div{ + height:auto !important; + width:100% !important; +} +.block-library-classic__toolbar .mce-container-body.mce-abs-layout{ + overflow:visible; +} +.block-library-classic__toolbar .mce-menubar,.block-library-classic__toolbar div.mce-toolbar-grp{ + position:static; +} +.block-library-classic__toolbar .mce-toolbar-grp>div{ + padding:1px 3px; +} +.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child){ + display:none; +} +.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar{ + display:block; +} + +.block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe{ + height:50vh !important; +} +@media (min-width:960px){ + .block-editor-freeform-modal .block-editor-freeform-modal__content:not(.is-full-screen){ + height:9999rem; + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .components-modal__header+div{ + height:100%; + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-tinymce{ + height:calc(100% - 52px); + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-container-body{ + display:flex; + flex-direction:column; + height:100%; + min-width:50vw; + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area{ + display:flex; + flex-direction:column; + flex-grow:1; + } + .block-editor-freeform-modal .block-editor-freeform-modal__content .mce-edit-area iframe{ + flex-grow:1; + height:10px !important; + } +} +.block-editor-freeform-modal__actions{ + margin-top:16px; } -figure.wp-block-gallery { - display: block; -} -figure.wp-block-gallery.has-nested-images .components-drop-zone { - display: none; - pointer-events: none; -} -figure.wp-block-gallery > .blocks-gallery-caption { - flex: 0 0 100%; -} -figure.wp-block-gallery > .blocks-gallery-media-placeholder-wrapper { - flex-basis: 100%; -} -figure.wp-block-gallery .wp-block-image .components-notice.is-error { - display: block; -} -figure.wp-block-gallery .wp-block-image .components-notice__content { - margin: 4px 0; -} -figure.wp-block-gallery .wp-block-image .components-notice__dismiss { - position: absolute; - top: 0; - right: 5px; -} -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { - display: none; -} -figure.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { - margin-bottom: 0; -} -figure.wp-block-gallery .block-editor-media-placeholder { - margin: 0; -} -figure.wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { - display: flex; -} -figure.wp-block-gallery .block-editor-media-placeholder figcaption { - z-index: 2; -} -figure.wp-block-gallery .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; -} - -/** - * Gallery inspector controls settings. - */ -.gallery-settings-buttons .components-button:first-child { - margin-right: 8px; -} - -.gallery-image-sizes .components-base-control__label { - display: block; - margin-bottom: 4px; -} -.gallery-image-sizes .gallery-image-sizes__loading { - display: flex; - align-items: center; - color: #757575; - font-size: 12px; -} -.gallery-image-sizes .components-spinner { - margin: 0 8px 0 4px; +:root :where(figure.wp-block-gallery){ + display:block; +} +:root :where(figure.wp-block-gallery)>.blocks-gallery-caption{ + flex:0 0 100%; +} +:root :where(figure.wp-block-gallery)>.blocks-gallery-media-placeholder-wrapper{ + flex-basis:100%; +} +:root :where(figure.wp-block-gallery) .wp-block-image .components-notice.is-error{ + display:block; +} +:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__content{ + margin:4px 0; +} +:root :where(figure.wp-block-gallery) .wp-block-image .components-notice__dismiss{ + position:absolute; + right:5px; + top:0; +} +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .components-placeholder__label{ + display:none; +} +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button{ + margin-bottom:0; +} +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder{ + margin:0; +} +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder .components-placeholder__label{ + display:flex; +} +:root :where(figure.wp-block-gallery) .block-editor-media-placeholder figcaption{ + z-index:2; +} +:root :where(figure.wp-block-gallery) .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; +} +.gallery-settings-buttons .components-button:first-child{ + margin-right:8px; } -/** - * Deprecated css past this point. This can be removed once all galleries are migrated - * to V2. - */ -.blocks-gallery-item figure:not(.is-selected):focus, -.blocks-gallery-item img:focus { - outline: none; -} -.blocks-gallery-item figure.is-selected::before { - box-shadow: 0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; - content: ""; - outline: 2px solid transparent; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - pointer-events: none; -} -.blocks-gallery-item figure.is-transient img { - opacity: 0.3; -} -.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { - display: inline-flex; -} -.blocks-gallery-item .block-editor-media-placeholder { - margin: 0; - height: 100%; -} -.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { - display: flex; +.gallery-image-sizes .components-base-control__label{ + display:block; + margin-bottom:4px; +} +.gallery-image-sizes .gallery-image-sizes__loading{ + align-items:center; + color:#757575; + display:flex; + font-size:12px; +} +.gallery-image-sizes .components-spinner{ + margin:0 8px 0 4px; +} +.blocks-gallery-item figure:not(.is-selected):focus,.blocks-gallery-item img:focus{ + outline:none; +} +.blocks-gallery-item figure.is-selected:before{ + bottom:0; + box-shadow:0 0 0 1px #fff inset, 0 0 0 3px var(--wp-admin-theme-color) inset; + content:""; + left:0; + outline:2px solid #0000; + pointer-events:none; + position:absolute; + right:0; + top:0; + z-index:1; +} +.blocks-gallery-item figure.is-transient img{ + opacity:.3; +} +.blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu{ + display:inline-flex; +} +.blocks-gallery-item .block-editor-media-placeholder{ + height:100%; + margin:0; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label{ + display:flex; } -.block-library-gallery-item__inline-menu { - display: none; - position: absolute; - top: -2px; - margin: 8px; - z-index: 20; - transition: box-shadow 0.2s ease-out; - border-radius: 2px; - background: #fff; - border: 1px solid #1e1e1e; -} -@media (prefers-reduced-motion: reduce) { - .block-library-gallery-item__inline-menu { - transition-duration: 0s; - transition-delay: 0s; +.block-library-gallery-item__inline-menu{ + background:#fff; + border:1px solid #1e1e1e; + border-radius:2px; + display:none; + margin:8px; + position:absolute; + top:-2px; + transition:box-shadow .2s ease-out; + z-index:20; +} +@media (prefers-reduced-motion:reduce){ + .block-library-gallery-item__inline-menu{ + transition-delay:0s; + transition-duration:0s; } } -.block-library-gallery-item__inline-menu:hover { - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -} -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu, .columns-8 .block-library-gallery-item__inline-menu { - padding: 2px; +.block-library-gallery-item__inline-menu:hover{ + box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; +} +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu,.columns-8 .block-library-gallery-item__inline-menu{ + padding:2px; } } -.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus) { - border: none; - box-shadow: none; -} -@media (min-width: 600px) { - .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon, .columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon { - padding: 0; - width: inherit; - height: inherit; +.block-library-gallery-item__inline-menu .components-button.has-icon:not(:focus){ + border:none; + box-shadow:none; +} +@media (min-width:600px){ + .columns-7 .block-library-gallery-item__inline-menu .components-button.has-icon,.columns-8 .block-library-gallery-item__inline-menu .components-button.has-icon{ + height:inherit; + padding:0; + width:inherit; } } -.block-library-gallery-item__inline-menu.is-left { - left: -2px; -} -.block-library-gallery-item__inline-menu.is-right { - right: -2px; +.block-library-gallery-item__inline-menu.is-left{ + left:-2px; +} +.block-library-gallery-item__inline-menu.is-right{ + right:-2px; } -.wp-block-gallery ul.blocks-gallery-grid { - padding: 0; - margin: 0; +.wp-block-gallery ul.blocks-gallery-grid{ + margin:0; + padding:0; } -@media (min-width: 600px) { - .wp-block-update-gallery-modal { - max-width: 480px; +@media (min-width:600px){ + .wp-block-update-gallery-modal{ + max-width:480px; } } -.wp-block-update-gallery-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; +.wp-block-update-gallery-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; +} +.wp-block-group .block-editor-block-list__insertion-point{ + left:0; + right:0; } -/** - * Group: All Alignment Settings - */ -.wp-block-group .block-editor-block-list__insertion-point { - left: 0; - right: 0; -} - -[data-type="core/group"].is-selected .block-list-appender { - margin-left: 0; - margin-right: 0; -} -[data-type="core/group"].is-selected .has-background .block-list-appender { - margin-top: 18px; - margin-bottom: 18px; +[data-type="core/group"].is-selected .block-list-appender{ + margin-left:0; + margin-right:0; +} +[data-type="core/group"].is-selected .has-background .block-list-appender{ + margin-bottom:18px; + margin-top:18px; } -.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child { - gap: inherit; - pointer-events: none; -} -.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child, -.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-default-block-appender__content, -.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter { - display: inherit; - width: 100%; - flex-direction: inherit; - flex: 1; -} -.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child::after { - content: ""; - display: flex; - border: 1px dashed currentColor; - opacity: 0.4; - border-radius: 2px; - flex: 1; - pointer-events: none; - min-height: 48px; -} -.is-layout-flex.block-editor-block-list__block .block-list-appender:only-child .block-editor-inserter { - pointer-events: all; +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child{ + gap:inherit; + pointer-events:none; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-default-block-appender__content,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + display:inherit; + flex:1; + flex-direction:inherit; + width:100%; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after{ + border:1px dashed; + border-radius:2px; + content:""; + display:flex; + flex:1 0 48px; + min-height:46px; + pointer-events:none; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child:after:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} +.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-button-block-appender,.wp-block-group.is-layout-flex.block-editor-block-list__block>.block-list-appender:only-child .block-editor-inserter{ + pointer-events:all; } -.block-library-html__edit .block-library-html__preview-overlay { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; -} -.block-library-html__edit .block-editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace !important; - color: #1e1e1e !important; - background: #fff !important; - padding: 12px !important; - border: 1px solid #1e1e1e !important; - box-shadow: none !important; - border-radius: 2px !important; - max-height: 250px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; -} -@media (min-width: 600px) { - .block-library-html__edit .block-editor-plain-text { - font-size: 13px !important; +.block-library-html__edit .block-library-html__preview-overlay{ + height:100%; + left:0; + position:absolute; + top:0; + width:100%; +} +.block-library-html__edit .block-editor-plain-text{ + background:#fff !important; + border:1px solid #1e1e1e !important; + border-radius:2px !important; + box-shadow:none !important; + box-sizing:border-box; + color:#1e1e1e !important; + direction:ltr; + font-family:Menlo,Consolas,monaco,monospace !important; + font-size:16px !important; + max-height:250px; + padding:12px !important; +} +@media (min-width:600px){ + .block-library-html__edit .block-editor-plain-text{ + font-size:13px !important; } } -.block-library-html__edit .block-editor-plain-text:focus { - border-color: var(--wp-admin-theme-color) !important; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important; - outline: 2px solid transparent !important; -} - -figure.wp-block-image:not(.wp-block) { - margin: 0; +.block-library-html__edit .block-editor-plain-text:focus{ + border-color:var(--wp-admin-theme-color) !important; + box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important; + outline:2px solid #0000 !important; } -.wp-block-image { - position: relative; -} -.wp-block-image .is-applying img, .wp-block-image.is-transient img { - opacity: 0.3; -} -.wp-block-image figcaption img { - display: inline; -} -.wp-block-image .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; -} -.wp-block-image:not(.is-style-rounded) > div:not(.components-placeholder) { - border-radius: inherit; +.wp-block-image.wp-block-image.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; + filter:none !important; +} +.wp-block-image.wp-block-image.is-selected .components-placeholder>svg{ + opacity:0; +} +.wp-block-image.wp-block-image.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; +} +.wp-block-image.wp-block-image .block-bindings-media-placeholder-message,.wp-block-image.wp-block-image.is-selected .components-placeholder:before{ + opacity:0; +} +.wp-block-image.wp-block-image.is-selected .block-bindings-media-placeholder-message{ + opacity:1; +} +.wp-block-image.wp-block-image .components-button,.wp-block-image.wp-block-image .components-placeholder__instructions,.wp-block-image.wp-block-image .components-placeholder__label{ + transition:none; +} + +figure.wp-block-image:not(.wp-block){ + margin:0; } -.wp-block-image .components-resizable-box__container { - display: inline-block; -} -.wp-block-image .components-resizable-box__container img { - display: block; - width: inherit; - height: inherit; +.wp-block-image{ + position:relative; +} +.wp-block-image .is-applying img,.wp-block-image.is-transient img{ + opacity:.3; +} +.wp-block-image figcaption img{ + display:inline; +} +.wp-block-image .components-spinner{ + left:50%; + position:absolute; + top:50%; + transform:translate(-50%, -50%); } -.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - position: absolute; - left: 0; - right: 0; - margin: -1px 0; -} -@media (min-width: 600px) { - .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal { - margin: -1px; +.wp-block-image .components-resizable-box__container{ + display:table; +} +.wp-block-image .components-resizable-box__container img{ + display:block; + height:inherit; + width:inherit; +} + +.block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + left:0; + margin:-1px 0; + position:absolute; + right:0; +} +@media (min-width:600px){ + .block-editor-block-list__block[data-type="core/image"] .block-editor-block-toolbar .block-editor-url-input__button-modal{ + margin:-1px; } } -[data-align=wide] > .wp-block-image img, -[data-align=full] > .wp-block-image img { - height: auto; - width: 100%; +[data-align=full]>.wp-block-image img,[data-align=wide]>.wp-block-image img{ + height:auto; + width:100%; } -.wp-block[data-align=left] > .wp-block-image, -.wp-block[data-align=center] > .wp-block-image, -.wp-block[data-align=right] > .wp-block-image { - display: table; -} -.wp-block[data-align=left] > .wp-block-image > figcaption, -.wp-block[data-align=center] > .wp-block-image > figcaption, -.wp-block[data-align=right] > .wp-block-image > figcaption { - display: table-caption; - caption-side: bottom; +.wp-block[data-align=center]>.wp-block-image,.wp-block[data-align=left]>.wp-block-image,.wp-block[data-align=right]>.wp-block-image{ + display:table; +} +.wp-block[data-align=center]>.wp-block-image>figcaption,.wp-block[data-align=left]>.wp-block-image>figcaption,.wp-block[data-align=right]>.wp-block-image>figcaption{ + caption-side:bottom; + display:table-caption; } -.wp-block[data-align=left] > .wp-block-image { - margin-right: 1em; - margin-left: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=left]>.wp-block-image{ + margin:.5em 1em .5em 0; } -.wp-block[data-align=right] > .wp-block-image { - margin-left: 1em; - margin-right: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; +.wp-block[data-align=right]>.wp-block-image{ + margin:.5em 0 .5em 1em; } -.wp-block[data-align=center] > .wp-block-image { - margin-left: auto; - margin-right: auto; - text-align: center; +.wp-block[data-align=center]>.wp-block-image{ + margin-left:auto; + margin-right:auto; + text-align:center; } -.wp-block-image__crop-area { - position: relative; - max-width: 100%; - width: 100%; -} - -.wp-block-image__crop-icon { - padding: 0 8px; - min-width: 48px; - display: flex; - justify-content: center; - align-items: center; -} -.wp-block-image__crop-icon svg { - fill: currentColor; +.wp-block-image__crop-area{ + max-width:100%; + overflow:hidden; + position:relative; + width:100%; +} +.wp-block-image__crop-area .reactEasyCrop_Container{ + pointer-events:auto; +} +.wp-block-image__crop-area .reactEasyCrop_Container .reactEasyCrop_Image{ + border:none; + border-radius:0; } -.wp-block-image__zoom .components-popover__content { - overflow: visible; - min-width: 260px; -} -.wp-block-image__zoom .components-range-control { - flex: 1; -} -.wp-block-image__zoom .components-base-control__field { - display: flex; - margin-bottom: 0; - flex-direction: column; - align-items: flex-start; +.wp-block-image__crop-icon{ + align-items:center; + display:flex; + justify-content:center; + min-width:48px; + padding:0 8px; +} +.wp-block-image__crop-icon svg{ + fill:currentColor; } -.wp-block-image__aspect-ratio { - height: 46px; - margin-bottom: -8px; - display: flex; - align-items: center; -} -.wp-block-image__aspect-ratio .components-button { - width: 36px; - padding-left: 0; - padding-right: 0; +.wp-block-image__zoom .components-popover__content{ + min-width:260px; + overflow:visible !important; +} + +.wp-block-image__toolbar_content_textarea{ + width:250px; +} + +.wp-block-latest-posts>li{ + overflow:hidden; +} + +.wp-block-latest-posts li a>div{ + display:inline; } -.wp-block-latest-posts { - padding-left: 2.5em; -} -.wp-block-latest-posts.is-grid { - padding-left: 0; +.editor-latest-posts-image-alignment-control .components-base-control__label{ + display:block; +} +.editor-latest-posts-image-alignment-control .components-toolbar{ + border-radius:2px; } -.wp-block-latest-posts li a > div { - display: inline; +:root :where(.wp-block-latest-posts){ + padding-left:2.5em; } -.edit-post-visual-editor .wp-block-latest-posts.is-grid li { - margin-bottom: 20px; +:root :where(.wp-block-latest-posts.is-grid),:root :where(.wp-block-latest-posts__list){ + padding-left:0; } -.editor-latest-posts-image-alignment-control .components-base-control__label { - display: block; -} -.editor-latest-posts-image-alignment-control .components-toolbar { - border-radius: 2px; +.wp-block-media-text__media{ + position:relative; +} +.wp-block-media-text__media.is-transient img{ + opacity:.3; +} +.wp-block-media-text__media .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } -.wp-block-media-text__media { - position: relative; -} -.wp-block-media-text__media.is-transient img { - opacity: 0.3; -} -.wp-block-media-text__media .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.wp-block-media-text .__resizable_base__{ + grid-column:1 / span 2; + grid-row:2; } -.wp-block-media-text .__resizable_base__ { - grid-column: 1/span 2; - grid-row: 2; -} - -.wp-block-media-text .editor-media-container__resizer { - width: 100% !important; +.wp-block-media-text .editor-media-container__resizer{ + width:100% !important; } -.wp-block-media-text.is-image-fill .editor-media-container__resizer { - height: 100% !important; -} - -.wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { - max-width: unset; -} - -.block-editor-block-list__block[data-type="core/more"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.wp-block-media-text.is-image-fill .components-placeholder.has-illustration,.wp-block-media-text.is-image-fill .editor-media-container__resizer{ + height:100% !important; } -.wp-block-more { - display: block; - text-align: center; - white-space: nowrap; -} -.wp-block-more input[type=text] { - position: relative; - font-size: 13px; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border: none; - box-shadow: none; - white-space: nowrap; - text-align: center; - margin: 0; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; - max-width: 100%; -} -.wp-block-more input[type=text]:focus { - box-shadow: none; -} -.wp-block-more::before { - content: ""; - position: absolute; - top: calc(50%); - left: 0; - right: 0; - border-top: 3px dashed #ccc; +.wp-block-media-text>.block-editor-block-list__layout>.block-editor-block-list__block{ + max-width:unset; +} +.wp-block-media-text--placeholder-image{ + min-height:205px; +} + +.block-editor-block-list__block[data-type="core/more"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -/** - * Editor only CSS. - */ -.editor-styles-wrapper .wp-block-navigation ul { - margin-top: 0; - margin-bottom: 0; - margin-left: 0; - padding-left: 0; -} -.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block { - margin: revert; -} - -.wp-block-navigation-item__label { - display: inline; -} - -/** - * Submenus. - */ -.wp-block-navigation__container.is-parent-of-selected-block { - visibility: visible; - opacity: 1; - overflow: visible; +.wp-block-more{ + display:block; + text-align:center; + white-space:nowrap; +} +.wp-block-more input[type=text]{ + background:#fff; + border:none; + border-radius:4px; + box-shadow:none; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + margin:0; + max-width:100%; + padding:6px 8px; + position:relative; + text-align:center; + text-transform:uppercase; + white-space:nowrap; +} +.wp-block-more input[type=text]:focus{ + box-shadow:none; +} +.wp-block-more:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; +} +.editor-styles-wrapper .wp-block-navigation ul{ + margin-bottom:0; + margin-left:0; + margin-top:0; + padding-left:0; +} +.editor-styles-wrapper .wp-block-navigation .wp-block-navigation-item.wp-block{ + margin:revert; } -.wp-block-navigation__container, -.wp-block-navigation-item { - background-color: inherit; +.wp-block-navigation-item__label{ + display:inline; +} +.wp-block-navigation-item,.wp-block-navigation__container{ + background-color:inherit; } -.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation__submenu-container { - opacity: 0; - visibility: hidden; +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover>.wp-block-navigation__submenu-container{ + opacity:0; + visibility:hidden; } -.has-child.is-selected > .wp-block-navigation__submenu-container, .has-child.has-child-selected > .wp-block-navigation__submenu-container { - display: flex; - opacity: 1; - visibility: visible; +.has-child.has-child-selected>.wp-block-navigation__submenu-container,.has-child.is-selected>.wp-block-navigation__submenu-container{ + display:flex; + opacity:1; + visibility:visible; } -.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation__submenu-container { - opacity: 1; - visibility: visible; +.is-dragging-components-draggable .has-child.is-dragging-within>.wp-block-navigation__submenu-container{ + opacity:1; + visibility:visible; } -.is-editing > .wp-block-navigation__container { - visibility: visible; - opacity: 1; - display: flex; - flex-direction: column; +.is-editing>.wp-block-navigation__container{ + display:flex; + flex-direction:column; + opacity:1; + visibility:visible; } -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container { - opacity: 1; - visibility: hidden; -} -.is-dragging-components-draggable .wp-block-navigation-link > .wp-block-navigation__container .block-editor-block-draggable-chip-wrapper { - visibility: visible; +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container{ + opacity:1; + visibility:hidden; +} +.is-dragging-components-draggable .wp-block-navigation-link>.wp-block-navigation__container .block-editor-block-draggable-chip-wrapper{ + visibility:visible; } -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender { - display: block; - position: static; - width: 100%; -} -.is-editing > .wp-block-navigation__submenu-container > .block-list-appender .block-editor-button-block-appender { - color: #fff; - background: #1e1e1e; - padding: 0; - width: 24px; - border-radius: 2px; - margin-right: 0; - margin-left: auto; +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender{ + display:block; + position:static; + width:100%; +} +.is-editing>.wp-block-navigation__submenu-container>.block-list-appender .block-editor-button-block-appender{ + background:#1e1e1e; + border-radius:2px; + color:#fff; + margin-left:auto; + margin-right:0; + padding:0; + width:24px; } -.wp-block-navigation__submenu-container .block-list-appender { - display: none; +.wp-block-navigation__submenu-container .block-list-appender{ + display:none; +} +.block-library-colors-selector{ + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__toggle{ + display:block; + margin:0 auto; + padding:3px; + width:auto; +} +.block-library-colors-selector .block-library-colors-selector__icon-container{ + align-items:center; + border-radius:4px; + display:flex; + height:30px; + margin:0 auto; + padding:3px; + position:relative; +} +.block-library-colors-selector .block-library-colors-selector__state-selection{ + border-radius:11px; + box-shadow:inset 0 0 0 1px #0003; + height:22px; + line-height:20px; + margin-left:auto; + margin-right:auto; + min-height:22px; + min-width:22px; + padding:2px; + width:22px; +} +.block-library-colors-selector .block-library-colors-selector__state-selection>svg{ + min-width:auto !important; +} +.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg,.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color>svg path{ + color:inherit; } -/** - * Colors Selector component - */ -.block-library-colors-selector { - width: auto; -} -.block-library-colors-selector .block-library-colors-selector__toggle { - display: block; - margin: 0 auto; - padding: 3px; - width: auto; -} -.block-library-colors-selector .block-library-colors-selector__icon-container { - height: 30px; - position: relative; - margin: 0 auto; - padding: 3px; - display: flex; - align-items: center; - border-radius: 4px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection { - margin-left: auto; - margin-right: auto; - border-radius: 11px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2); - width: 22px; - min-width: 22px; - height: 22px; - min-height: 22px; - line-height: 20px; - padding: 2px; -} -.block-library-colors-selector .block-library-colors-selector__state-selection > svg { - min-width: auto !important; -} -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg, -.block-library-colors-selector .block-library-colors-selector__state-selection.has-text-color > svg path { - color: inherit; +.block-library-colors-selector__popover .color-palette-controller-container{ + padding:16px; +} +.block-library-colors-selector__popover .components-base-control__label{ + height:20px; + line-height:20px; +} +.block-library-colors-selector__popover .component-color-indicator{ + float:right; + margin-top:2px; +} +.block-library-colors-selector__popover .components-panel__body-title{ + display:none; +} + +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender{ + background-color:#1e1e1e; + color:#fff; +} +.wp-block-navigation .wp-block+.block-list-appender .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender{ + padding:0; } -.block-library-colors-selector__popover .color-palette-controller-container { - padding: 16px; -} -.block-library-colors-selector__popover .components-base-control__label { - height: 20px; - line-height: 20px; -} -.block-library-colors-selector__popover .component-color-indicator { - float: right; - margin-top: 2px; -} -.block-library-colors-selector__popover .components-panel__body-title { - display: none; -} - -.wp-block-navigation .block-editor-button-block-appender { - background-color: #1e1e1e; - color: #fff; -} -.wp-block-navigation .block-editor-button-block-appender.block-editor-button-block-appender.block-editor-button-block-appender { - padding: 0; -} - -.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender { - background-color: transparent; - color: #1e1e1e; -} - -/** - * Setup state - */ -@keyframes loadingpulse { - 0% { - opacity: 1; +.wp-block-navigation .wp-block .wp-block .block-editor-button-block-appender{ + background-color:initial; + color:#1e1e1e; +} +@keyframes loadingpulse{ + 0%{ + opacity:1; + } + 50%{ + opacity:.5; + } + to{ + opacity:1; } - 50% { - opacity: 0.5; - } - 100% { - opacity: 1; - } -} -.components-placeholder.wp-block-navigation-placeholder { - outline: none; - padding: 0; - box-shadow: none; - background: none; - min-height: 0; - color: inherit; -} -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset { - font-size: inherit; -} -.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button { - margin-bottom: 0; -} -.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder { - color: #1e1e1e; +} +.components-placeholder.wp-block-navigation-placeholder{ + background:none; + box-shadow:none; + color:inherit; + min-height:0; + outline:none; + padding:0; +} +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset{ + font-size:inherit; +} +.components-placeholder.wp-block-navigation-placeholder .components-placeholder__fieldset .components-button{ + margin-bottom:0; +} +.wp-block-navigation.is-selected .components-placeholder.wp-block-navigation-placeholder{ + color:#1e1e1e; } -.wp-block-navigation-placeholder .components-spinner { - margin-top: 0; +.wp-block-navigation-placeholder__preview{ + align-items:center; + background:#0000; + color:currentColor; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + min-width:96px; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview{ + display:none; +} +.wp-block-navigation-placeholder__preview:before{ + border:1px dashed; + border-radius:2px; + border-radius:inherit; + bottom:0; + content:""; + display:block; + left:0; + pointer-events:none; + position:absolute; + right:0; + top:0; +} +.wp-block-navigation-placeholder__preview:before:before{ + background:currentColor; + bottom:0; + content:""; + left:0; + opacity:.1; + pointer-events:none; + position:absolute; + right:0; + top:0; +} +.wp-block-navigation-placeholder__preview>svg{ + fill:currentColor; } -.wp-block-navigation-placeholder__preview { - display: flex; - align-items: center; - min-width: 96px; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: currentColor; - background: transparent; -} -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { - display: none; -} -.wp-block-navigation-placeholder__preview::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border: 1px dashed currentColor; - opacity: 0.4; - pointer-events: none; - border-radius: inherit; -} -.wp-block-navigation-placeholder__preview > svg { - fill: currentColor; - opacity: 0.4; +.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset,.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset{ + min-height:90px; } -.wp-block-navigation.is-vertical .is-small .components-placeholder__fieldset, -.wp-block-navigation.is-vertical .is-medium .components-placeholder__fieldset { - min-height: 90px; +.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset{ + min-height:132px; } -.wp-block-navigation.is-vertical .is-large .components-placeholder__fieldset { - min-height: 132px; -} - -.wp-block-navigation-placeholder__preview, -.wp-block-navigation-placeholder__controls { - padding: 6px 8px; - flex-direction: row; - align-items: flex-start; +.wp-block-navigation-placeholder__controls,.wp-block-navigation-placeholder__preview{ + align-items:flex-start; + flex-direction:row; + padding:6px 8px; } -.wp-block-navigation-placeholder__controls { - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; - display: none; - position: relative; - z-index: 1; - float: left; - width: 100%; -} -.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { - display: flex; -} -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator, -.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator + hr { - display: none; -} -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { - flex-direction: column; - align-items: flex-start; -} -.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr, .wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr { - display: none; -} -.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { - margin-right: 12px; - height: 36px; +.wp-block-navigation-placeholder__controls{ + background-color:#fff; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + display:none; + float:left; + position:relative; + width:100%; + z-index:1; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls{ + display:flex; +} +.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator,.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator+hr{ + display:none; +} +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions{ + align-items:flex-start; + flex-direction:column; +} +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr,.wp-block-navigation.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions hr{ + display:none; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon{ + height:36px; + margin-right:12px; } -.wp-block-navigation-placeholder__actions__indicator { - display: flex; - padding: 0 6px 0 0; - align-items: center; - justify-content: flex-start; - line-height: 0; - height: 36px; - margin-left: 4px; -} -.wp-block-navigation-placeholder__actions__indicator svg { - margin-right: 4px; - fill: currentColor; +.wp-block-navigation-placeholder__actions__indicator{ + align-items:center; + display:flex; + height:36px; + justify-content:flex-start; + line-height:0; + margin-left:4px; + padding:0 6px 0 0; +} +.wp-block-navigation-placeholder__actions__indicator svg{ + margin-right:4px; + fill:currentColor; } -.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset { - flex-direction: row !important; +.wp-block-navigation .components-placeholder.is-medium .components-placeholder__fieldset{ + flex-direction:row !important; } -.wp-block-navigation-placeholder__actions { - display: flex; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - gap: 6px; - align-items: center; - height: 100%; -} -.wp-block-navigation-placeholder__actions .components-dropdown, -.wp-block-navigation-placeholder__actions > .components-button { - margin-right: 0; -} -.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr { - border: 0; - min-height: 1px; - min-width: 1px; - background-color: #1e1e1e; - margin: auto 0; - height: 100%; - max-height: 16px; -} - -/** - * Mobile menu. - */ -@media (min-width: 600px) { - .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close { - display: none; +.wp-block-navigation-placeholder__actions{ + align-items:center; + display:flex; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + gap:6px; + height:100%; +} +.wp-block-navigation-placeholder__actions .components-dropdown,.wp-block-navigation-placeholder__actions>.components-button{ + margin-right:0; +} +.wp-block-navigation-placeholder__actions.wp-block-navigation-placeholder__actions hr{ + background-color:#1e1e1e; + border:0; + height:100%; + margin:auto 0; + max-height:16px; + min-height:1px; + min-width:1px; +} +@media (min-width:600px){ + .wp-block-navigation__responsive-container:not(.is-menu-open) .components-button.wp-block-navigation__responsive-container-close{ + display:none; } } -.wp-block-navigation__responsive-container.is-menu-open { - position: fixed; - top: 155px; -} -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - top: 93px; +.wp-block-navigation__responsive-container.is-menu-open{ + position:fixed; + top:155px; +} +@media (min-width:782px){ + .wp-block-navigation__responsive-container.is-menu-open{ + left:36px; + top:93px; } } -@media (min-width: 782px) { - .wp-block-navigation__responsive-container.is-menu-open { - left: 36px; - } -} -@media (min-width: 960px) { - .wp-block-navigation__responsive-container.is-menu-open { - left: 160px; +@media (min-width:960px){ + .wp-block-navigation__responsive-container.is-menu-open{ + left:160px; } } -@media (min-width: 782px) { - .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; +@media (min-width:782px){ + .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } } -.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 141px; -} - -.is-sidebar-opened .wp-block-navigation__responsive-container.is-menu-open { - right: 280px; -} - -.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - left: 0; - top: 155px; -} -@media (min-width: 782px) { - .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open { - top: 61px; - } -} -@media (min-width: 782px) { - .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; - } -} -.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open, -.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open { - top: 109px; +.is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:141px; } -body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open { - top: 0; - right: 0; - bottom: 0; - left: 0; +.is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + left:0; + top:155px; +} +@media (min-width:782px){ + .is-fullscreen-mode .wp-block-navigation__responsive-container.is-menu-open{ + top:61px; + } + .is-fullscreen-mode .has-fixed-toolbar .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; + } +} +.is-fullscreen-mode .is-mobile-preview .wp-block-navigation__responsive-container.is-menu-open,.is-fullscreen-mode .is-tablet-preview .wp-block-navigation__responsive-container.is-menu-open{ + top:109px; } -@media (min-width: 600px) { - .wp-block-navigation__responsive-close { - pointer-events: none; - } - .wp-block-navigation__responsive-close .wp-block-navigation__responsive-container-close, -.wp-block-navigation__responsive-close .block-editor-block-list__layout * { - pointer-events: all; - } -} -.wp-block-navigation__responsive-close .wp-block-pages-list__item__link { - pointer-events: none; +body.editor-styles-wrapper .wp-block-navigation__responsive-container.is-menu-open{ + bottom:0; + left:0; + right:0; + top:0; } -.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open, -.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close { - padding: 0; - height: auto; - color: inherit; +.components-button.wp-block-navigation__responsive-container-close.wp-block-navigation__responsive-container-close,.components-button.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open{ + color:inherit; + height:auto; + padding:0; } -.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { - margin-top: 16px; +.components-heading.wp-block-navigation-off-canvas-editor__title{ + margin:0; } -@keyframes fadein { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -.wp-block-navigation .components-spinner { - padding: 8px 12px; +.wp-block-navigation-off-canvas-editor__header{ + margin-bottom:8px; +} + +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender{ + margin-top:16px; } -.wp-block-navigation__unsaved-changes { - position: relative; -} -.wp-block-navigation__unsaved-changes .components-spinner { - position: absolute; - top: calc(50% - 16px / 2); - left: calc(50% - 16px / 2); - opacity: 0; - animation: 0.5s linear 2s normal forwards fadein; +@keyframes fadein{ + 0%{ + opacity:0; + } + to{ + opacity:1; + } +} +.wp-block-navigation__loading-indicator-container{ + padding:8px 12px; } -@keyframes fadeouthalf { - 0% { - opacity: 1; - } - 100% { - opacity: 0.5; - } -} -.wp-block-navigation__unsaved-changes-overlay.is-saving { - opacity: 1; - animation: 0.5s linear 2s normal forwards fadeouthalf; -} - -.wp-block-navigation-delete-menu-button { - width: 100%; - justify-content: center; - margin-bottom: 16px; +.wp-block-navigation .wp-block-navigation__uncontrolled-inner-blocks-loading-indicator{ + margin-top:0; } -.wp-block-navigation__overlay-menu-preview { - display: flex; - align-items: center; - width: 100%; - background-color: #f0f0f0; - padding: 0 24px; - height: 64px; - margin-bottom: 12px; -} -.wp-block-navigation__overlay-menu-preview.open { - box-shadow: inset 0 0 0 1px #e0e0e0; - outline: 1px solid transparent; - background-color: #fff; +@keyframes fadeouthalf{ + 0%{ + opacity:1; + } + to{ + opacity:.5; + } +} +.wp-block-navigation-delete-menu-button{ + justify-content:center; + margin-bottom:16px; + width:100%; } -.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty { - display: none; -} - -.wp-block-navigation-placeholder__actions hr + hr { - display: none; +.components-button.is-link.wp-block-navigation-manage-menus-button{ + margin-bottom:16px; } -/** - * Submenus. - */ -.wp-block-navigation .has-child { - cursor: pointer; -} -.wp-block-navigation .has-child .wp-block-navigation__submenu-container { - z-index: 28; -} -.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container { - z-index: 29; -} -.wp-block-navigation .has-child.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - overflow: visible !important; +.wp-block-navigation__overlay-menu-preview{ + align-items:center; + background-color:#f0f0f0; + display:flex; + height:64px; + justify-content:space-between; + margin-bottom:12px; + padding:0 24px; + width:100%; +} +.wp-block-navigation__overlay-menu-preview.open{ + background-color:#fff; + box-shadow:inset 0 0 0 1px #e0e0e0; + outline:1px solid #0000; } -/** - * Navigation Items. - */ -.wp-block-navigation-item .wp-block-navigation-item__content { - cursor: text; -} -.wp-block-navigation-item.is-editing, .wp-block-navigation-item.is-selected { - min-width: 20px; -} -.wp-block-navigation-item .block-list-appender { - margin-top: 16px; - margin-right: auto; - margin-bottom: 16px; - margin-left: 16px; +.wp-block-navigation-placeholder__actions hr+hr,.wp-block-navigation__toolbar-menu-selector.components-toolbar-group:empty{ + display:none; +} +.wp-block-navigation__navigation-selector{ + margin-bottom:16px; + width:100%; } -.wp-block-navigation-link__invalid-item { - color: #000; +.wp-block-navigation__navigation-selector-button{ + border:1px solid; + justify-content:space-between; + width:100%; } -.wp-block-navigation-link__missing_text-tooltip { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; +.wp-block-navigation__navigation-selector-button__icon{ + flex:0 0 auto; } -/** - * Menu item setup state. Is shown when a menu item has no URL configured. - */ -.wp-block-navigation-link__placeholder { - position: relative; - text-decoration: none !important; - box-shadow: none !important; - background-image: none !important; -} -.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: var(--wp-admin-theme-color); - background-image: linear-gradient(45deg, transparent 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, transparent 46%), linear-gradient(135deg, transparent 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, transparent 80%); - background-position: 0 100%; - background-size: 6px 3px; - background-repeat: repeat-x; - padding-bottom: 0.1em; -} -.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span { - --wp-underline-color: #fff; -} -.wp-block-navigation-link__placeholder.wp-block-navigation-item__content { - cursor: pointer; +.wp-block-navigation__navigation-selector-button__label{ + flex:0 1 auto; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; } -/** -* Link Control Transforms -*/ -.link-control-transform { - border-top: 1px solid #ccc; - padding: 0 16px 8px 16px; +.wp-block-navigation__navigation-selector-button--createnew{ + border:1px solid; + margin-bottom:16px; + width:100%; } -.link-control-transform__subheading { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - color: #1e1e1e; - margin-bottom: 1.5em; +.wp-block-navigation__responsive-container-open.components-button{ + opacity:1; } -.link-control-transform__items { - display: flex; - justify-content: space-between; -} - -.link-control-transform__item { - flex-basis: 33%; - flex-direction: column; - gap: 8px; - height: auto; -} - -.wp-block-navigation-submenu { - display: block; -} -.wp-block-navigation-submenu .wp-block-navigation__submenu-container { - z-index: 28; -} -.wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container { - visibility: visible !important; - opacity: 1 !important; - min-width: 200px !important; - height: auto !important; - width: auto !important; - position: absolute; - left: -1px; - top: 100%; -} -@media (min-width: 782px) { - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { - left: 100%; - top: -1px; - } - .wp-block-navigation-submenu.is-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before, .wp-block-navigation-submenu.has-child-selected > .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container::before { - content: ""; - position: absolute; - right: 100%; - height: 100%; - display: block; - width: 0.5em; - background: transparent; +.wp-block-navigation__menu-inspector-controls{ + overflow-x:auto; + scrollbar-color:#0000 #0000; + scrollbar-gutter:stable both-edges; + scrollbar-width:thin; + will-change:transform; +} +.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar{ + height:12px; + width:12px; +} +.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-track{ + background-color:initial; +} +.wp-block-navigation__menu-inspector-controls::-webkit-scrollbar-thumb{ + background-clip:padding-box; + background-color:initial; + border:3px solid #0000; + border-radius:8px; +} +.wp-block-navigation__menu-inspector-controls:focus-within::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:focus::-webkit-scrollbar-thumb,.wp-block-navigation__menu-inspector-controls:hover::-webkit-scrollbar-thumb{ + background-color:#949494; +} +.wp-block-navigation__menu-inspector-controls:focus,.wp-block-navigation__menu-inspector-controls:focus-within,.wp-block-navigation__menu-inspector-controls:hover{ + scrollbar-color:#949494 #0000; +} +@media (hover:none){ + .wp-block-navigation__menu-inspector-controls{ + scrollbar-color:#949494 #0000; } } -.block-editor-block-list__block[data-type="core/nextpage"] { - max-width: 100%; - text-align: center; - margin-top: 28px; - margin-bottom: 28px; +.wp-block-navigation__menu-inspector-controls__empty-message{ + margin-left:24px; +} +.wp-block-navigation .block-list-appender{ + position:relative; +} +.wp-block-navigation .has-child{ + cursor:pointer; +} +.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ + z-index:28; +} +.wp-block-navigation .has-child:hover .wp-block-navigation__submenu-container{ + z-index:29; +} +.wp-block-navigation .has-child.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation .has-child.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + min-width:200px !important; + opacity:1 !important; + overflow:visible !important; + visibility:visible !important; + width:auto !important; +} +.wp-block-navigation-item .wp-block-navigation-item__content{ + cursor:text; +} +.wp-block-navigation-item.is-editing,.wp-block-navigation-item.is-selected{ + min-width:20px; +} +.wp-block-navigation-item .block-list-appender{ + margin:16px auto 16px 16px; } -.wp-block-nextpage { - display: block; - text-align: center; - white-space: nowrap; -} -.wp-block-nextpage > span { - font-size: 13px; - position: relative; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #757575; - border-radius: 4px; - background: #fff; - padding: 6px 8px; - height: 24px; -} -.wp-block-nextpage::before { - content: ""; - position: absolute; - top: calc(50%); - left: 0; - right: 0; - border-top: 3px dashed #ccc; +.wp-block-navigation-link__invalid-item{ + color:#000; +} +.wp-block-navigation-link__placeholder{ + background-image:none !important; + box-shadow:none !important; + position:relative; + text-decoration:none !important; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:var(--wp-admin-theme-color); + background-image:linear-gradient(45deg, #0000 20%, var(--wp-underline-color) 30%, var(--wp-underline-color) 36%, #0000 46%), linear-gradient(135deg, #0000 54%, var(--wp-underline-color) 64%, var(--wp-underline-color) 70%, #0000 80%); + background-position:0 100%; + background-repeat:repeat-x; + background-size:6px 3px; + padding-bottom:.1em; +} +.is-dark-theme .wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text span{ + --wp-underline-color:#fff; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-item__content{ + cursor:pointer; +} +.link-control-transform{ + border-top:1px solid #ccc; + padding:0 16px 8px; +} + +.link-control-transform__subheading{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + margin-bottom:1.5em; + text-transform:uppercase; } -.wp-block-navigation .wp-block-page-list > div, -.wp-block-navigation .wp-block-page-list { - background-color: inherit; -} -.wp-block-navigation.items-justified-space-between .wp-block-page-list > div, -.wp-block-navigation.items-justified-space-between .wp-block-page-list { - display: contents; - flex: 1; -} -.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list > div, .wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list { - flex: inherit; +.link-control-transform__items{ + display:flex; + justify-content:space-between; +} + +.link-control-transform__item{ + flex-basis:33%; + flex-direction:column; + gap:8px; + height:auto; } -.wp-block-pages-list__item__link { - pointer-events: none; -} - -@media (min-width: 600px) { - .wp-block-page-list-modal { - max-width: 480px; +.wp-block-navigation-submenu{ + display:block; +} +.wp-block-navigation-submenu .wp-block-navigation__submenu-container{ + z-index:28; +} +.wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container{ + height:auto !important; + left:-1px; + min-width:200px !important; + opacity:1 !important; + position:absolute; + top:100%; + visibility:visible !important; + width:auto !important; +} +@media (min-width:782px){ + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container{ + left:100%; + top:-1px; + } + .wp-block-navigation-submenu.has-child-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before,.wp-block-navigation-submenu.is-selected>.wp-block-navigation__submenu-container .wp-block-navigation__submenu-container:before{ + background:#0000; + content:""; + display:block; + height:100%; + position:absolute; + right:100%; + width:.5em; } } -.wp-block-page-list-modal-buttons { - display: flex; - justify-content: flex-end; - gap: 12px; -} - -.wp-block-page-list .open-on-click:focus-within > .wp-block-navigation__submenu-container { - visibility: visible; - opacity: 1; - width: auto; - height: auto; - min-width: 200px; -} - -.wp-block-page-list .components-notice { - margin-left: 0; -} - -.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { - min-height: auto !important; -} - -.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { - opacity: 1; -} - -.block-editor-block-list__block[data-empty=true] + .block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder] { - opacity: 0; -} - -.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { - display: inline-block; +.block-editor-block-list__block[data-type="core/nextpage"]{ + margin-bottom:28px; + margin-top:28px; + max-width:100%; + text-align:center; } -.wp-block-pullquote.has-text-align-left p, -.wp-block-pullquote.has-text-align-right p, -.wp-block[data-align=left] > .wp-block-pullquote p, -.wp-block[data-align=right] > .wp-block-pullquote p { - font-size: 20px; -} - -.wp-block-pullquote blockquote p { - font-size: 28px; - line-height: 1.6; +.wp-block-nextpage{ + display:block; + text-align:center; + white-space:nowrap; +} +.wp-block-nextpage>span{ + background:#fff; + border-radius:4px; + color:#757575; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + font-weight:600; + height:24px; + padding:6px 8px; + position:relative; + text-transform:uppercase; +} +.wp-block-nextpage:before{ + border-top:3px dashed #ccc; + content:""; + left:0; + position:absolute; + right:0; + top:50%; } -.wp-block-pullquote.is-style-solid-color blockquote p { - font-size: 32px; -} -.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation { - text-transform: none; - font-style: normal; -} - -.wp-block-pullquote .wp-block-pullquote__citation { - color: inherit; +.wp-block-navigation .wp-block-page-list,.wp-block-navigation .wp-block-page-list>div{ + background-color:inherit; +} +.wp-block-navigation.items-justified-space-between .wp-block-page-list,.wp-block-navigation.items-justified-space-between .wp-block-page-list>div{ + display:contents; + flex:1; +} +.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.has-child-selected .wp-block-page-list>div,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list,.wp-block-navigation.items-justified-space-between.is-selected .wp-block-page-list>div{ + flex:inherit; } -.wp-block-rss li a > div { - display: inline; +.wp-block-navigation .wp-block-navigation__submenu-container>.wp-block-page-list{ + display:block; } -.wp-block-rss__placeholder-form { - display: flex; - align-items: stretch; -} -.wp-block-rss__placeholder-form > * { - margin-bottom: 8px; -} -@media (min-width: 782px) { - .wp-block-rss__placeholder-form > * { - margin-bottom: 0; +.wp-block-pages-list__item__link{ + pointer-events:none; +} + +@media (min-width:600px){ + .wp-block-page-list-modal{ + max-width:480px; } } -.wp-block-rss__placeholder-input { - display: flex; - align-items: stretch; - flex-grow: 1; -} -.wp-block-rss__placeholder-input .components-base-control__field { - margin: 0; - display: flex; - align-items: stretch; - flex-grow: 1; - margin-right: 8px; +.wp-block-page-list-modal-buttons{ + display:flex; + gap:12px; + justify-content:flex-end; +} + +.wp-block-page-list .open-on-click:focus-within>.wp-block-navigation__submenu-container{ + height:auto; + min-width:200px; + opacity:1; + visibility:visible; + width:auto; } -.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { - margin: auto; +.wp-block-page-list__loading-indicator-container{ + padding:8px 12px; +} + +.block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus{ + min-height:auto !important; +} + +.block-editor-block-list__block[data-empty=true] [data-rich-text-placeholder]{ + opacity:1; +} + +.block-editor-block-list__block[data-empty=true]+.block-editor-block-list__block[data-empty=true]:not([data-custom-placeholder=true]) [data-rich-text-placeholder]{ + opacity:0; } -.wp-block-search .wp-block-search__button { - height: auto; - border-radius: initial; - display: flex; - align-items: center; -} -.wp-block-search__components-button-group { - margin-top: 10px; +.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-left[style*="writing-mode: vertical-lr"],.block-editor-block-list__block[data-type="core/paragraph"].has-text-align-right[style*="writing-mode: vertical-rl"]{ + rotate:180deg; +} + +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline{ + display:inline; } -.block-editor-block-list__block[data-type="core/separator"] { - padding-top: 0.1px; - padding-bottom: 0.1px; -} -.block-editor-block-list__block[data-type="core/separator"].wp-block-separator.is-style-dots { - background: none !important; +.wp-block-pullquote.is-style-solid-color blockquote p{ + font-size:32px; +} +.wp-block-pullquote.is-style-solid-color .wp-block-pullquote__citation{ + font-style:normal; + text-transform:none; } -[data-type="core/shortcode"] .block-editor-plain-text { - max-height: 250px; -} -[data-type="core/shortcode"].components-placeholder { - min-height: 0; +.wp-block-pullquote .wp-block-pullquote__citation{ + color:inherit; +} + +.wp-block-rss li a>div{ + display:inline; +} + +.wp-block-rss__placeholder-form .wp-block-rss__placeholder-input{ + flex:1 1 auto; +} + +.wp-block[data-align=center] .wp-block-search .wp-block-search__inside-wrapper{ + margin:auto; } -.blocks-shortcode__textarea { - 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) { - .blocks-shortcode__textarea { - transition-duration: 0s; - transition-delay: 0s; - } -} -@media (min-width: 600px) { - .blocks-shortcode__textarea { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; - } -} -.blocks-shortcode__textarea:focus { - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); - outline: 2px solid transparent; -} -.blocks-shortcode__textarea::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -.blocks-shortcode__textarea::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); -} -.blocks-shortcode__textarea:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.wp-block-search .wp-block-search__button{ + align-items:center; + border-radius:initial; + display:flex; + height:auto; + justify-content:center; + text-align:center; +} +.wp-block-search__components-button-group{ + margin-top:10px; +} + +.block-editor-block-list__block[data-type="core/separator"]{ + padding-bottom:.1px; + padding-top:.1px; } -.wp-block[data-align=center] > .wp-block-site-logo, -.wp-block-site-logo.aligncenter > div { - display: table; - margin-left: auto; - margin-right: auto; +.blocks-shortcode__textarea{ + background:#fff !important; + border:1px solid #1e1e1e !important; + border-radius:2px !important; + box-shadow:none !important; + box-sizing:border-box; + color:#1e1e1e !important; + font-family:Menlo,Consolas,monaco,monospace !important; + font-size:16px !important; + max-height:250px; + padding:12px !important; + resize:none; +} +@media (min-width:600px){ + .blocks-shortcode__textarea{ + font-size:13px !important; + } +} +.blocks-shortcode__textarea:focus{ + border-color:var(--wp-admin-theme-color) !important; + box-shadow:0 0 0 1px var(--wp-admin-theme-color) !important; + outline:2px solid #0000 !important; } -.wp-block-site-logo a { - pointer-events: none; -} -.wp-block-site-logo .custom-logo-link { - cursor: inherit; -} -.wp-block-site-logo .custom-logo-link:focus { - box-shadow: none; -} -.wp-block-site-logo .custom-logo-link.is-transient img { - opacity: 0.3; -} -.wp-block-site-logo img { - display: block; - height: auto; - max-width: 100%; +.wp-block-site-logo.aligncenter>div,.wp-block[data-align=center]>.wp-block-site-logo{ + display:table; + margin-left:auto; + margin-right:auto; +} + +.wp-block-site-logo a{ + pointer-events:none; +} +.wp-block-site-logo .custom-logo-link{ + cursor:inherit; +} +.wp-block-site-logo .custom-logo-link:focus{ + box-shadow:none; +} +.wp-block-site-logo img{ + display:block; + height:auto; + max-width:100%; +} +.wp-block-site-logo.is-transient{ + position:relative; +} +.wp-block-site-logo.is-transient img{ + opacity:.3; +} +.wp-block-site-logo.is-transient .components-spinner{ + left:50%; + margin:0; + position:absolute; + top:50%; + transform:translate(-50%, -50%); } -.wp-block-site-logo.wp-block-site-logo .components-placeholder, -.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container { - border-radius: inherit; -} -.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder { - height: 120px; - width: 120px; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder { - display: flex; - justify-content: center; - align-items: center; - box-shadow: none; - padding: 0; - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; - color: currentColor; - background: transparent; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload { - display: none; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__preview { - position: absolute; - top: 4px; - right: 4px; - bottom: 4px; - left: 4px; - background: rgba(255, 255, 255, 0.8); - display: flex; - align-items: center; - justify-content: center; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text { - display: none; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border: 1px dashed currentColor; - opacity: 0.4; - pointer-events: none; - border-radius: inherit; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__fieldset { - width: auto; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { - color: inherit; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - visibility: hidden; - background: transparent; - transition: all 0.1s linear; -} -@media (prefers-reduced-motion: reduce) { - .wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button { - transition-duration: 0s; - transition-delay: 0s; - } -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button > svg { - color: #fff; -} -.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-placeholder__illustration { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - stroke: currentColor; - stroke-dasharray: 3; - opacity: 0.4; -} -.wp-block-site-logo.wp-block-site-logo.is-selected .components-button.components-button { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; - opacity: 1; - visibility: visible; +.wp-block-site-logo.wp-block-site-logo.is-default-size .components-placeholder{ + height:60px; + width:60px; +} +.wp-block-site-logo.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.wp-block-site-logo>div{ + border-radius:inherit; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder{ + align-items:center; + border-radius:inherit; + display:flex; + height:100%; + justify-content:center; + min-height:48px; + min-width:48px; + padding:0; + width:100%; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-drop-zone__content-text,.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-form-file-upload{ + display:none; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + margin:auto; + padding:0; + position:relative; + width:48px; +} +.wp-block-site-logo.wp-block-site-logo .components-placeholder .components-button.components-button>svg{ + color:inherit; +} + +.block-library-site-logo__inspector-upload-container{ + position:relative; +} +.block-library-site-logo__inspector-upload-container .components-drop-zone__content-icon{ + display:none; } -.wp-block-site-tagline__placeholder { - padding: 1em 0; - border: 1px dashed; +.block-library-site-logo__inspector-media-replace-container button.components-button,.block-library-site-logo__inspector-upload-container button.components-button{ + box-shadow:inset 0 0 0 1px #ccc; + color:#1e1e1e; + display:block; + height:40px; + width:100%; +} +.block-library-site-logo__inspector-media-replace-container button.components-button:hover,.block-library-site-logo__inspector-upload-container button.components-button:hover{ + color:var(--wp-admin-theme-color); +} +.block-library-site-logo__inspector-media-replace-container button.components-button:focus,.block-library-site-logo__inspector-upload-container button.components-button:focus{ + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-media-replace-title,.block-library-site-logo__inspector-upload-container .block-library-site-logo__inspector-media-replace-title{ + text-align:start; + text-align-last:center; + white-space:normal; + word-break:break-all; +} + +.block-library-site-logo__inspector-media-replace-container .components-dropdown{ + display:block; +} +.block-library-site-logo__inspector-media-replace-container img{ + aspect-ratio:1; + border-radius:50% !important; + box-shadow:inset 0 0 0 1px #0003; + min-width:20px; + width:20px; +} +.block-library-site-logo__inspector-media-replace-container .block-library-site-logo__inspector-readonly-logo-preview{ + display:flex; + height:40px; + padding:6px 12px; +} + +.wp-block-site-tagline__placeholder,.wp-block-site-title__placeholder{ + border:1px dashed; + padding:1em 0; +} + +.editor-styles-wrapper :where(.wp-block-site-title a){ + color:inherit; +} + +.wp-block-social-links .wp-social-link{ + line-height:0; } -.wp-block-site-title__placeholder { - padding: 1em 0; - border: 1px dashed; +.wp-block-social-link-anchor{ + align-items:center; + background:none; + border:0; + box-sizing:border-box; + color:currentColor; + cursor:pointer; + display:inline-flex; + font-size:inherit; + height:auto; + opacity:1; + padding:.25em; +} +.wp-block-social-link-anchor:focus:not(:disabled){ + border-radius:2px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid #0000; } -.wp-block-social-links .wp-social-link { - line-height: 0; -} -.wp-block-social-links .wp-social-link button { - font-size: inherit; - color: currentColor; - height: auto; - line-height: 0; - padding: 0.25em; +:root :where(.wp-block-social-links.is-style-pill-shape .wp-social-link button){ + padding-left:.66667em; + padding-right:.66667em; } -.wp-block-social-links.is-style-pill-shape .wp-social-link button { - padding-left: calc((2/3) * 1em); - padding-right: calc((2/3) * 1em); +:root :where(.wp-block-social-links.is-style-logos-only .wp-social-link button){ + padding:0; } -.wp-block-social-links.is-style-logos-only .wp-social-link button { - padding: 0; +.wp-block-social-links div.block-editor-url-input{ + display:inline-block; + margin-left:8px; } -.wp-block-social-links div.block-editor-url-input { - display: inline-block; - margin-left: 8px; -} -.wp-block-social-links.wp-block-social-links { - background: none; +.wp-social-link:hover{ + transform:none; +} + +:root :where(.wp-block-social-links),:root :where(.wp-block-social-links.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link){ + padding:0; } -.wp-social-link:hover { - transform: none; +:root :where(.wp-block-social-links__social-placeholder .wp-social-link){ + padding:.25em; } -.editor-styles-wrapper .wp-block-social-links { - padding: 0; +:root :where(.wp-block-social-links.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link){ + padding-left:.66667em; + padding-right:.66667em; } -.wp-block-social-links__social-placeholder { - display: flex; - opacity: 0.8; - list-style: none; -} -.wp-block-social-links__social-placeholder > .wp-social-link { - padding-left: 0 !important; - margin-left: 0 !important; - padding-right: 0 !important; - margin-right: 0 !important; - width: 0 !important; - visibility: hidden; -} -.wp-block-social-links__social-placeholder > .wp-block-social-links__social-placeholder-icons { - display: flex; -} -.wp-block-social-links__social-placeholder .wp-social-link { - padding: 0.25em; -} -.is-style-pill-shape .wp-block-social-links__social-placeholder .wp-social-link { - padding-left: calc((2/3) * 1em); - padding-right: calc((2/3) * 1em); -} -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link { - padding: 0; -} -.wp-block-social-links__social-placeholder .wp-social-link::before { - content: ""; - display: block; - width: 1em; - height: 1em; - border-radius: 50%; -} -.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link::before { - background: currentColor; +.wp-block-social-links__social-placeholder{ + display:flex; + list-style:none; + opacity:.8; +} +.wp-block-social-links__social-placeholder>.wp-social-link{ + margin-left:0 !important; + margin-right:0 !important; + padding-left:0 !important; + padding-right:0 !important; + visibility:hidden; + width:0 !important; +} +.wp-block-social-links__social-placeholder>.wp-block-social-links__social-placeholder-icons{ + display:flex; +} +.wp-block-social-links__social-placeholder .wp-social-link:before{ + border-radius:50%; + content:""; + display:block; + height:1em; + width:1em; +} +.is-style-logos-only .wp-block-social-links__social-placeholder .wp-social-link:before{ + background:currentColor; } -.wp-block-social-links .wp-block-social-links__social-prompt { - min-height: 24px; - list-style: none; - order: 2; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - line-height: 24px; - margin-top: auto; - margin-bottom: auto; - cursor: default; - padding-right: 8px; +.wp-block-social-links .wp-block-social-links__social-prompt{ + cursor:default; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:13px; + line-height:24px; + list-style:none; + margin-bottom:auto; + margin-top:auto; + min-height:24px; + padding-right:8px; } -.wp-block[data-align=center] > .wp-block-social-links { - justify-content: center; +.wp-block.wp-block-social-links.aligncenter,.wp-block[data-align=center]>.wp-block-social-links{ + justify-content:center; } -.block-editor-block-preview__content .components-button:disabled { - opacity: 1; +.block-editor-block-preview__content .components-button:disabled{ + opacity:1; } -.wp-social-link.wp-social-link__is-incomplete { - opacity: 0.5; -} -@media (prefers-reduced-motion: reduce) { - .wp-social-link.wp-social-link__is-incomplete { - transition-duration: 0s; - transition-delay: 0s; +.wp-social-link.wp-social-link__is-incomplete{ + opacity:.5; +} +@media (prefers-reduced-motion:reduce){ + .wp-social-link.wp-social-link__is-incomplete{ + transition-delay:0s; + transition-duration:0s; } } -.wp-block-social-links .is-selected .wp-social-link__is-incomplete, -.wp-social-link.wp-social-link__is-incomplete:hover, -.wp-social-link.wp-social-link__is-incomplete:focus { - opacity: 1; +.wp-block-social-links .is-selected .wp-social-link__is-incomplete,.wp-social-link.wp-social-link__is-incomplete:focus,.wp-social-link.wp-social-link__is-incomplete:hover{ + opacity:1; } -.block-editor-block-list__block[data-type="core/spacer"]::before { - content: ""; - display: block; - position: absolute; - z-index: 1; - width: 100%; - min-height: 8px; - min-width: 8px; - height: 100%; +.block-editor-block-list__block[data-type="core/spacer"]:before{ + content:""; + display:block; + height:100%; + min-height:8px; + min-width:8px; + position:absolute; + width:100%; + z-index:1; } -.wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.block-library-spacer__resize-container.has-show-handle { - background: rgba(0, 0, 0, 0.1); -} -.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container, -.is-dark-theme .block-library-spacer__resize-container.has-show-handle { - background: rgba(255, 255, 255, 0.15); +.block-library-spacer__resize-container.has-show-handle,.wp-block-spacer.is-hovered .block-library-spacer__resize-container,.wp-block-spacer.is-selected.custom-sizes-disabled{ + background:#0000001a; +} +.is-dark-theme .block-library-spacer__resize-container.has-show-handle,.is-dark-theme .wp-block-spacer.is-hovered .block-library-spacer__resize-container,.is-dark-theme .wp-block-spacer.is-selected.custom-sizes-disabled{ + background:#ffffff26; } -.block-library-spacer__resize-container { - clear: both; -} -.block-library-spacer__resize-container:not(.is-resizing) { - height: 100% !important; - width: 100% !important; -} -.block-library-spacer__resize-container .components-resizable-box__handle::before { - content: none; -} -.block-library-spacer__resize-container.resize-horizontal { - margin-bottom: 0; +.block-library-spacer__resize-container{ + clear:both; +} +.block-library-spacer__resize-container:not(.is-resizing){ + height:100% !important; + width:100% !important; +} +.block-library-spacer__resize-container .components-resizable-box__handle:before{ + content:none; +} +.block-library-spacer__resize-container.resize-horizontal{ + height:100% !important; + margin-bottom:0; } -.wp-block-table { - margin: 0; -} -.wp-block[data-align=left] > .wp-block-table, .wp-block[data-align=right] > .wp-block-table, .wp-block[data-align=center] > .wp-block-table { - height: auto; -} -.wp-block[data-align=left] > .wp-block-table table, .wp-block[data-align=right] > .wp-block-table table, .wp-block[data-align=center] > .wp-block-table table { - width: auto; -} -.wp-block[data-align=left] > .wp-block-table td, -.wp-block[data-align=left] > .wp-block-table th, .wp-block[data-align=right] > .wp-block-table td, -.wp-block[data-align=right] > .wp-block-table th, .wp-block[data-align=center] > .wp-block-table td, -.wp-block[data-align=center] > .wp-block-table th { - word-break: break-word; -} -.wp-block[data-align=center] > .wp-block-table { - text-align: initial; -} -.wp-block[data-align=center] > .wp-block-table table { - margin: 0 auto; -} -.wp-block-table td, -.wp-block-table th { - border: 1px solid; -} -.wp-block-table td.is-selected, -.wp-block-table th.is-selected { - border-color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - border-style: double; -} -.wp-block-table figcaption { - color: #555; - font-size: 13px; - text-align: center; -} -.is-dark-theme .wp-block-table figcaption { - color: rgba(255, 255, 255, 0.65); +.wp-block[data-align=center]>.wp-block-table,.wp-block[data-align=left]>.wp-block-table,.wp-block[data-align=right]>.wp-block-table{ + height:auto; +} +.wp-block[data-align=center]>.wp-block-table table,.wp-block[data-align=left]>.wp-block-table table,.wp-block[data-align=right]>.wp-block-table table{ + width:auto; +} +.wp-block[data-align=center]>.wp-block-table td,.wp-block[data-align=center]>.wp-block-table th,.wp-block[data-align=left]>.wp-block-table td,.wp-block[data-align=left]>.wp-block-table th,.wp-block[data-align=right]>.wp-block-table td,.wp-block[data-align=right]>.wp-block-table th{ + word-break:break-word; +} +.wp-block[data-align=center]>.wp-block-table{ + text-align:initial; +} +.wp-block[data-align=center]>.wp-block-table table{ + margin:0 auto; +} +.wp-block-table td,.wp-block-table th{ + border:1px solid; + padding:.5em; +} +.wp-block-table td.is-selected,.wp-block-table th.is-selected{ + border-color:var(--wp-admin-theme-color); + border-style:double; + box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color); +} +.wp-block-table table.has-individual-borders td,.wp-block-table table.has-individual-borders th,.wp-block-table table.has-individual-borders tr,.wp-block-table table.has-individual-borders>*{ + border:1px solid; } -.blocks-table__placeholder-form.blocks-table__placeholder-form { - display: flex; - flex-direction: column; - align-items: flex-start; -} -.blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 8px; -} -@media (min-width: 782px) { - .blocks-table__placeholder-form.blocks-table__placeholder-form { - flex-direction: row; - align-items: flex-end; - } - .blocks-table__placeholder-form.blocks-table__placeholder-form > * { - margin-bottom: 0; - } -} - -.blocks-table__placeholder-input { - width: 112px; - margin-right: 8px; - margin-bottom: 0; -} -.blocks-table__placeholder-input input { - height: 36px; -} -.blocks-table__placeholder-input .components-base-control__field { - margin-bottom: 0; -} - -@media (min-width: 600px) { - .block-editor-template-part__selection-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); - } -} -@media (min-width: 782px) { - .block-editor-template-part__selection-modal { - width: 750px; - } -} -@media (min-width: 960px) { - .block-editor-template-part__selection-modal { - height: 70%; +.blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-start; + display:flex; + flex-direction:column; + gap:8px; +} +@media (min-width:782px){ + .blocks-table__placeholder-form.blocks-table__placeholder-form{ + align-items:flex-end; + flex-direction:row; } } -.wp-block-text-columns .block-editor-rich-text__editable:focus { - outline: 1px solid #ddd; +.blocks-table__placeholder-input{ + width:112px; } -.wp-block[data-align=center] > .wp-block-video { - text-align: center; +.block-editor-template-part__selection-modal{ + z-index:1000001; +} +.block-editor-template-part__selection-modal .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; +} +@media (min-width:1280px){ + .block-editor-template-part__selection-modal .block-editor-block-patterns-list{ + column-count:3; + } +} +.block-editor-template-part__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; } -.wp-block-video { - position: relative; -} -.wp-block-video.is-transient video { - opacity: 0.3; -} -.wp-block-video .components-spinner { - position: absolute; - top: 50%; - left: 50%; - margin-top: -9px; - margin-left: -9px; +.block-library-template-part__selection-search{ + background:#fff; + padding:16px 0; + position:sticky; + top:0; + z-index:2; +} +.block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.block-editor-block-list__block:not(.remove-outline).is-reusable.is-highlighted:after,.block-editor-block-list__block:not(.remove-outline).is-reusable.is-selected:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-highlighted:after,.block-editor-block-list__block:not(.remove-outline).wp-block-template-part.is-selected:after{ + outline-color:var(--wp-block-synced-color); +} +.is-dark-theme .block-editor-block-list__block:not(.remove-outline).is-reusable.block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.block-editor-block-list__block:not([contenteditable]):focus:after{ + outline-color:#fff; } -.editor-video-poster-control .components-base-control__label { - display: block; -} -.editor-video-poster-control .components-button { - margin-right: 8px; +.is-outline-mode .block-editor-block-list__block:not(.remove-outline).wp-block-template-part.has-editable-outline:after{ + border:none; } -.block-library-video-tracks-editor { - z-index: 159990; -} - -.block-library-video-tracks-editor > .components-popover__content { - width: 360px; +.wp-block-text-columns .block-editor-rich-text__editable:focus{ + outline:1px solid #ddd; } -.block-library-video-tracks-editor__track-list-track { - display: flex; - place-content: space-between; - align-items: baseline; - padding-left: 12px; -} - -.block-library-video-tracks-editor__single-track-editor-label-language { - display: flex; - margin-top: 12px; -} -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control { - width: 50%; -} -.block-library-video-tracks-editor__single-track-editor-label-language > .components-base-control:first-child { - margin-right: 16px; +.wp-block-video.wp-block-video.is-selected .components-placeholder{ + background-color:#fff; + border:none; + border-radius:2px; + box-shadow:inset 0 0 0 1px #1e1e1e; + color:#1e1e1e; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder>svg{ + opacity:0; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder .components-placeholder__illustration{ + display:none; +} +.wp-block-video.wp-block-video.is-selected .components-placeholder:before{ + opacity:0; +} +.wp-block-video.wp-block-video .components-button,.wp-block-video.wp-block-video .components-placeholder__instructions,.wp-block-video.wp-block-video .components-placeholder__label{ + transition:none; } -.block-library-video-tracks-editor__single-track-editor-kind-select { - max-width: 240px; +.wp-block[data-align=center]>.wp-block-video{ + text-align:center; } -.block-library-video-tracks-editor__single-track-editor-buttons-container { - display: flex; - place-content: space-between; - margin-top: 32px; +.wp-block-video{ + position:relative; +} +.wp-block-video.is-transient video{ + opacity:.3; +} +.wp-block-video .components-spinner{ + left:50%; + margin-left:-9px; + margin-top:-9px; + position:absolute; + top:50%; } -.block-library-video-tracks-editor__single-track-editor-edit-track-label { - margin-top: 4px; - margin-bottom: 12px; - color: #757575; - text-transform: uppercase; - font-size: 11px; - font-weight: 500; - display: block; +.editor-video-poster-control .components-base-control__label{ + display:block; +} +.editor-video-poster-control .components-button{ + margin-right:8px; } -.block-library-video-tracks-editor > .components-popover__content > div { - padding: 0; +.block-library-video-tracks-editor{ + z-index:159990; +} + +.block-library-video-tracks-editor__track-list-track{ + padding-left:12px; } -.block-library-video-tracks-editor__track-list .components-menu-group__label, -.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label { - padding: 0; +.block-library-video-tracks-editor__single-track-editor-kind-select{ + max-width:240px; } -.block-library-video-tracks-editor__single-track-editor, -.block-library-video-tracks-editor__track-list, -.block-library-video-tracks-editor__add-tracks-container { - padding: 12px; +.block-library-video-tracks-editor__single-track-editor-edit-track-label{ + color:#757575; + display:block; + font-size:11px; + font-weight:500; + margin-top:4px; + text-transform:uppercase; } -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__label { - margin-bottom: 4px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-base-control__field { - margin-bottom: 12px; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-text-control__input { - margin-left: 0; -} -.block-library-video-tracks-editor__single-track-editor .components-base-control .components-input-control__label { - margin-bottom: 4px; +.block-library-video-tracks-editor>.components-popover__content{ + padding:0; + width:360px; +} + +.block-library-video-tracks-editor__add-tracks-container .components-menu-group__label,.block-library-video-tracks-editor__track-list .components-menu-group__label{ + padding:0; } -.editor-styles-wrapper ul.wp-block-post-template { - padding-left: 0; - margin-left: 0; - list-style: none; +.block-library-video-tracks-editor__add-tracks-container,.block-library-video-tracks-editor__single-track-editor,.block-library-video-tracks-editor__track-list{ + padding:12px; } -.block-library-query-toolbar__popover .components-popover__content { - min-width: 230px; +.editor-styles-wrapper ul.wp-block-post-template{ + list-style:none; + margin-left:0; + padding-left:0; +} + +.block-library-query-toolbar__popover .components-popover__content{ + min-width:230px; } -.wp-block-query__create-new-link { - padding: 0 16px 16px 56px; +.wp-block-query__create-new-link{ + padding:0 16px 16px 52px; } -.block-library-query__pattern-selection-content .block-editor-block-patterns-list { - display: grid; - grid-template-columns: 1fr 1fr 1fr; - grid-gap: 8px; -} -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item { - margin-bottom: 0; -} -.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container { - max-height: 250px; +.block-library-query__pattern-selection-content .block-editor-block-patterns-list{ + display:grid; + grid-template-columns:1fr 1fr 1fr; + grid-gap:8px; +} +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + margin-bottom:0; +} +.block-library-query__pattern-selection-content .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item .block-editor-block-preview__container{ + max-height:250px; } -.block-editor-query-pattern__selection-modal .components-modal__content { - overflow: hidden; - padding: 0; -} -.block-editor-query-pattern__selection-modal .components-modal__content::before { - margin-bottom: 0; +.block-library-query-pattern__selection-modal .block-editor-block-patterns-list{ + column-count:2; + column-gap:24px; +} +@media (min-width:1280px){ + .block-library-query-pattern__selection-modal .block-editor-block-patterns-list{ + column-count:3; + } +} +.block-library-query-pattern__selection-modal .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ + break-inside:avoid-column; +} +.block-library-query-pattern__selection-modal .block-library-query-pattern__selection-search{ + background:#fff; + margin-bottom:-4px; + padding:16px 0; + position:sticky; + top:0; + transform:translateY(-4px); + z-index:2; } -@media (min-width: 600px) { - .block-editor-query-pattern__selection-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); - } -} -@media (min-width: 782px) { - .block-editor-query-pattern__selection-modal { - width: 750px; - } -} -@media (min-width: 960px) { - .block-editor-query-pattern__selection-modal { - height: 80%; - width: 80%; - max-height: none; +.block-library-query-toolspanel__filters .components-form-token-field__help{ + margin-bottom:0; +} +.block-library-query-toolspanel__filters .block-library-query-inspector__taxonomy-control:not(:last-child){ + margin-bottom:24px; +} + +@media (min-width:600px){ + .wp-block-query__enhanced-pagination-modal{ + max-width:480px; } } -.wp-block[data-align=center] > .wp-block-query-pagination { - justify-content: center; +.wp-block-query__enhanced-pagination-notice{ + margin:0; } -.editor-styles-wrapper .wp-block-query-pagination { - max-width: 100%; -} -.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { - margin: 0; +.wp-block[data-align=center]>.wp-block-query-pagination{ + justify-content:center; +} + +.editor-styles-wrapper .wp-block-query-pagination{ + max-width:100%; +} +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout{ + margin:0; } -.wp-block-query-pagination > .wp-block-query-pagination-next, -.wp-block-query-pagination > .wp-block-query-pagination-previous, -.wp-block-query-pagination > .wp-block-query-pagination-numbers { - margin-left: 0; - margin-top: 0.5em; - /*rtl:ignore*/ - margin-right: 0.5em; - margin-bottom: 0.5em; -} -.wp-block-query-pagination > .wp-block-query-pagination-next:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-previous:last-child, -.wp-block-query-pagination > .wp-block-query-pagination-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous{ + margin:.5em .5em .5em 0; +} +.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child{ + margin-right:0; } -.wp-block-query-pagination-numbers a { - text-decoration: underline; -} -.wp-block-query-pagination-numbers .page-numbers { - margin-right: 2px; -} -.wp-block-query-pagination-numbers .page-numbers:last-child { - /*rtl:ignore*/ - margin-right: 0; +.wp-block-query-pagination-numbers a{ + text-decoration:underline; +} +.wp-block-query-pagination-numbers .page-numbers{ + margin-right:2px; +} +.wp-block-query-pagination-numbers .page-numbers:last-child{ + margin-right:0; } -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder, -.wp-block-post-featured-image.wp-block-post-featured-image .components-resizable-box__container { - border-radius: inherit; -} -.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder { - justify-content: center; - align-items: center; - box-shadow: none; - padding: 0; - color: currentColor; - background: transparent; - min-height: 200px; -} -.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-form-file-upload { - display: none; -} -.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__preview, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__preview { - position: absolute; - top: 4px; - right: 4px; - bottom: 4px; - left: 4px; - background: rgba(255, 255, 255, 0.8); - display: flex; - align-items: center; - justify-content: center; -} -.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder::before, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder::before { - content: ""; - display: block; - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - border: 1px dashed currentColor; - opacity: 0.4; - pointer-events: none; - border-radius: inherit; -} -.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__fieldset, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__fieldset { - width: auto; -} -.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button { - color: inherit; - padding: 0; - display: flex; - justify-content: center; - align-items: center; - width: 48px; - height: 48px; - border-radius: 50%; - position: relative; - visibility: hidden; - background: transparent; - transition: all 0.1s linear; -} -@media (prefers-reduced-motion: reduce) { - .wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button { - transition-duration: 0s; - transition-delay: 0s; - } -} -.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button.components-button > svg, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-button.components-button > svg { - color: #fff; -} -.wp-block-post-featured-image.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-placeholder__illustration, -.wp-block-post-featured-image.wp-block-post-featured-image .components-placeholder .components-placeholder__illustration { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - width: 100%; - height: 100%; - stroke: currentColor; - stroke-dasharray: 3; - opacity: 0.4; -} -.wp-block-post-featured-image.wp-block-post-featured-image[style*=height] .components-placeholder { - min-height: 48px; - min-width: 48px; - height: 100%; - width: 100%; -} -.wp-block-post-featured-image.wp-block-post-featured-image.is-selected .components-button.components-button { - background: var(--wp-admin-theme-color); - border-color: var(--wp-admin-theme-color); - border-style: solid; - color: #fff; - opacity: 1; - visibility: visible; +.wp-block-post-featured-image .block-editor-media-placeholder{ + -webkit-backdrop-filter:none; + backdrop-filter:none; + z-index:1; +} +.wp-block-post-featured-image .components-placeholder,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder{ + align-items:center; + display:flex; + justify-content:center; + min-height:200px; + padding:0; +} +.wp-block-post-featured-image .components-placeholder .components-form-file-upload,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-form-file-upload{ + display:none; +} +.wp-block-post-featured-image .components-placeholder .components-button,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button{ + align-items:center; + background:var(--wp-admin-theme-color); + border-color:var(--wp-admin-theme-color); + border-radius:50%; + border-style:solid; + color:#fff; + display:flex; + height:48px; + justify-content:center; + margin:auto; + padding:0; + position:relative; + width:48px; +} +.wp-block-post-featured-image .components-placeholder .components-button>svg,.wp-block-post-featured-image .wp-block-post-featured-image__placeholder .components-button>svg{ + color:inherit; +} +.wp-block-post-featured-image .components-placeholder:where(.has-border-color),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where(.has-border-color),.wp-block-post-featured-image img:where(.has-border-color){ + border-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-color]),.wp-block-post-featured-image img:where([style*=border-top-color]){ + border-top-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-color]),.wp-block-post-featured-image img:where([style*=border-right-color]){ + border-right-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-color]),.wp-block-post-featured-image img:where([style*=border-bottom-color]){ + border-bottom-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-color]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-color]),.wp-block-post-featured-image img:where([style*=border-left-color]){ + border-left-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-width]),.wp-block-post-featured-image img:where([style*=border-width]){ + border-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-top-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-top-width]),.wp-block-post-featured-image img:where([style*=border-top-width]){ + border-top-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-right-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-right-width]),.wp-block-post-featured-image img:where([style*=border-right-width]){ + border-right-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-bottom-width]),.wp-block-post-featured-image img:where([style*=border-bottom-width]){ + border-bottom-style:solid; +} +.wp-block-post-featured-image .components-placeholder:where([style*=border-left-width]),.wp-block-post-featured-image .wp-block-post-featured-image__placeholder:where([style*=border-left-width]),.wp-block-post-featured-image img:where([style*=border-left-width]){ + border-left-style:solid; +} +.wp-block-post-featured-image[style*=height] .components-placeholder{ + height:100%; + min-height:48px; + min-width:48px; + width:100%; +} +.wp-block-post-featured-image>a{ + cursor:default; +} +.wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-button,.wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__instructions,.wp-block-post-featured-image.is-selected .components-placeholder.has-illustration .components-placeholder__label{ + opacity:1; + pointer-events:auto; +} +.wp-block-post-featured-image.is-transient{ + position:relative; +} +.wp-block-post-featured-image.is-transient img{ + opacity:.3; +} +.wp-block-post-featured-image.is-transient .components-spinner{ + left:50%; + position:absolute; + top:50%; + transform:translate(-50%, -50%); } -div[data-type="core/post-featured-image"] img { - max-width: 100%; - height: auto; - display: block; +div[data-type="core/post-featured-image"] img{ + display:block; + height:auto; + max-width:100%; } -.wp-block-post-comments__placeholder * { - pointer-events: none; -} - -.wp-block-post-comments-form * { - pointer-events: none; -} -.wp-block-post-comments-form *.block-editor-warning * { - pointer-events: auto; +.wp-block-post-comments-form *{ + pointer-events:none; +} +.wp-block-post-comments-form .block-editor-warning *{ + pointer-events:auto; } -:root .editor-styles-wrapper { - /* - * Our classes uses the same values we set for gradient value attributes, - * and we can not use spacing because of WP multi site kses rule. - */ - /* stylelint-disable function-comma-space-after */ - /* stylelint-enable function-comma-space-after */ -} -:root .editor-styles-wrapper .has-very-light-gray-background-color { - background-color: #eee; -} -:root .editor-styles-wrapper .has-very-dark-gray-background-color { - background-color: #313131; -} -:root .editor-styles-wrapper .has-very-light-gray-color { - color: #eee; -} -:root .editor-styles-wrapper .has-very-dark-gray-color { - color: #313131; -} -:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background { - background: linear-gradient(135deg, #00d084 0%, #0693e3 100%); -} -:root .editor-styles-wrapper .has-purple-crush-gradient-background { - background: linear-gradient(135deg, #34e2e4 0%, #4721fb 50%, #ab1dfe 100%); -} -:root .editor-styles-wrapper .has-hazy-dawn-gradient-background { - background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); -} -:root .editor-styles-wrapper .has-subdued-olive-gradient-background { - background: linear-gradient(135deg, #fafae1 0%, #67a671 100%); -} -:root .editor-styles-wrapper .has-atomic-cream-gradient-background { - background: linear-gradient(135deg, #fdd79a 0%, #004a59 100%); -} -:root .editor-styles-wrapper .has-nightshade-gradient-background { - background: linear-gradient(135deg, #330968 0%, #31cdcf 100%); -} -:root .editor-styles-wrapper .has-midnight-gradient-background { - background: linear-gradient(135deg, #020381 0%, #2874fc 100%); +.wp-block-post-content.wp-block-post-content{ + -webkit-user-select:none; + user-select:none; +} +.wp-element-button{ + cursor:revert; +} +.wp-element-button[role=textbox]{ + cursor:text; +} +:root .editor-styles-wrapper .has-very-light-gray-background-color{ + background-color:#eee; +} +:root .editor-styles-wrapper .has-very-dark-gray-background-color{ + background-color:#313131; +} +:root .editor-styles-wrapper .has-very-light-gray-color{ + color:#eee; +} +:root .editor-styles-wrapper .has-very-dark-gray-color{ + color:#313131; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{ + background:linear-gradient(135deg, #00d084, #0693e3); +} +:root .editor-styles-wrapper .has-purple-crush-gradient-background{ + background:linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe); +} +:root .editor-styles-wrapper .has-hazy-dawn-gradient-background{ + background:linear-gradient(135deg, #faaca8, #dad0ec); +} +:root .editor-styles-wrapper .has-subdued-olive-gradient-background{ + background:linear-gradient(135deg, #fafae1, #67a671); +} +:root .editor-styles-wrapper .has-atomic-cream-gradient-background{ + background:linear-gradient(135deg, #fdd79a, #004a59); +} +:root .editor-styles-wrapper .has-nightshade-gradient-background{ + background:linear-gradient(135deg, #330968, #31cdcf); +} +:root .editor-styles-wrapper .has-midnight-gradient-background{ + background:linear-gradient(135deg, #020381, #2874fc); } -.editor-styles-wrapper { - --wp--preset--font-size--normal: 16px; - --wp--preset--font-size--huge: 42px; -} - -.editor-styles-wrapper .has-regular-font-size { - font-size: 16px; -} - -.editor-styles-wrapper .has-larger-font-size { - font-size: 42px; +:where(.editor-styles-wrapper) .has-regular-font-size{ + font-size:16px; } -.editor-styles-wrapper .has-normal-font-size { - font-size: var(--wp--preset--font-size--normal); -} - -.editor-styles-wrapper .has-huge-font-size { - font-size: var(--wp--preset--font-size--huge); -} - -/** - * Editor Normalization Styles - * - * These are only output in the editor, but styles here are NOT prefixed .editor-styles-wrapper. - * This allows us to create normalization styles that are easily overridden by editor styles. - */ \ No newline at end of file +:where(.editor-styles-wrapper) .has-larger-font-size{ + font-size:42px; +} +:where(.editor-styles-wrapper) iframe:not([frameborder]){ + border:0; +} \ No newline at end of file