diff -r 34716fd837a4 -r be944660c56a wp/wp-includes/css/dist/block-library/editor.css --- a/wp/wp-includes/css/dist/block-library/editor.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-includes/css/dist/block-library/editor.css Wed Sep 21 18:19:35 2022 +0200 @@ -2,18 +2,17 @@ * Colors */ /** - * Deprecated colors. - * Please avoid using these. - */ -/** * Breakpoints & Media Queries */ /** - * Colors + * 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. */ /** - * Deprecated colors. - * Please avoid using these. + * Colors */ /** * Fonts & basic variables. @@ -32,10 +31,14 @@ * Editor widths. */ /** - * Block UI. + * Block & Editor UI. */ /** - * Border radii. + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. */ /** * Breakpoint mixins @@ -65,179 +68,295 @@ /** * Reset the WP Admin page styles for Gutenberg-like pages. */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-20: #005a87; } +#start-resizable-editor-section { + display: none; +} -#start-resizable-editor-section { - display: none; } - -.block-editor 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; } - -.edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow__click-redirect { - min-height: auto; } + margin-right: 0; +} .edit-post-visual-editor .block-library-block__reusable-block-container .is-root-container { padding-left: 0; - padding-right: 0; } - + padding-right: 0; +} .edit-post-visual-editor .block-library-block__reusable-block-container .block-editor-writing-flow { - display: block; } + display: block; +} +.edit-post-visual-editor .block-library-block__reusable-block-container .components-disabled .block-list-appender { + display: none; +} -.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 { +.wp-block[data-align=center] > .wp-block-button { text-align: center; margin-left: auto; - margin-right: auto; } + margin-right: auto; +} -.wp-block[data-align="right"] > .wp-block-button { +.wp-block[data-align=right] > .wp-block-button { /*!rtl:ignore*/ - text-align: right; } + text-align: right; +} .wp-block-button { position: relative; - cursor: text; } - .wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { - color: #fff; } - .wp-block-button:focus { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; - 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; } + cursor: text; +} +.wp-block-button:not(.has-text-color):not(.is-style-outline) [data-rich-text-placeholder]::after { + color: #fff; +} +.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-button__inline-link { - color: #555d66; + color: #757575; height: 0; overflow: hidden; - max-width: 290px; } + 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: 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; - margin-top: 16px; } + 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; + margin-top: 16px; +} + +.wp-button-label__width .components-button-group { + display: block; +} +.wp-button-label__width .components-base-control__field { + margin-bottom: 12px; +} div[data-type="core/button"] { - display: table; } - -.wp-block-buttons .wp-block.block-editor-block-list__block[data-type="core/button"] { - display: inline-block; - width: auto; } + display: table; +} -.wp-block[data-align="center"] > .wp-block-buttons { +.wp-block > .wp-block-buttons { display: flex; - align-items: center; flex-wrap: wrap; - justify-content: center; } +} -.wp-block[data-align="right"] > .wp-block-buttons { - display: flex; - justify-content: flex-end; } - -.wp-block-buttons .block-list-appender { - display: inline-block; } +.wp-block-buttons { + /* stylelint-disable indentation */ +} +.wp-block-buttons > .wp-block { + margin-left: 0; + margin-top: 0.5em; + margin-right: 0.5em; +} +.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; +} -.block-editor .wp-block-categories ul { - padding-left: 2.5em; } - .block-editor .wp-block-categories ul ul { - margin-top: 6px; } +.wp-block[data-align=center] > .wp-block-buttons { + align-items: center; + justify-content: center; +} -.wp-block-code > code { - display: block; } +.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; +} .wp-block-columns .wp-block { - max-width: none; } + max-width: none; + margin-left: 0; + margin-right: 0; +} @media (min-width: 600px) { - .editor-styles-wrapper -.block-editor-block-list__block.wp-block-column:nth-child(even) { - margin-left: 32px; } } - + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:nth-child(even) { + margin-left: 32px; + } +} @media (min-width: 782px) { - .editor-styles-wrapper -.block-editor-block-list__block.wp-block-column:not(:first-child) { - margin-left: 32px; } } - + .editor-styles-wrapper .block-editor-block-list__block.wp-block-column:not(:first-child) { + margin-left: 32px; + } +} .block-editor-block-list__block.wp-block-column.wp-block-column { margin-top: 0; - margin-bottom: 0; } + margin-bottom: 0; +} -.wp-block-cover { - position: relative; } - .wp-block-cover.is-placeholder { - min-height: auto !important; - padding: 0 !important; } - .wp-block-cover.components-placeholder h2 { - color: inherit; } - .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%; } +.wp-block-cover.is-placeholder { + min-height: auto !important; + padding: 0 !important; +} +.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%; +} -[data-align="left"] > .wp-block-cover, -[data-align="right"] > .wp-block-cover { - max-width: 290px; - width: 100%; } +[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; } + margin-left: auto; +} .block-library-cover__resize-container { position: absolute !important; top: 0; left: 0; right: 0; - bottom: 0; } + bottom: 0; +} .block-library-cover__resize-container:not(.is-resizing) { - height: auto !important; } + height: auto !important; +} + +.wp-block-cover > .components-drop-zone.is-active { + transition: 0.2s opacity, 0.2s border; +} +@media (prefers-reduced-motion: reduce) { + .wp-block-cover > .components-drop-zone.is-active { + transition-duration: 0s; + transition-delay: 0s; + } +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element { + background-color: transparent; + border: 48px solid var(--wp-admin-theme-color); +} +.wp-block-cover > .components-drop-zone.is-dragging-over-element .components-drop-zone__content { + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content { + display: flex; + align-items: center; + top: -36px; + left: -36px; + transform: none; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon, +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + display: inline; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-icon { + margin: 0; + margin-right: 8px; +} +.wp-block-cover > .components-drop-zone .components-drop-zone__content-text { + font-size: 13px; +} + +.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; - flex-direction: column; - align-items: center; - justify-content: center; - padding: 1em; - min-height: 200px; - text-align: center; - border-radius: 2px; - background-color: #fff; - box-shadow: inset 0 0 0 1px #1e1e1e; } - .wp-block-embed.is-loading p { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; } - .wp-block-embed .components-placeholder__error { - word-break: break-word; } - .wp-block-embed .components-placeholder__learn-more { - margin-top: 1em; } + clear: both; +} +.wp-block-embed.is-loading { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + padding: 1em; + min-height: 200px; + text-align: center; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; +} +.wp-block-embed.is-loading p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; +} +.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; @@ -245,242 +364,320 @@ left: 0; right: 0; bottom: 0; - opacity: 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-file { display: flex; + flex-wrap: wrap; justify-content: space-between; align-items: center; - margin-bottom: 0; } - .wp-block-file .wp-block-file__content-wrapper { - flex-grow: 1; } - .wp-block-file .wp-block-file__textlink { - display: inline-block; - min-width: 1em; } - .wp-block-file .wp-block-file__textlink:focus { - box-shadow: none; } - .wp-block-file .wp-block-file__button-richtext-wrapper { - display: inline-block; - margin-left: 0.75em; } - .wp-block-file .wp-block-file__copy-url-button { - margin-left: 1em; } + 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-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: #007cba; - 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.33333%; } - .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.66667%; } - .wp-block-freeform.block-library-rich-text__tinymce .gallery-columns-7 .gallery-item { - width: 14.28571%; } - .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.11111%; } - .wp-block-freeform.block-library-rich-text__tinymce .gallery img { - max-width: 100%; - height: auto; - border: none; - padding: 0; } + /* 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; +} 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; } } - + 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"].is-selected::before { - border-color: #1e1e1e; } - + border-color: #1e1e1e; +} div[data-type="core/freeform"] .block-editor-block-contextual-toolbar + div { margin-top: 0; - padding-top: 0; } - + padding-top: 0; +} div[data-type="core/freeform"].is-selected .block-library-rich-text__tinymce::after { content: ""; display: table; - clear: both; } + clear: both; +} .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; } - + color: #1e1e1e; +} .mce-toolbar-grp .mce-rtl .mce-flow-layout-item.mce-last { margin-right: 0; - margin-left: 8px; } - + margin-left: 8px; +} .mce-toolbar-grp .mce-btn i { - font-style: normal; } + font-style: normal; +} .block-library-classic__toolbar { display: none; width: auto; margin: 0; - position: -webkit-sticky; position: sticky; z-index: 31; top: 0; @@ -488,92 +685,115 @@ border-bottom: none; border-radius: 2px; margin-bottom: 8px; - padding: 0; } - div[data-type="core/freeform"].is-selected .block-library-classic__toolbar, - div[data-type="core/freeform"].is-typing .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: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; } + 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: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; +} .wp-block-gallery li { - list-style-type: none; } - -.wp-block-gallery .block-editor-media-placeholder { - margin-bottom: 12px; - padding: 12px; } - .wp-block-gallery .block-editor-media-placeholder .components-placeholder__label { - display: none; } - .wp-block-gallery .block-editor-media-placeholder .components-button { - margin-bottom: 0; } + list-style-type: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .components-placeholder__label { + display: none; +} +.wp-block-gallery .block-editor-media-placeholder.is-appender .block-editor-media-placeholder__button { + margin-bottom: 0; +} figure.wp-block-gallery { display: block; - margin: 0; } + margin: 0; +} .blocks-gallery-grid.blocks-gallery-grid { padding-left: 0; margin-left: 0; - margin-bottom: 0; } + margin-bottom: 0; +} .blocks-gallery-item figure:not(.is-selected):focus, .blocks-gallery-item img:focus { - outline: none; } - -.blocks-gallery-item figure.is-selected { - box-shadow: 0 0 0 1px #fff, 0 0 0 3px #007cba; - box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--wp-admin-theme-color); - border-radius: 2px; - outline: 2px solid transparent; } - .blocks-gallery-item figure.is-selected img { - border-radius: 2px; } - + 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-selected figcaption { + z-index: 2; +} .blocks-gallery-item figure.is-transient img { - opacity: 0.3; } - + opacity: 0.3; +} .blocks-gallery-item .is-selected .block-library-gallery-item__inline-menu { - display: inline-flex; } - + 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; } + height: 100%; +} +.blocks-gallery-item .block-editor-media-placeholder .components-placeholder__label { + display: flex; +} .block-library-gallery-item__inline-menu { display: none; @@ -584,630 +804,914 @@ 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; } } - .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 .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.is-left { - left: -2px; } - .block-library-gallery-item__inline-menu.is-right { - right: -2px; } + 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: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 .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.is-left { + left: -2px; +} +.block-library-gallery-item__inline-menu.is-right { + right: -2px; +} .blocks-gallery-item .components-spinner { position: absolute; top: 50%; left: 50%; margin-top: -9px; - margin-left: -9px; } + margin-left: -9px; +} /** * Group: All Alignment Settings */ -.wp-block-group { - margin-top: 0; - margin-bottom: 0; } - .wp-block-group .block-editor-block-list__insertion-point { - left: 0; - right: 0; } - .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { - margin-left: auto; - margin-right: auto; } - .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { - margin-left: -30px; - width: calc(100% + 60px); } - -/** - * Group: Full Width Alignment - */ -[data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { - padding-left: 14px; - padding-right: 14px; } - @media (min-width: 600px) { - [data-align="full"] .wp-block-group > .wp-block-group__inner-container > .wp-block { - padding-left: 0; - padding-right: 0; } } - -[data-align="full"] .wp-block-group > .wp-block-group__inner-container > [data-align="full"] { - padding-right: 0; - padding-left: 0; +.wp-block-group .block-editor-block-list__insertion-point { left: 0; - width: 100%; - max-width: none; } - -[data-align="full"] .wp-block-group.has-background > .wp-block-group__inner-container > [data-align="full"] { - width: calc(100% + 60px); } + right: 0; +} [data-type="core/group"].is-selected .block-list-appender { margin-left: 0; - margin-right: 0; } - + margin-right: 0; +} [data-type="core/group"].is-selected .has-background .block-list-appender { margin-top: 18px; - margin-bottom: 18px; } + margin-bottom: 18px; +} .block-library-heading-level-dropdown .components-popover__content { - min-width: 230px; } - .block-library-heading-level-dropdown .components-popover__content > div { - padding: 0; } + min-width: 230px; +} +.block-library-heading-level-dropdown .components-popover__content > div { + padding: 0; +} .block-library-heading-level-toolbar { - border: none; } + border: none; +} -.wp-block-html { - margin-bottom: 28px; } - .wp-block-html .block-library-html__preview-overlay { - position: absolute; - width: 100%; - height: 100%; - top: 0; - left: 0; } - .wp-block-html .block-editor-plain-text { - font-family: Menlo, Consolas, monaco, monospace; - color: #1e1e1e; - padding: 0.8em 1em; - border: 1px solid #ddd; - border-radius: 4px; - max-height: 250px; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; } - @media (min-width: 600px) { - .wp-block-html .block-editor-plain-text { - font-size: 13px; } } - .wp-block-html .block-editor-plain-text:focus { - box-shadow: none; } +.block-library-html__edit { + margin-bottom: 28px; +} +.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; + color: #1e1e1e; + padding: 0.8em 1em; + border: 1px solid #ddd; + border-radius: 4px; + max-height: 250px; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; +} +@media (min-width: 600px) { + .block-library-html__edit .block-editor-plain-text { + font-size: 13px; + } +} +.block-library-html__edit .block-editor-plain-text:focus { + box-shadow: none; +} figure.wp-block-image:not(.wp-block) { - margin: 0; } + margin: 0; +} .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; } + 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 { + border-radius: inherit; +} .wp-block-image .components-resizable-box__container { - display: inline-block; } - .wp-block-image .components-resizable-box__container img { - display: block; - width: inherit; - height: inherit; } + display: inline-block; +} +.wp-block-image .components-resizable-box__container img { + display: block; + width: inherit; + height: inherit; +} .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; } } + 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; + } +} + +[data-align=wide] > .wp-block-image img, +[data-align=full] > .wp-block-image img { + width: 100%; +} -[data-align="wide"] > .wp-block-image img, -[data-align="full"] > .wp-block-image img { - 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="left"] > .wp-block-image { +.wp-block[data-align=left] > .wp-block-image { margin-right: 1em; margin-left: 0; margin-top: 0.5em; - margin-bottom: 0.5em; } + margin-bottom: 0.5em; +} -.wp-block[data-align="right"] > .wp-block-image { +.wp-block[data-align=right] > .wp-block-image { margin-left: 1em; margin-right: 0; margin-top: 0.5em; - margin-bottom: 0.5em; } + margin-bottom: 0.5em; +} -.wp-block[data-align="center"] > .wp-block-image { +.wp-block[data-align=center] > .wp-block-image { margin-left: auto; margin-right: auto; - text-align: center; } + text-align: center; +} .wp-block-image__crop-area { position: relative; max-width: 100%; - 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; } + align-items: center; +} +.wp-block-image__crop-icon svg { + fill: currentColor; +} .wp-block-image__zoom .components-popover__content { - overflow: visible; } - + overflow: visible; + min-width: 260px; +} .wp-block-image__zoom .components-range-control { - flex: 1; } - + flex: 1; +} .wp-block-image__zoom .components-base-control__field { display: flex; - margin-bottom: 0; } + margin-bottom: 0; + flex-direction: column; + align-items: flex-start; +} .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-latest-comments.has-avatars .avatar { - margin-right: 10px; } + align-items: center; +} +.wp-block-image__aspect-ratio .components-button { + width: 36px; + padding-left: 0; + padding-right: 0; +} -.wp-block-latest-comments__comment-excerpt p { - font-size: 14px; - line-height: 1.8; - margin: 5px 0 20px; - padding-top: 0; } - -.wp-block-latest-comments.has-avatars .wp-block-latest-comments__comment { - min-height: 36px; } - -.block-editor .wp-block-latest-posts { - padding-left: 2.5em; } - .block-editor .wp-block-latest-posts.is-grid { - padding-left: 0; } +.wp-block-latest-posts { + padding-left: 2.5em; +} +.wp-block-latest-posts.is-grid { + padding-left: 0; +} .wp-block-latest-posts li a > div { - display: inline; } - -.wp-block-legacy-widget__edit-container .widget-inside { - border: none; - display: block; - box-shadow: none; } - -.wp-block-legacy-widget__edit-container .widget.open { - z-index: 0; } - -.wp-block-legacy-widget__update-button { - margin-left: auto; - display: block; } + display: inline; +} -.wp-block-legacy-widget__preview { - overflow: auto; } - -.wp-block-legacy-widget__preview, -.wp-block-legacy-widget__edit-container, -.wp-block-legacy-widget__edit-widget-title { - padding: 8px 14px; } - -.wp-block-legacy-widget__edit-widget-title { - background: #ddd; - color: #1e1e1e; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 8px 14px; - font-weight: 600; } +.edit-post-visual-editor .wp-block-latest-posts.is-grid li { + margin-bottom: 20px; +} .wp-block-media-text .__resizable_base__ { - -ms-grid-column: 1; - -ms-grid-column-span: 2; - grid-column: 1 / span 2; - -ms-grid-row: 2; - grid-row: 2; } + grid-column: 1/span 2; + grid-row: 2; +} .wp-block-media-text .editor-media-container__resizer { - width: 100% !important; } + width: 100% !important; +} .wp-block-media-text.is-image-fill .editor-media-container__resizer { - height: 100% !important; } + height: 100% !important; +} .wp-block-media-text > .block-editor-block-list__layout > .block-editor-block-list__block { - max-width: unset; } + max-width: unset; +} .block-editor-block-list__block[data-type="core/more"] { max-width: 100%; text-align: center; margin-top: 28px; - margin-bottom: 28px; } + margin-bottom: 28px; +} -.block-editor .wp-block-more { +.wp-block-more { display: block; text-align: center; - white-space: nowrap; } - .block-editor .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: #6c7781; - 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%; } - .block-editor .wp-block-more input[type="text"]:focus { - box-shadow: none; } - .block-editor .wp-block-more::before { - content: ""; - position: absolute; - top: calc(50%); - left: 0; - right: 0; - border-top: 3px dashed #ccd0d4; } + 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; +} -.editor-styles-wrapper .wp-block-navigation ul, -.editor-styles-wrapper .wp-block-navigation ol { +/** + * 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 .block-editor-block-list__block { - margin: 0; } + padding-left: 0; +} -.wp-block-navigation .block-list-appender { - margin: 0; - display: flex; - align-items: center; } - -.wp-block-navigation.is-vertical .block-list-appender { - margin: 8px; } - -.wp-block-navigation__inserter-content { - padding: 16px; } - +/** + * Submenus. + */ .wp-block-navigation__container.is-parent-of-selected-block { visibility: visible; - opacity: 1; } + opacity: 1; +} -.has-child > .wp-block-navigation__container, .has-child:hover > .wp-block-navigation__container { +.wp-block-navigation__container, +.wp-block-navigation-link { + background-color: inherit; +} + +.wp-block-navigation:not(.is-selected):not(.has-child-selected) .has-child:hover > .wp-block-navigation-link__container { opacity: 0; - visibility: hidden; } + visibility: hidden; +} + +.has-child.is-selected > .wp-block-navigation-link__container, .has-child.has-child-selected > .wp-block-navigation-link__container { + display: flex; + opacity: 1; + visibility: visible; +} + +.is-dragging-components-draggable .has-child.is-dragging-within > .wp-block-navigation-link__container { + opacity: 1; + visibility: visible; +} -.has-child.is-selected > .wp-block-navigation__container, .has-child.has-child-selected > .wp-block-navigation__container { +.is-editing > .wp-block-navigation__container { + visibility: visible; opacity: 1; - visibility: visible; } + display: flex; + flex-direction: column; +} + +.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; +} /** * 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; } - .block-library-colors-selector .block-library-colors-selector__state-selection { - 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; } + 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; } - + padding: 16px; +} .block-library-colors-selector__popover .components-base-control__label { height: 20px; - line-height: 20px; } - + line-height: 20px; +} .block-library-colors-selector__popover .component-color-indicator { float: right; - margin-top: 2px; } + margin-top: 2px; +} +.block-library-colors-selector__popover .components-panel__body-title { + display: none; +} -.block-library-colors-selector__popover .components-panel__body-title { - display: none; } +.wp-block-navigation .block-editor-button-block-appender { + justify-content: flex-start; +} -.is-editing > .wp-block-navigation__container { - visibility: visible; - opacity: 1; - display: flex; - flex-direction: column; } - -.wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle { - color: #fff; } - -.wp-block-navigation.is-style-dark .block-editor-button-block-appender.block-list-appender__toggle > svg { - color: #000; - background-color: #fff; } +/** + * Setup state + */ +.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; +} +.is-selected .components-placeholder.wp-block-navigation-placeholder { + color: #1e1e1e; +} .wp-block-navigation-placeholder .components-spinner { margin-top: -4px; margin-left: 4px; vertical-align: middle; - margin-right: 7px; } - -.wp-block-navigation-placeholder .components-custom-select-control__label { - margin-bottom: 1rem; } + margin-right: 7px; +} -.wp-block-navigation-placeholder .components-custom-select-control__button { - height: auto; - padding: 0.375rem 0.75rem 0.375rem 1.5rem; - min-width: 13.75rem; } +.wp-block-navigation-placeholder__preview { + display: flex; + flex-direction: row; + align-items: center; + flex-wrap: nowrap; + width: 100%; + overflow: hidden; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link { + position: relative; + min-width: 72px; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link::before { + display: block; + content: ""; + border-radius: 2px; + background: currentColor; + height: 16px; + width: 100%; +} +.wp-block-navigation-placeholder__preview svg { + fill: currentColor; +} +.wp-block-navigation-placeholder__preview .wp-block-navigation-link.wp-block-navigation-link, +.wp-block-navigation-placeholder__preview svg { + opacity: 0.3; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__preview { + display: flex; + opacity: 0; + width: 0; + overflow: hidden; + flex-wrap: nowrap; +} +.wp-block-navigation.is-selected .is-small .wp-block-navigation-placeholder__preview { + display: none; +} +.wp-block-navigation.is-selected .is-medium .wp-block-navigation-placeholder__preview { + display: none; +} -.wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option { +.wp-block-navigation-placeholder__controls { + padding: 8px; + border-radius: 2px; + background-color: #fff; + box-shadow: inset 0 0 0 1px #1e1e1e; + flex-direction: row; + align-items: center; + display: none; position: relative; - margin-top: 20px; } - .wp-block-navigation-placeholder .components-custom-select-control.has-menus .components-custom-select-control__item.is-create-empty-option::before { - content: ""; - position: absolute; - top: -10px; - left: 25px; - right: 25px; - height: 15px; - border-top: 1px solid #757575; } + z-index: 1; + float: left; + width: 100%; +} +.is-large .wp-block-navigation-placeholder__controls { + padding: 4px 8px; +} +.wp-block-navigation.is-selected .wp-block-navigation-placeholder__controls { + display: flex; +} +.is-small .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-medium .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions, .is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions { + flex-direction: column; +} +.is-selected.is-vertical .wp-block-navigation-placeholder__controls { + display: inline-flex; + padding: 12px; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__icon { + margin-right: 12px; + height: 36px; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + margin-right: 12px; + padding: 0; + align-items: center; + justify-content: flex-start; + line-height: 0; + margin-left: 5px; + display: none; +} +.wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator svg { + margin-right: 4px; +} +.is-vertical .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + margin-bottom: 4px; + margin-left: 0; +} +.is-large .wp-block-navigation-placeholder__controls .wp-block-navigation-placeholder__actions__indicator { + display: inline-flex; +} -.wp-block-navigation-placeholder .components-custom-select-control__label { +.is-vertical .wp-block-navigation-placeholder, +.is-vertical .wp-block-navigation-placeholder__preview, +.is-vertical .wp-block-navigation-placeholder__controls { + min-height: 156px; +} + +.is-vertical .wp-block-navigation-placeholder__preview, +.is-vertical .wp-block-navigation-placeholder__controls { + flex-direction: column; + align-items: flex-start; +} + +.wp-block-navigation-placeholder__actions { + display: flex; font-size: 13px; - font-weight: normal; } + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; +} +.wp-block-navigation-placeholder__actions .components-button.components-dropdown-menu__toggle.has-icon { + padding: 6px 4px 6px 12px; + display: flex; + flex-direction: row-reverse; +} +.wp-block-navigation-placeholder__actions .components-dropdown, +.wp-block-navigation-placeholder__actions > .components-button { + margin-right: 12px; +} + +/** + * 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; + } +} + +@media (min-width: 600px) { + .components-button.wp-block-navigation__responsive-container-open { + display: none; + } +} -.wp-block-navigation-placeholder .components-custom-select-control__menu { - margin: 0; - max-height: none; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; } +.wp-block-navigation__responsive-container.is-menu-open { + position: fixed; +} +body.admin-bar .wp-block-navigation__responsive-container.is-menu-open { + top: 155px; +} +@media (min-width: 782px) { + body.admin-bar .wp-block-navigation__responsive-container.is-menu-open { + top: 61px; + } +} -.wp-block-navigation .block-editor-button-block-appender { - justify-content: flex-start; } +@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; +} -.wp-block-navigation-link__field .components-text-control__input.components-text-control__input, +.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; +} + +.is-menu-open .wp-block-navigation__responsive-container-content * .block-list-appender { + margin-top: 16px; +} + .wp-block-navigation-link__container { border-radius: 0; - line-height: 36px; - min-height: 36px; } + min-height: 36px; +} + +/** + * Submenus. + */ +.wp-block-navigation .has-child { + cursor: pointer; +} +.wp-block-navigation .has-child .submenu-container, +.wp-block-navigation .has-child .wp-block-navigation-link__container { + z-index: 28; +} +.wp-block-navigation .has-child:hover .submenu-container, +.wp-block-navigation .has-child:hover .wp-block-navigation-link__container { + z-index: 29; +} +.wp-block-navigation .has-child.is-selected > .wp-block-navigation-link__container, .wp-block-navigation .has-child.has-child-selected > .wp-block-navigation-link__container { + visibility: visible !important; + opacity: 1 !important; +} /** - * Adjust Navigation Item. + * Navigation Items. */ -.wp-block-navigation-link .block-editor-block-list__layout { - display: block; } - +.wp-block-navigation-link .wp-block-navigation-link__container { + display: block; +} +.wp-block-navigation-link .wp-block-navigation-link__content { + cursor: text; +} .wp-block-navigation-link.is-editing, .wp-block-navigation-link.is-selected { - min-width: 20px; } - -.wp-block-navigation-link .block-editor-rich-text__editable.is-selected:not(.keep-placeholder-on-focus):not(:focus)[data-rich-text-placeholder]::after { - display: inline-block; } - + min-width: 20px; +} .wp-block-navigation-link .block-list-appender { - margin: 16px; - margin-left: 10px; - margin-top: 10px; } - -.wp-block-navigation-link__nofollow-external-link { - display: block; } - -.wp-block-navigation-link__separator { - margin: 8px 0 8px; - border-top: 1px solid #ddd; } - -.components-popover.wp-block-navigation-link__dropdown-content { - margin-top: -1px; - margin-left: -4px; } - -.wp-block-navigation-link__dropdown-content .components-popover__content > div { - padding: 8px 0; } + margin-top: 16px; + margin-right: auto; + margin-bottom: 16px; + margin-left: 16px; +} .wp-block-navigation .block-editor-block-list__block[data-type="core/navigation-link"] > .block-editor-block-list__insertion-point { - display: none; } + display: none; +} + +/** + * Menu item setup state. Is shown when a menu item has no URL configured. + */ +.wp-block-navigation-link__placeholder { + position: relative; + margin: 2px; +} +.wp-block-navigation-link__placeholder .wp-block-navigation-link__placeholder-text { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + padding-left: 4px; + padding-right: 4px; +} +.wp-block-navigation-link__placeholder.wp-block-navigation-link__content { + cursor: pointer; +} +.wp-block-navigation-link__placeholder::before { + content: ""; + display: block; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-radius: 2px; + opacity: 0.1; +} +.is-dark-theme .wp-block-navigation-link__placeholder::before { + opacity: 0.2; +} +.is-editing .wp-block-navigation-link__placeholder::before { + background: currentColor; +} + +.wp-block-navigation .wp-block-navigation-link:not(.is-editing) .wp-block-navigation-link__content.wp-block-navigation-link__placeholder { + box-shadow: inset 0 0 0 1px #757575; + border-radius: 2px; + color: var(--wp-admin-theme-color); +} .block-editor-block-list__block[data-type="core/nextpage"] { max-width: 100%; + text-align: center; margin-top: 28px; - margin-bottom: 28px; } + margin-bottom: 28px; +} .wp-block-nextpage { display: block; text-align: center; - white-space: nowrap; } - .wp-block-nextpage > span { - font-size: 13px; - position: relative; - display: inline-block; - text-transform: uppercase; - font-weight: 600; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - color: #6c7781; - 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 #ccd0d4; } + 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 .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; +} + +.wp-block-pages-list__item__link { + pointer-events: none; +} + +.wp-block-page-list .components-placeholder { + min-height: 0; + padding: 0; + background-color: inherit; +} +.wp-block-page-list .components-placeholder .components-spinner { + margin: 0.5em; +} + +.wp-block-page-list-modal { + max-width: 400px; +} + +.wp-block-page-list-modal-buttons { + display: flex; + justify-content: flex-end; +} +.wp-block-page-list-modal-buttons .components-button { + margin-left: 12px; +} .block-editor-block-list__block[data-type="core/paragraph"].has-drop-cap:focus { - min-height: auto !important; } + 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__excerpt.is-inline { - display: inline-block; } +.wp-block-post-content__placeholder { + height: 100px; + border: 1px dashed; + display: flex; + justify-content: center; + align-items: center; +} +.wp-block-post-content__placeholder span { + font-style: italic; +} + +.wp-block-post-excerpt .wp-block-post-excerpt__excerpt.is-inline { + display: inline-block; +} .wp-block-post-author { display: flex; flex-wrap: wrap; - line-height: 1.5; } - .wp-block-post-author .wp-block-post-author__byline { - font-size: 0.5em; - margin-top: 0; - position: relative; - font-style: normal; } - .wp-block-post-author .wp-block-post-author__content { - flex-grow: 1; - flex-basis: 0; } - .wp-block-post-author .wp-block-post-author__avatar img { - margin: 0; } - .wp-block-post-author .wp-block-post-author__avatar { - margin-bottom: -8px; } - .wp-block-post-author .wp-block-post-author__name { - margin: 0; - font-weight: bold; } - .wp-block-post-author .wp-block-post-author__bio { - margin: 0 0 8px; - font-size: 0.7em; } +} +.wp-block-post-author .wp-block-post-author__byline { + font-size: 0.5em; + margin-top: 0; + position: relative; + font-style: normal; +} +.wp-block-post-author .wp-block-post-author__content { + flex-grow: 1; + flex-basis: 0; +} +.wp-block-post-author .wp-block-post-author__avatar img { + margin: 0; +} +.wp-block-post-author .wp-block-post-author__avatar { + margin-bottom: -8px; +} +.wp-block-post-author .wp-block-post-author__name { + margin: 0; + font-weight: bold; +} +.wp-block-post-author .wp-block-post-author__bio { + margin: 0 0 8px; + font-size: 0.7em; +} -.wp-block[data-align="left"] > .wp-block-pullquote p, -.wp-block[data-align="right"] > .wp-block-pullquote p { - font-size: 20px; } +.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; } + line-height: 1.6; +} -.wp-block-pullquote.is-style-solid-color { - margin-left: 0; - margin-right: 0; } - .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.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-quote__citation { - font-size: 13px; } - -.block-editor .wp-block-rss { - padding-left: 2.5em; } - .block-editor .wp-block-rss.is-grid { - padding-left: 0; } + color: inherit; +} .wp-block-rss li a > div { - display: inline; } + display: inline; +} .wp-block-rss__placeholder-form { display: flex; - align-items: stretch; } + align-items: stretch; +} +.wp-block-rss__placeholder-form > * { + margin-bottom: 8px; +} +@media (min-width: 782px) { .wp-block-rss__placeholder-form > * { - margin-bottom: 8px; } - @media (min-width: 782px) { - .wp-block-rss__placeholder-form > * { - margin-bottom: 0; } } + margin-bottom: 0; + } +} .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; } + 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[data-align=center] .wp-block-search .wp-block-search__inside-wrapper { + margin: auto; +} -.wp-block-search__input { - border-radius: 2px; - border: 1px solid #7e8993; - color: rgba(30, 30, 30, 0.62); - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 8px; } - .wp-block-search__input:focus { - outline: none; } - -.wp-block-search__button { - background: #f7f7f7; - border-radius: 2px; - border: 1px solid #ccc; - box-shadow: inset 0 -1px 0 #ccc; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 10px; } +.wp-block-search .wp-block-search__input { + padding: 8px; +} +.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper { + padding: 4px; +} +.wp-block-search .wp-block-search__button { + height: auto; + border-radius: initial; +} +.wp-block-search .wp-block-search__button.wp-block-search__button.wp-block-search__button { + padding: 6px 10px; +} +.wp-block-search__components-button-group { + margin-top: 10px; +} .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"].block-editor-block-list__block { - margin-top: 0; - margin-bottom: 0; } + padding-bottom: 0.1px; +} -.wp-block-shortcode { - display: flex; - flex-direction: column; - padding: 14px; - font-size: 13px; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - margin-bottom: 28px; } - .wp-block-shortcode label { - display: flex; - align-items: center; - white-space: nowrap; - font-weight: 600; - flex-shrink: 0; } - .wp-block-shortcode .block-editor-plain-text { - max-height: 250px; } - .wp-block-shortcode .dashicon { - margin-right: 8px; } +[data-type="core/shortcode"] .block-editor-plain-text { + max-height: 250px; +} +[data-type="core/shortcode"].components-placeholder { + min-height: 0; +} -.block-editor .blocks-shortcode__textarea, .blocks-shortcode__textarea { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; padding: 6px 8px; @@ -1218,364 +1722,770 @@ /* Fonts smaller than 16px causes mobile safari to zoom. */ font-size: 16px; /* Override core line-height. To be reviewed. */ - line-height: normal; } - @media (prefers-reduced-motion: reduce) { - .block-editor .blocks-shortcode__textarea, - .blocks-shortcode__textarea { - transition-duration: 0s; } } - @media (min-width: 600px) { - .block-editor .blocks-shortcode__textarea, - .blocks-shortcode__textarea { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; } } - .block-editor .blocks-shortcode__textarea:focus, - .blocks-shortcode__textarea:focus { - border-color: #007cba; - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 0.5px #007cba; - box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); - outline: 2px solid transparent; } - .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, - .blocks-shortcode__textarea::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); } - .block-editor .blocks-shortcode__textarea::-moz-placeholder, - .blocks-shortcode__textarea::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); } - .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, - .blocks-shortcode__textarea:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); } - .is-dark-theme .block-editor .blocks-shortcode__textarea::-webkit-input-placeholder, .is-dark-theme - .blocks-shortcode__textarea::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - .is-dark-theme .block-editor .blocks-shortcode__textarea::-moz-placeholder, .is-dark-theme - .blocks-shortcode__textarea::-moz-placeholder { - opacity: 1; - color: rgba(255, 255, 255, 0.65); } - .is-dark-theme .block-editor .blocks-shortcode__textarea:-ms-input-placeholder, .is-dark-theme - .blocks-shortcode__textarea:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.65); } + 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[data-align=center] > .wp-block-site-logo { + margin-left: auto; + margin-right: auto; + text-align: center; +} +.wp-block-site-logo a { + pointer-events: none; +} +.wp-block-site-logo:not(.is-default-size) { + display: table; +} +.wp-block-site-logo.is-default-size { + width: 120px; +} +.wp-block-site-logo.is-default-size img { + width: 100%; +} +.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; + max-width: 100%; +} +.wp-block-site-logo .components-placeholder { + justify-content: flex-start; + min-height: auto; + height: 120px; + padding: 12px; +} +.wp-block-site-logo .components-placeholder .components-placeholder__label { + margin-top: 12px; + white-space: nowrap; +} +.wp-block-site-logo .components-placeholder .components-placeholder__label .block-editor-block-icon, +.wp-block-site-logo .components-placeholder .components-placeholder__label > svg { + margin-right: 4px; +} +.wp-block-site-logo .components-placeholder .components-form-file-upload { + display: none; +} +.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 .components-placeholder .components-drop-zone__content-text { + display: none; +} + +.wp-block-site-tagline__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.wp-block-site-title__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.wp-block-social-links .wp-social-link { + line-height: 0; +} .wp-block-social-links .wp-social-link button { + font-size: inherit; color: currentColor; - padding: 6px; } + height: auto; + line-height: 0; + padding: 0.25em; +} .wp-block-social-links.is-style-pill-shape .wp-social-link button { - padding-left: 16px; - padding-right: 16px; } + padding-left: calc((2/3) * 1em); + padding-right: calc((2/3) * 1em); +} .wp-block-social-links div.block-editor-url-input { display: inline-block; - margin-left: 8px; } + margin-left: 8px; +} -.editor-styles-wrapper .wp-block-social-link { - margin: 0; - margin-right: 8px; } +.wp-social-link:hover { + transform: none; +} .editor-styles-wrapper .wp-block-social-links { - padding: 0; } + padding: 0; +} + +.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 + .block-list-appender, +.wp-block-social-links__social-placeholder .wp-social-link { + padding: 0.25em; +} +.is-style-pill-shape .wp-block-social-links__social-placeholder + .block-list-appender, +.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); +} +.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 .wp-block-social-links__social-prompt { + 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 + .block-list-appender { + margin-right: 8px; + padding: 0.25em; +} .wp-block-social-links .block-list-appender { - margin: 0; + margin: 4px auto 4px 0; + border-radius: 9999px; +} +.wp-block-social-links .block-list-appender .block-editor-inserter { display: flex; - align-items: center; } - -.wp-block[data-align="center"] > .wp-block-social-links { - justify-content: center; } - -.block-editor-block-preview__content .wp-social-link:disabled { - opacity: 1; } + align-items: center; + justify-content: center; + font-size: inherit; + width: 1em; + height: 1em; +} +.has-small-icon-size .wp-block-social-links .block-list-appender { + font-size: 16px; +} +.has-normal-icon-size .wp-block-social-links .block-list-appender { + font-size: 24px; +} +.has-large-icon-size .wp-block-social-links .block-list-appender { + font-size: 36px; +} +.has-huge-icon-size .wp-block-social-links .block-list-appender { + font-size: 48px; +} +.wp-block-social-links .block-list-appender::before { + content: none; +} -[data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-block-social-links { - min-height: 36px; } - -[data-type="core/social-links"] .wp-social-link__is-incomplete { - transition: transform 0.1s ease; - transform-origin: center center; } +.wp-block[data-align=center] > .wp-block-social-links { + justify-content: center; +} -[data-type="core/social-links"]:not(.is-selected):not(.has-child-selected) .wp-social-link__is-incomplete { - opacity: 0; - transform: scale(0); - width: 0; - padding: 0; - margin-right: 0; } +.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; } } + opacity: 0.5; +} +@media (prefers-reduced-motion: reduce) { + .wp-social-link.wp-social-link__is-incomplete { + transition-duration: 0s; + transition-delay: 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; } - -[data-type="core/social-links"] .wp-social-link:focus { opacity: 1; - box-shadow: 0 0 0 2px #fff, 0 0 0 4px #007cba; - box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); - outline: 2px solid transparent; } +} -.is-navigate-mode .block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"].is-selected::after, -.block-editor-block-list__layout .block-editor-block-list__block[data-type="core/social-link"]:not([contenteditable]):focus::after { - right: 8px; } +.block-editor-block-list__block[data-type="core/spacer"]::before { + content: ""; + display: block; + position: absolute; + width: 100%; + height: 24px; + transform: translateY(-12px); +} +.wp-block-spacer.is-hovered .block-library-spacer__resize-container, .block-library-spacer__resize-container.has-show-handle { - background: #f0f0f0; } - .is-dark-theme .block-library-spacer__resize-container.has-show-handle { - background: rgba(255, 255, 255, 0.15); } + 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 { clear: both; - margin-bottom: 28px; } - .block-library-spacer__resize-container .components-resizable-box__handle::before { - content: none; } - -.edit-post-visual-editor p.wp-block-subhead { - color: #6c7781; - font-size: 1.1em; - font-style: italic; } - -.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; } +} +.block-library-spacer__resize-container .components-resizable-box__handle::before { + content: none; +} +.block-library-spacer__resize-container.resize-horizontal { + margin-bottom: 0; +} .wp-block-table { - margin: 0; } - .wp-block-table table { - border-collapse: collapse; } - .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: #007cba; - border-color: var(--wp-admin-theme-color); - box-shadow: inset 0 0 0 1px #007cba; - box-shadow: inset 0 0 0 1px var(--wp-admin-theme-color); - border-style: double; } - .wp-block-table figcaption { - color: #555d66; - font-size: 13px; - text-align: center; } + 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); +} .blocks-table__placeholder-form.blocks-table__placeholder-form { display: flex; flex-direction: column; - align-items: flex-start; } + 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: 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; } } + 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; } + margin-bottom: 0; +} +.blocks-table__placeholder-input input { + height: 36px; +} +.blocks-table__placeholder-input .components-base-control__field { + margin-bottom: 0; +} -.block-editor .wp-block-tag-cloud a { +.wp-block-tag-cloud a { display: inline-block; - margin-right: 5px; } - -.block-editor .wp-block-tag-cloud span { + margin-right: 5px; +} +.wp-block-tag-cloud span { display: inline-block; margin-left: 5px; - color: #8f98a1; - text-decoration: none; } + color: #757575; + text-decoration: none; +} -.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content { +.wp-block-template-part__placeholder-preview-dropdown-content .components-popover__content, +.wp-block-template-part__preview-dropdown-content .components-popover__content { min-width: 320px; - padding: 0; } + padding: 0; +} -.wp-block-template-part__placeholder-preview-search-form { - border-bottom: 1px solid #ddd; } +.wp-block-template-part__selection-preview-search-form { + border-bottom: 1px solid #ddd; +} -.wp-block-template-part__placeholder-preview-container { +.wp-block-template-part__selection-preview-container { background: #fff; - padding-bottom: 16px; } - .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item { - border-radius: 2px; - cursor: pointer; - margin-top: 16px; - transition: all 0.05s ease-in-out; - border: 1px solid transparent; } - .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:hover { - border: 1px solid #007cba; - border: 1px solid var(--wp-admin-theme-color); } - .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item:focus { - box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px #007cba; - box-shadow: inset 0 0 0 1px #fff, 0 0 0 1.5px var(--wp-admin-theme-color); - outline: 2px solid transparent; } - .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item.is-placeholder { - min-height: 100px; } - .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-preview-item-title { - padding: 4px; - font-size: 12px; - text-align: left; } - .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-header { - padding: 16px 16px 0; } - .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-content { - padding: 0 16px; } - .wp-block-template-part__placeholder-preview-container .wp-block-template-part__placeholder-panel-group-title { - color: #007cba; - color: var(--wp-admin-theme-color); - text-transform: uppercase; - font-size: 11px; - font-weight: 500; } + padding-bottom: 16px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item { + border-radius: 2px; + cursor: pointer; + margin-top: 16px; + transition: all 0.05s ease-in-out; + border: 1px solid transparent; + width: 100%; + background-color: #fff; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:hover { + border: 1px solid var(--wp-admin-theme-color); +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item:focus { + box-shadow: inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item.is-placeholder { + min-height: 100px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-preview-item-title { + padding: 4px; + font-size: 12px; + text-align: left; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-header { + padding: 16px 16px 0; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-content { + padding: 0 16px; +} +.wp-block-template-part__selection-preview-container .wp-block-template-part__selection-panel-group-title { + color: var(--wp-admin-theme-color); + text-transform: uppercase; + font-size: 11px; + font-weight: 500; +} -.wp-block-template-part__name-panel { - background-color: #fff; - border-radius: 2px; - box-shadow: 0 0 0 1px #1e1e1e; - outline: 1px solid transparent; - padding: 6px 12px; } - .wp-block-template-part__name-panel .components-base-control__field { - align-items: center; - display: flex; - margin-bottom: 0; } - .wp-block-template-part__name-panel .components-base-control__label { - margin-bottom: 0; - margin-right: 8px; } - -.is-navigate-mode .is-selected .wp-block-template-part__name-panel { - box-shadow: 0 0 0 1px #007cba; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } - .is-dark-theme .is-navigate-mode .is-selected .wp-block-template-part__name-panel { - box-shadow: 0 0 0 1px #007cba; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } +.block-editor-block-list__block[data-type="core/template-part"].has-child-selected::after { + border: 1px dotted var(--wp-admin-theme-color); +} +.block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-hovered::after, .block-editor-block-list__block[data-type="core/template-part"].has-child-selected.is-highlighted::after { + border: none; +} .wp-block-text-columns .block-editor-rich-text__editable:focus { - outline: 1px solid #ddd; } + outline: 1px solid #ddd; +} + +.wp-block[data-align=center] > .wp-block-video { + text-align: center; +} -pre.wp-block-verse { - color: #1e1e1e; - white-space: nowrap; - font-family: inherit; - font-size: inherit; - padding: 1em; - overflow: auto; } - -.wp-block[data-align="center"] > .wp-block-video { - text-align: center; } +.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; +} .editor-video-poster-control .components-base-control__label { - display: block; } - + display: block; +} .editor-video-poster-control .components-button { - margin-right: 8px; } + margin-right: 8px; +} + +.block-library-video-tracks-editor { + z-index: 159990; +} + +.block-library-video-tracks-editor > .components-popover__content { + width: 360px; +} + +.block-library-video-tracks-editor__track-list-track { + display: flex; + place-content: space-between; + align-items: baseline; + padding-left: 12px; +} -.wp-block[data-type="core/widget-area"] { - max-width: 700px; } +.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; +} + +.block-library-video-tracks-editor__single-track-editor-kind-select { + max-width: 240px; +} + +.block-library-video-tracks-editor__single-track-editor-buttons-container { + display: flex; + place-content: space-between; + margin-top: 32px; +} -.wp-block-widget-area > .components-panel__body > .block-editor-inner-blocks { - padding-top: 24px; } +.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; +} + +.block-library-video-tracks-editor > .components-popover__content > div { + padding: 0; +} + +.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, +.block-library-video-tracks-editor__track-list, +.block-library-video-tracks-editor__add-tracks-container { + padding: 12px; +} -/** - * Import styles from internal editor components used by the blocks. - */ -.block-editor-block-list__layout .reusable-block-edit-panel { - align-items: center; +.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; +} + +.wp-block-query-title__placeholder { + padding: 1em 0; + border: 1px dashed; +} + +.editor-styles-wrapper ul.wp-block-post-template { + padding-left: 0; + margin-left: 0; + list-style: none; +} + +.block-library-query-toolbar__popover .components-popover__content { + min-width: 230px; +} + +.wp-block-query__create-new-link { + padding: 0 16px 16px 56px; +} + +.wp-block > .wp-block-query-pagination { display: flex; flex-wrap: wrap; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 12px; + flex-direction: row; +} + +.editor-styles-wrapper .wp-block-query-pagination { + max-width: 100%; +} +.editor-styles-wrapper .wp-block-query-pagination.block-editor-block-list__layout { + margin: 0; +} + +.block-library-query-pagination-toolbar__popover .components-popover__content { + min-width: 230px; +} + +.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 { + display: inline-block; + 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-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; +} + +div[data-type="core/post-featured-image"] img { + max-width: 100%; + height: auto; + display: block; +} + +.editor-styles-wrapper .post-featured-image_placeholder { + display: flex; + flex-direction: row; + align-items: flex-start; border-radius: 2px; background-color: #fff; - box-shadow: 0 0 0 1px #1e1e1e; - outline: 1px solid transparent; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__info { - margin-right: auto; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__label { - margin-right: 8px; - white-space: nowrap; - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { - flex: 1 1 100%; } - .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { - flex-shrink: 0; } - @media (min-width: 960px) { - .block-editor-block-list__layout .reusable-block-edit-panel { - flex-wrap: nowrap; } - .block-editor-block-list__layout .reusable-block-edit-panel .reusable-block-edit-panel__title { - margin: 0; } - .block-editor-block-list__layout .reusable-block-edit-panel .components-button.reusable-block-edit-panel__button { - margin: 0 0 0 8px; } } + box-shadow: inset 0 0 0 1px #1e1e1e; + padding: 12px; +} +.editor-styles-wrapper .post-featured-image_placeholder svg { + margin-right: 12px; +} +.editor-styles-wrapper .post-featured-image_placeholder p { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + margin: 0; +} + +.wp-block-term-description__placeholder { + padding: 1em 0; + border: 1px dashed; +} -.reusable-block-edit-panel__title[type="text"] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ +:root .editor-styles-wrapper { + /* stylelint-disable function-comma-space-after */ + /* stylelint-enable function-comma-space-after */ +} +:root .editor-styles-wrapper .has-pale-pink-background-color { + background-color: #f78da7; +} +:root .editor-styles-wrapper .has-vivid-red-background-color { + background-color: #cf2e2e; +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color { + background-color: #ff6900; +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color { + background-color: #fcb900; +} +:root .editor-styles-wrapper .has-light-green-cyan-background-color { + background-color: #7bdcb5; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-background-color { + background-color: #00d084; +} +:root .editor-styles-wrapper .has-pale-cyan-blue-background-color { + background-color: #8ed1fc; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color { + background-color: #0693e3; +} +:root .editor-styles-wrapper .has-vivid-purple-background-color { + background-color: #9b51e0; +} +:root .editor-styles-wrapper .has-white-background-color { + background-color: #fff; +} +:root .editor-styles-wrapper .has-very-light-gray-background-color { + background-color: #eee; +} +:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color { + background-color: #abb8c3; +} +:root .editor-styles-wrapper .has-very-dark-gray-background-color { + background-color: #313131; +} +:root .editor-styles-wrapper .has-black-background-color { + background-color: #000; +} +:root .editor-styles-wrapper .has-pale-pink-color { + color: #f78da7; +} +:root .editor-styles-wrapper .has-vivid-red-color { + color: #cf2e2e; +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-color { + color: #ff6900; +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-color { + color: #fcb900; +} +:root .editor-styles-wrapper .has-light-green-cyan-color { + color: #7bdcb5; +} +:root .editor-styles-wrapper .has-vivid-green-cyan-color { + color: #00d084; +} +:root .editor-styles-wrapper .has-pale-cyan-blue-color { + color: #8ed1fc; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-color { + color: #0693e3; +} +:root .editor-styles-wrapper .has-vivid-purple-color { + color: #9b51e0; +} +:root .editor-styles-wrapper .has-white-color { + color: #fff; +} +:root .editor-styles-wrapper .has-very-light-gray-color { + color: #eee; +} +:root .editor-styles-wrapper .has-cyan-bluish-gray-color { + color: #abb8c3; +} +:root .editor-styles-wrapper .has-very-dark-gray-color { + color: #313131; +} +:root .editor-styles-wrapper .has-black-color { + color: #000; +} +:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background { + background: linear-gradient(135deg, #0693e3 0%, #9b51e0 100%); +} +: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-light-green-cyan-to-vivid-green-cyan-gradient-background { + background: linear-gradient(135deg, #7adcb4 0%, #00d082 100%); +} +:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background { + background: linear-gradient(135deg, #fcb900 0%, #ff6900 100%); +} +:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background { + background: linear-gradient(135deg, #ff6900 0%, #cf2e2e 100%); +} +:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background { + background: linear-gradient(135deg, #eeeeee 0%, #a9b8c3 100%); +} +:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background { + background: linear-gradient(135deg, #4aeadc 0%, #9778d1 20%, #cf2aba 40%, #ee2c82 60%, #fb6962 80%, #fef84c 100%); +} +:root .editor-styles-wrapper .has-blush-light-purple-gradient-background { + background: linear-gradient(135deg, #ffceec 0%, #9896f0 100%); +} +:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background { + background: linear-gradient(135deg, #fecda5 0%, #fe2d2d 50%, #6b003e 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-luminous-dusk-gradient-background { + background: linear-gradient(135deg, #ffcb70 0%, #c751c0 50%, #4158d0 100%); +} +:root .editor-styles-wrapper .has-hazy-dawn-gradient-background { + background: linear-gradient(135deg, #faaca8 0%, #dad0ec 100%); +} +:root .editor-styles-wrapper .has-pale-ocean-gradient-background { + background: linear-gradient(135deg, #fff5cb 0%, #b6e3d4 50%, #33a7b5 100%); +} +:root .editor-styles-wrapper .has-electric-grass-gradient-background { + background: linear-gradient(135deg, #caf880 0%, #71ce7e 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%); +} + +.editor-styles-wrapper .has-small-font-size { + font-size: 13px; +} + +.editor-styles-wrapper .has-regular-font-size, +.editor-styles-wrapper .has-normal-font-size { font-size: 16px; - /* Override core line-height. To be reviewed. */ - line-height: normal; } - @media (prefers-reduced-motion: reduce) { - .reusable-block-edit-panel__title[type="text"] { - transition-duration: 0s; } } - @media (min-width: 600px) { - .reusable-block-edit-panel__title[type="text"] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; } } - .reusable-block-edit-panel__title[type="text"]:focus { - border-color: #007cba; - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 0.5px #007cba; - box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); - outline: 2px solid transparent; } - .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); } - .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); } - .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); } - .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - .is-dark-theme .reusable-block-edit-panel__title[type="text"]::-moz-placeholder { - opacity: 1; - color: rgba(255, 255, 255, 0.65); } - .is-dark-theme .reusable-block-edit-panel__title[type="text"]:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.65); } +} + +.editor-styles-wrapper .has-medium-font-size { + font-size: 20px; +} -.is-navigate-mode .is-selected .reusable-block-edit-panel { - box-shadow: 0 0 0 1px #007cba; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } - .is-dark-theme .is-navigate-mode .is-selected .reusable-block-edit-panel { - box-shadow: 0 0 0 1px #007cba; - box-shadow: 0 0 0 1px var(--wp-admin-theme-color); } +.editor-styles-wrapper .has-large-font-size { + font-size: 36px; +} + +.editor-styles-wrapper .has-larger-font-size, +.editor-styles-wrapper .has-huge-font-size { + font-size: 42px; +} /** * Editor Normalization Styles @@ -1583,9 +2493,6 @@ * 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. */ -.block-editor-block-list__block { - margin-top: 28px; - margin-bottom: 28px; } - #end-resizable-editor-section { - display: none; } + display: none; +} \ No newline at end of file