diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-includes/css/dist/edit-post/style-rtl.css --- a/wp/wp-includes/css/dist/edit-post/style-rtl.css Tue Oct 22 16:11:46 2019 +0200 +++ b/wp/wp-includes/css/dist/edit-post/style-rtl.css Tue Dec 15 13:49:49 2020 +0100 @@ -2,10 +2,40 @@ * Colors */ /** + * Deprecated colors. + * Please avoid using these. + */ +/** * Breakpoints & Media Queries */ /** - * Often re-used variables + * Colors + */ +/** + * Deprecated colors. + * Please avoid using these. + */ +/** + * Fonts & basic variables. + */ +/** + * Grid System. + * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ + */ +/** + * Dimensions. + */ +/** + * Shadows. + */ +/** + * Editor widths. + */ +/** + * Block UI. + */ +/** + * Border radii. */ /** * Breakpoint mixins @@ -17,200 +47,423 @@ * than the space allows. */ /** - * Button states and focus styles + * Focus styles. */ /** * Applies editor left position to the selector passed as argument */ /** - * Applies editor right position to the selector passed as argument - */ -/** * Styles that are reused verbatim in a few places */ /** * Allows users to opt-out of animations via OS-level preferences. */ +/** + * Reset default styles for JavaScript UI based pages. + * This is a WP-admin agnostic reset + */ +/** + * Reset the WP Admin page styles for Gutenberg-like pages. + */ +:root { + --wp-admin-theme-color: #007cba; + --wp-admin-theme-color-darker-10: #006ba1; + --wp-admin-theme-color-darker-20: #005a87; } + +.components-panel__header.interface-complementary-area-header__small { + background: #fff; + padding-left: 4px; } + .components-panel__header.interface-complementary-area-header__small .interface-complementary-area-header__small-title { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + width: 100%; } + @media (min-width: 782px) { + .components-panel__header.interface-complementary-area-header__small { + display: none; } } + +.interface-complementary-area-header { + background: #fff; + padding-left: 4px; } + .interface-complementary-area-header .components-button.has-icon { + display: none; + margin-right: auto; } + .interface-complementary-area-header .components-button.has-icon ~ .components-button { + margin-right: 0; } + @media (min-width: 782px) { + .interface-complementary-area-header .components-button.has-icon { + display: flex; } } + +.interface-complementary-area { + background: #fff; + color: #1e1e1e; + overflow: visible; } + @media (min-width: 600px) { + .interface-complementary-area { + z-index: auto; + height: 100%; + overflow: auto; + -webkit-overflow-scrolling: touch; } } + @media (min-width: 782px) { + .interface-complementary-area { + width: 280px; } } + .interface-complementary-area > .components-panel { + border-right: none; + border-left: none; + overflow: auto; + -webkit-overflow-scrolling: touch; + height: auto; + max-height: calc(100vh - 142px); + margin-top: -1px; + margin-bottom: -1px; + position: relative; } + @media (min-width: 600px) { + .interface-complementary-area > .components-panel { + overflow: visible; + height: auto; + max-height: none; } } + .interface-complementary-area > .components-panel .components-panel__header { + position: fixed; + z-index: 1; + top: 0; + right: 0; + left: 0; + height: 48px; } + @media (min-width: 600px) { + .interface-complementary-area > .components-panel .components-panel__header { + position: inherit; + top: auto; + right: auto; + left: auto; } } + .interface-complementary-area p { + margin-top: 0; } + .interface-complementary-area h2, + .interface-complementary-area h3 { + font-size: 13px; + color: #1e1e1e; + margin-bottom: 1.5em; } + .interface-complementary-area hr { + border-top: none; + border-bottom: 1px solid #f0f0f0; + margin: 1.5em 0; } + .interface-complementary-area div.components-toolbar-group, + .interface-complementary-area div.components-toolbar { + box-shadow: none; + margin-bottom: 1.5em; } + .interface-complementary-area div.components-toolbar-group:last-child, + .interface-complementary-area div.components-toolbar:last-child { + margin-bottom: 0; } + .interface-complementary-area .block-editor-skip-to-selected-block:focus { + top: auto; + left: 10px; + bottom: 10px; + right: auto; } + @media (min-width: 782px) { body.js.is-fullscreen-mode { - margin-top: -46px; - height: calc(100% + 46px); - animation: edit-post__fade-in-animation 0.3s ease-out 0s; - animation-fill-mode: forwards; } } - @media (min-width: 782px) and (min-width: 782px) { - body.js.is-fullscreen-mode { - margin-top: -32px; - height: calc(100% + 32px); } } - -@media (min-width: 782px) { + margin-top: -32px; + height: calc(100% + 32px); } body.js.is-fullscreen-mode #adminmenumain, body.js.is-fullscreen-mode #wpadminbar { display: none; } body.js.is-fullscreen-mode #wpcontent, body.js.is-fullscreen-mode #wpfooter { margin-right: 0; } } - @media (min-width: 782px) and (prefers-reduced-motion: reduce) { - body.js.is-fullscreen-mode { - animation-duration: 1ms !important; } } + +html.interface-interface-skeleton__html-container { + position: fixed; + width: 100%; } + @media (min-width: 782px) { + html.interface-interface-skeleton__html-container { + position: initial; + width: initial; } } + +.interface-interface-skeleton { + display: flex; + flex-direction: column; + height: auto; + max-height: 100%; + position: fixed; + top: 46px; + right: 0; + left: 0; + bottom: 0; } + @media (min-width: 783px) { + .interface-interface-skeleton { + top: 32px; } + .is-fullscreen-mode .interface-interface-skeleton { + top: 0; } } + +.interface-interface-skeleton { + /* Set left position when auto-fold is not on the body element. */ + right: 0; } + @media (min-width: 783px) { + .interface-interface-skeleton { + right: 160px; } } + +.auto-fold .interface-interface-skeleton { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } + @media (min-width: 783px) { + .auto-fold .interface-interface-skeleton { + right: 36px; } } + @media (min-width: 961px) { + .auto-fold .interface-interface-skeleton { + right: 160px; } } + +/* Sidebar manually collapsed. */ +.folded .interface-interface-skeleton { + right: 0; } + @media (min-width: 783px) { + .folded .interface-interface-skeleton { + right: 36px; } } + +/* Mobile menu opened. */ +@media (max-width: 783px) { + .auto-fold .wp-responsive-open .interface-interface-skeleton { + right: 190px; } } + +/* In small screens with responsive menu expanded there is small white space. */ +@media (max-width: 600px) { + .auto-fold .wp-responsive-open .interface-interface-skeleton { + margin-right: -18px; } } + +body.is-fullscreen-mode .interface-interface-skeleton { + right: 0 !important; } + +.interface-interface-skeleton__body { + flex-grow: 1; + display: flex; + overflow: auto; + overscroll-behavior-y: none; } + +.interface-interface-skeleton__content { + flex-grow: 1; + display: flex; + flex-direction: column; + overflow: auto; } + +.interface-interface-skeleton__left-sidebar, +.interface-interface-skeleton__sidebar { + display: block; + width: auto; + flex-shrink: 0; + position: absolute; + z-index: 100000; + top: 0; + left: 0; + bottom: 0; + right: 0; + background: #fff; + color: #1e1e1e; } + @media (min-width: 782px) { + .interface-interface-skeleton__left-sidebar, + .interface-interface-skeleton__sidebar { + position: relative !important; + z-index: 90; } } @media (min-width: 782px) { - body.js.is-fullscreen-mode .edit-post-header { - transform: translateY(-100%); - animation: edit-post-fullscreen-mode__slide-in-animation 0.1s forwards; } } - @media (min-width: 782px) and (prefers-reduced-motion: reduce) { - body.js.is-fullscreen-mode .edit-post-header { - animation-duration: 1ms !important; } } + .interface-interface-skeleton__sidebar { + overflow: auto; + border-right: 1px solid #f0f0f0; } } + +@media (min-width: 782px) { + .interface-interface-skeleton__left-sidebar { + border-left: 1px solid #f0f0f0; } } + +.interface-interface-skeleton__header { + flex-shrink: 0; + height: auto; + border-bottom: 1px solid #f0f0f0; + z-index: 30; + color: #1e1e1e; + position: -webkit-sticky; + position: sticky; + top: 0; } + @media (min-width: 600px) { + .interface-interface-skeleton__header { + position: initial; + top: 0; } } -@keyframes edit-post-fullscreen-mode__slide-in-animation { - 100% { - transform: translateY(0%); } } +.interface-interface-skeleton__footer { + height: auto; + flex-shrink: 0; + border-top: 1px solid #f0f0f0; + color: #1e1e1e; + display: none; } + @media (min-width: 782px) { + .interface-interface-skeleton__footer { + display: block; } } + +.interface-interface-skeleton__actions { + z-index: 100000; + position: fixed !important; + top: -9999em; + bottom: auto; + right: auto; + left: 0; + width: 280px; + color: #1e1e1e; } + .interface-interface-skeleton__actions:focus { + top: auto; + bottom: 0; } + +.interface-pinned-items { + display: flex; } + .interface-pinned-items .components-button { + margin-right: 4px; } + .interface-pinned-items .components-button svg { + max-width: 24px; + max-height: 24px; } .edit-post-header { - height: 56px; - padding: 4px 2px; - border-bottom: 1px solid #e2e4e7; + height: 60px; background: #fff; display: flex; - flex-direction: row; - align-items: stretch; - justify-content: space-between; - z-index: 30; - right: 0; - left: 0; - top: 0; - position: -webkit-sticky; - position: sticky; } - @media (min-width: 600px) { + flex-wrap: wrap; + align-items: center; + max-width: 100vw; } + @media (min-width: 280px) { .edit-post-header { - position: fixed; - padding: 8px; - top: 46px; } } - @media (min-width: 782px) { - .edit-post-header { - top: 32px; } - body.is-fullscreen-mode .edit-post-header { - top: 0; } } - .edit-post-header .editor-post-switch-to-draft + .editor-post-preview { - display: none; } - @media (min-width: 600px) { - .edit-post-header .editor-post-switch-to-draft + .editor-post-preview { - display: inline-flex; } } + flex-wrap: nowrap; } } .edit-post-header > .edit-post-header__settings { order: 1; } @supports ((position: -webkit-sticky) or (position: sticky)) { .edit-post-header > .edit-post-header__settings { order: initial; } } -.edit-post-header { - /* Set left position when auto-fold is not on the body element. */ - right: 0; } - @media (min-width: 782px) { - .edit-post-header { - right: 160px; } } - -.auto-fold .edit-post-header { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } - @media (min-width: 782px) { - .auto-fold .edit-post-header { - right: 36px; } } - @media (min-width: 960px) { - .auto-fold .edit-post-header { - right: 160px; } } - -/* Sidebar manually collapsed. */ -.folded .edit-post-header { - right: 0; } - @media (min-width: 782px) { - .folded .edit-post-header { - right: 36px; } } - -/* Mobile menu opened. */ -@media (max-width: 782px) { - .auto-fold .wp-responsive-open .edit-post-header { - right: 190px; } } - -/* In small screens with responsive menu expanded there is small white space. */ -@media (max-width: 600px) { - .auto-fold .wp-responsive-open .edit-post-header { - margin-right: -18px; } } - -body.is-fullscreen-mode .edit-post-header { - right: 0 !important; } +.edit-post-header__toolbar { + display: flex; + flex-grow: 1; + padding-right: 8px; } + @media (min-width: 600px) { + .edit-post-header__toolbar { + padding-right: 24px; } } + .edit-post-header__toolbar .table-of-contents { + display: none; } + @media (min-width: 600px) { + .edit-post-header__toolbar .table-of-contents { + display: block; } } .edit-post-header__settings { display: inline-flex; - align-items: center; } - -.edit-post-header .components-button.is-toggled { - color: #fff; - background: #555d66; - margin: 1px; - padding: 7px; } + align-items: center; + flex-wrap: wrap; + padding-left: 4px; } + @media (min-width: 600px) { + .edit-post-header__settings { + padding-left: 16px; } } -.edit-post-header .components-button.is-toggled:hover, .edit-post-header .components-button.is-toggled:focus { - box-shadow: 0 0 0 1px #555d66, inset 0 0 0 1px #fff !important; - color: #fff !important; - background: #555d66 !important; } - -.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft, .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - margin: 2px; - height: 33px; - line-height: 32px; - font-size: 13px; } +/** + * Buttons in the Toolbar + */ +.edit-post-header__settings .components-button.editor-post-save-draft, +.edit-post-header__settings .editor-post-saved-state, +.edit-post-header__settings .components-button.editor-post-switch-to-draft, +.edit-post-header__settings .components-button.editor-post-preview, +.edit-post-header__settings .components-button.block-editor-post-preview__dropdown { + padding: 0 6px; + margin-left: 4px; } + @media (min-width: 600px) { + .edit-post-header__settings .components-button.editor-post-save-draft, + .edit-post-header__settings .editor-post-saved-state, + .edit-post-header__settings .components-button.editor-post-switch-to-draft, + .edit-post-header__settings .components-button.editor-post-preview, + .edit-post-header__settings .components-button.block-editor-post-preview__dropdown { + margin-left: 12px; } } -.edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { - padding: 0 5px; } - @media (min-width: 600px) { - .edit-post-header .components-button.editor-post-save-draft, .edit-post-header .components-button.editor-post-switch-to-draft { - padding: 0 12px; } } - -.edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - padding: 0 5px 2px; } +.edit-post-header__settings .components-button.block-editor-post-preview__dropdown, +.edit-post-header__settings .components-button.editor-post-publish-button, +.edit-post-header__settings .components-button.editor-post-publish-panel__toggle { + padding: 0 6px; + margin-left: 4px; } @media (min-width: 600px) { - .edit-post-header .components-button.editor-post-preview, .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - padding: 0 12px 2px; } } + .edit-post-header__settings .components-button.block-editor-post-preview__dropdown, + .edit-post-header__settings .components-button.editor-post-publish-button, + .edit-post-header__settings .components-button.editor-post-publish-panel__toggle { + padding: 0 12px; + margin-left: 12px; } } + +.edit-post-header-preview__grouping-external { + display: flex; + position: relative; + padding-bottom: 0; } -@media (min-width: 782px) { - .edit-post-header .components-button.editor-post-preview { - margin: 0 12px 0 3px; } - .edit-post-header .components-button.editor-post-publish-button, .edit-post-header .components-button.editor-post-publish-panel__toggle { - margin: 0 3px 0 12px; } } +.edit-post-header-preview__button-external { + padding-right: 8px; + margin-left: auto; + width: 100%; + display: flex; + justify-content: flex-start; } + .edit-post-header-preview__button-external svg { + margin-left: 8px; } -.edit-post-fullscreen-mode-close__toolbar { +.edit-post-post-preview-dropdown .components-popover__content > div { + padding-bottom: 0; } + +.edit-post-fullscreen-mode-close.has-icon { display: none; } @media (min-width: 782px) { - .edit-post-fullscreen-mode-close__toolbar { - display: block; - border-top: 0; - border-bottom: 0; - border-right: 0; - margin: -9px -10px -9px 10px; - padding: 9px 10px; } } + .edit-post-fullscreen-mode-close.has-icon { + display: flex; + align-items: center; + align-self: stretch; + border: none; + background: #23282e; + color: #fff; + border-radius: 0; + height: auto; + width: 60px; } + .edit-post-fullscreen-mode-close.has-icon:hover { + background: #32373d; } + .edit-post-fullscreen-mode-close.has-icon:active { + color: #fff; } + .edit-post-fullscreen-mode-close.has-icon:focus { + box-shadow: inset 0 0 0 1.5px #007cba, inset 0 0 0 2.5px #fff; + box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 2.5px #fff; } } .edit-post-header-toolbar { display: inline-flex; - align-items: center; } + align-items: center; + border: none; } .edit-post-header-toolbar > .components-button { display: none; } @media (min-width: 600px) { .edit-post-header-toolbar > .components-button { display: inline-flex; } } - .edit-post-header-toolbar .block-editor-block-navigation, - .edit-post-header-toolbar .table-of-contents { + .edit-post-header-toolbar > .edit-post-header-toolbar__inserter-toggle { + display: inline-flex; } + .edit-post-header-toolbar .block-editor-block-navigation { display: none; } @media (min-width: 600px) { - .edit-post-header-toolbar .block-editor-block-navigation, - .edit-post-header-toolbar .table-of-contents { + .edit-post-header-toolbar .block-editor-block-navigation { display: flex; } } + .edit-post-header-toolbar > .components-button.has-icon, + .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon { + height: 36px; + min-width: 36px; + padding: 6px; } + .edit-post-header-toolbar > .components-button.has-icon.is-pressed, + .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon.is-pressed { + background: #1e1e1e; } + .edit-post-header-toolbar > .components-button.has-icon:focus:not(:disabled), + .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon:focus:not(:disabled) { + box-shadow: 0 0 0 1.5px #007cba, inset 0 0 0 1px #fff; + box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 0 0 1px #fff; + outline: 1px solid transparent; } + .edit-post-header-toolbar > .components-button.has-icon::before, + .edit-post-header-toolbar > .components-dropdown > .components-button.has-icon::before { + display: none; } .edit-post-header-toolbar__block-toolbar { position: absolute; - top: 56px; + top: 61px; right: 0; left: 0; background: #fff; - min-height: 37px; - border-bottom: 1px solid #e2e4e7; } + border-bottom: 1px solid #ddd; } + .edit-post-header-toolbar__block-toolbar:empty { + display: none; } + .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { border-top: none; border-bottom: none; } @@ -220,34 +473,40 @@ .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { display: block; left: 280px; } } - @media (min-width: 1080px) { + @media (min-width: 1280px) { .edit-post-header-toolbar__block-toolbar { padding-right: 8px; position: static; right: auto; left: auto; background: none; - border-bottom: none; - min-height: auto; } + border-bottom: none; } .is-sidebar-opened .edit-post-header-toolbar__block-toolbar { left: auto; } .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar { - margin: -9px 0; } + border-right: 1px solid #ddd; } + .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar-group, .edit-post-header-toolbar__block-toolbar .block-editor-block-toolbar .components-toolbar { - padding: 10px 4px 9px; } } + height: 60px; + padding: 6px 0; } } + +.edit-post-header-toolbar .edit-post-header-toolbar__inserter-toggle.has-icon { + margin-left: 8px; + min-width: 32px; + width: 32px; + height: 32px; + padding: 0; } .edit-post-more-menu { margin-right: -4px; } - .edit-post-more-menu .components-icon-button { + .edit-post-more-menu .components-button { width: auto; - padding: 8px 2px; } + padding: 0 2px; } @media (min-width: 600px) { .edit-post-more-menu { - margin-right: 4px; } - .edit-post-more-menu .components-icon-button { - padding: 8px 4px; } } - .edit-post-more-menu .components-button svg { - transform: rotate(-90deg); } + margin-right: 0; } + .edit-post-more-menu .components-button { + padding: 0 4px; } } .edit-post-more-menu__content .components-popover__content { min-width: 260px; } @@ -255,162 +514,110 @@ .edit-post-more-menu__content .components-popover__content { width: auto; max-width: 480px; } } - .edit-post-more-menu__content .components-popover__content .components-menu-group:not(:last-child), - .edit-post-more-menu__content .components-popover__content > div:not(:last-child) .components-menu-group { - border-bottom: 1px solid #e2e4e7; } - .edit-post-more-menu__content .components-popover__content .components-menu-item__button { - padding-right: 2rem; } - .edit-post-more-menu__content .components-popover__content .components-menu-item__button.has-icon { - padding-right: 0.5rem; } + .edit-post-more-menu__content .components-popover__content .components-dropdown-menu__menu { + padding: 0; } -.edit-post-pinned-plugins { - display: none; } - @media (min-width: 600px) { - .edit-post-pinned-plugins { - display: flex; } } - .edit-post-pinned-plugins .components-icon-button { - margin-right: 4px; } - .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg, - .edit-post-pinned-plugins .components-icon-button:not(.is-toggled) svg * { - stroke: #555d66; - fill: #555d66; - stroke-width: 0; } - .edit-post-pinned-plugins .components-icon-button.is-toggled svg, - .edit-post-pinned-plugins .components-icon-button.is-toggled svg * { - stroke: #fff !important; - fill: #fff !important; - stroke-width: 0; } - .edit-post-pinned-plugins .components-icon-button:hover svg, - .edit-post-pinned-plugins .components-icon-button:hover svg * { - stroke: #191e23 !important; - fill: #191e23 !important; - stroke-width: 0; } +.components-popover.edit-post-more-menu__content { + z-index: 99998; } -.edit-post-keyboard-shortcut-help__section { +.edit-post-keyboard-shortcut-help-modal__section { margin: 0 0 2rem 0; } -.edit-post-keyboard-shortcut-help__section-title { +.edit-post-keyboard-shortcut-help-modal__main-shortcuts .edit-post-keyboard-shortcut-help-modal__shortcut-list { + margin-top: -25px; } + +.edit-post-keyboard-shortcut-help-modal__section-title { font-size: 0.9rem; font-weight: 600; } -.edit-post-keyboard-shortcut-help__shortcut { +.edit-post-keyboard-shortcut-help-modal__shortcut { display: flex; - align-items: center; + align-items: baseline; padding: 0.6rem 0; - border-top: 1px solid #e2e4e7; } - .edit-post-keyboard-shortcut-help__shortcut:last-child { - border-bottom: 1px solid #e2e4e7; } + border-top: 1px solid #ddd; + margin-bottom: 0; } + .edit-post-keyboard-shortcut-help-modal__shortcut:last-child { + border-bottom: 1px solid #ddd; } + .edit-post-keyboard-shortcut-help-modal__shortcut:empty { + display: none; } -.edit-post-keyboard-shortcut-help__shortcut-term { - order: 1; +.edit-post-keyboard-shortcut-help-modal__shortcut-term { font-weight: 600; - margin: 0 1rem 0 0; } + margin: 0 1rem 0 0; + text-align: left; } -.edit-post-keyboard-shortcut-help__shortcut-description { +.edit-post-keyboard-shortcut-help-modal__shortcut-description { flex: 1; - order: 0; margin: 0; flex-basis: auto; } -.edit-post-keyboard-shortcut-help__shortcut-key-combination { +.edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { + display: block; background: none; margin: 0; padding: 0; } + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-post-keyboard-shortcut-help-modal__shortcut-key-combination { + margin-top: 10px; } -.edit-post-keyboard-shortcut-help__shortcut-key { +.edit-post-keyboard-shortcut-help-modal__shortcut-key { padding: 0.25rem 0.5rem; border-radius: 8%; margin: 0 0.2rem 0 0.2rem; } - .edit-post-keyboard-shortcut-help__shortcut-key:last-child { + .edit-post-keyboard-shortcut-help-modal__shortcut-key:last-child { margin: 0 0.2rem 0 0; } -.edit-post-layout, -.edit-post-layout__content { - height: 100%; } - -.edit-post-layout { - position: relative; } - .edit-post-layout .components-notice-list { - position: -webkit-sticky; - position: sticky; - top: 56px; - left: 0; - color: #191e23; } - @media (min-width: 600px) { - .edit-post-layout .components-notice-list { - top: 0; } } - .edit-post-layout .components-notice-list.is-pinned { - position: relative; - right: 0; - top: 0; } - .edit-post-layout .components-notice { - margin: 0 0 5px; - padding: 6px 12px; - min-height: 50px; } - .edit-post-layout .components-notice .components-notice__dismiss { - margin: 10px 5px; } - @media (min-width: 600px) { - .edit-post-layout { - padding-top: 56px; } } +.edit-post-layout__metaboxes { + flex-shrink: 0; } .edit-post-layout__metaboxes:not(:empty) { - border-top: 1px solid #e2e4e7; - margin-top: 10px; + border-top: 1px solid #ddd; padding: 10px 0 10px; clear: both; } .edit-post-layout__metaboxes:not(:empty) .edit-post-meta-boxes-area { margin: auto 20px; } -.edit-post-layout__content { - display: flex; - flex-direction: column; - min-height: 100%; - position: relative; - padding-bottom: 50vh; - -webkit-overflow-scrolling: touch; } - @media (min-width: 782px) { - .edit-post-layout__content { - position: fixed; - bottom: 0; - right: 0; - left: 0; - top: 88px; - min-height: calc(100% - 88px); - height: auto; - margin-right: 160px; } - body.auto-fold .edit-post-layout__content { - margin-right: 36px; } } - @media (min-width: 782px) and (min-width: 960px) { - body.auto-fold .edit-post-layout__content { - margin-right: 160px; } } - @media (min-width: 782px) { - body.folded .edit-post-layout__content { - margin-right: 36px; } - body.is-fullscreen-mode .edit-post-layout__content { - margin-right: 0 !important; - top: 56px; } } - @media (min-width: 782px) { - .has-fixed-toolbar .edit-post-layout__content { - top: 124px; } } - @media (min-width: 1080px) { - .has-fixed-toolbar .edit-post-layout__content { - top: 88px; } } - @media (min-width: 600px) { - .edit-post-layout__content { - padding-bottom: 0; } } - @media (min-width: 600px) { - .edit-post-layout__content { - overflow-y: auto; } } - @media (min-width: 600px) { - .edit-post-layout__content { - overscroll-behavior-y: none; } } - .edit-post-layout__content .edit-post-visual-editor { - flex: 1 1 auto; } - @supports ((position: -webkit-sticky) or (position: sticky)) { - .edit-post-layout__content .edit-post-visual-editor { - flex-basis: 100%; } } - .edit-post-layout__content .edit-post-layout__metaboxes { - flex-shrink: 0; } +.edit-post-layout .components-editor-notices__snackbar { + position: fixed; + left: 0; + bottom: 40px; + padding-right: 16px; + padding-left: 16px; } + +.edit-post-layout .components-editor-notices__snackbar { + /* Set left position when auto-fold is not on the body element. */ + right: 0; } + @media (min-width: 783px) { + .edit-post-layout .components-editor-notices__snackbar { + right: 160px; } } + +.auto-fold .edit-post-layout .components-editor-notices__snackbar { + /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ } + @media (min-width: 783px) { + .auto-fold .edit-post-layout .components-editor-notices__snackbar { + right: 36px; } } + @media (min-width: 961px) { + .auto-fold .edit-post-layout .components-editor-notices__snackbar { + right: 160px; } } + +/* Sidebar manually collapsed. */ +.folded .edit-post-layout .components-editor-notices__snackbar { + right: 0; } + @media (min-width: 783px) { + .folded .edit-post-layout .components-editor-notices__snackbar { + right: 36px; } } + +/* Mobile menu opened. */ +@media (max-width: 783px) { + .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { + right: 190px; } } + +/* In small screens with responsive menu expanded there is small white space. */ +@media (max-width: 600px) { + .auto-fold .wp-responsive-open .edit-post-layout .components-editor-notices__snackbar { + margin-right: -18px; } } + +body.is-fullscreen-mode .edit-post-layout .components-editor-notices__snackbar { + right: 0 !important; } .edit-post-layout .editor-post-publish-panel { position: fixed; @@ -422,15 +629,16 @@ overflow: auto; } @media (min-width: 782px) { .edit-post-layout .editor-post-publish-panel { + z-index: 99998; top: 32px; right: auto; - width: 280px; - border-right: 1px solid #e2e4e7; + width: 281px; + border-right: 1px solid #ddd; transform: translateX(-100%); animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards; } } @media (min-width: 782px) and (prefers-reduced-motion: reduce) { .edit-post-layout .editor-post-publish-panel { - animation-duration: 1ms !important; } } + animation-duration: 1ms; } } @media (min-width: 782px) { body.is-fullscreen-mode .edit-post-layout .editor-post-publish-panel { top: 0; } @@ -441,64 +649,93 @@ 100% { transform: translateX(0%); } } -.edit-post-layout .editor-post-publish-panel__header-publish-button .components-button.is-large { - height: 33px; - line-height: 32px; } +.interface-interface-skeleton__sidebar > div { + height: 100%; } + +.edit-post-layout .editor-post-publish-panel__header-publish-button { + justify-content: center; } -.edit-post-layout .editor-post-publish-panel__header-publish-button .editor-post-publish-panel__spacer { - display: inline-flex; - flex: 0 1 52px; } - -.edit-post-toggle-publish-panel { - position: fixed; +.edit-post-layout__toggle-publish-panel, +.edit-post-layout__toogle-sidebar-panel, +.edit-post-layout__toggle-entities-saved-states-panel { + z-index: 100000; + position: fixed !important; top: -9999em; bottom: auto; right: auto; left: 0; - z-index: 100000; - padding: 10px 0 10px 10px; width: 280px; - background-color: #fff; } - .edit-post-toggle-publish-panel:focus { + background-color: #fff; + border: 1px dotted #ddd; + height: auto !important; + padding: 24px; + display: flex; + justify-content: center; } + .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, + .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, + .interface-interface-skeleton__actions:focus .edit-post-layout__toggle-publish-panel, + .interface-interface-skeleton__actions:focus-within .edit-post-layout__toggle-publish-panel, .interface-interface-skeleton__actions:focus + .edit-post-layout__toogle-sidebar-panel, + .interface-interface-skeleton__actions:focus-within + .edit-post-layout__toogle-sidebar-panel, + .interface-interface-skeleton__actions:focus + .edit-post-layout__toogle-sidebar-panel, + .interface-interface-skeleton__actions:focus-within + .edit-post-layout__toogle-sidebar-panel, .interface-interface-skeleton__actions:focus + .edit-post-layout__toggle-entities-saved-states-panel, + .interface-interface-skeleton__actions:focus-within + .edit-post-layout__toggle-entities-saved-states-panel, + .interface-interface-skeleton__actions:focus + .edit-post-layout__toggle-entities-saved-states-panel, + .interface-interface-skeleton__actions:focus-within + .edit-post-layout__toggle-entities-saved-states-panel { top: auto; bottom: 0; } - .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - width: auto; - height: auto; - display: block; - font-size: 14px; - font-weight: 600; - margin: 0 auto 0 0; - padding: 15px 23px 14px; - line-height: normal; - text-decoration: none; - outline: none; - background: #f1f1f1; - color: #11a0d2; } - body.admin-color-sunrise .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #c8b03c; } - body.admin-color-ocean .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #a89d8a; } - body.admin-color-midnight .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #77a6b9; } - body.admin-color-ectoplasm .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #c77430; } - body.admin-color-coffee .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #9fa47b; } - body.admin-color-blue .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #d9ab59; } - body.admin-color-light .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button { - color: #c75726; } - .edit-post-toggle-publish-panel .edit-post-toggle-publish-panel__button:focus { - position: fixed; - top: auto; - left: 10px; - bottom: 10px; - right: auto; } + +.edit-post-layout__footer { + display: none; + z-index: 30; } + @media (min-width: 782px) { + .edit-post-layout__footer { + display: flex; + background: #fff; + height: 24px; + align-items: center; + font-size: 13px; + padding: 0 18px; } } + +.edit-post-layout .interface-interface-skeleton__content { + background-color: #ccd0d4; } + +.edit-post-layout__inserter-panel-popover-wrapper, +.edit-post-layout__inserter-panel-popover-wrapper > div, +.edit-post-layout__inserter-panel-popover-wrapper > div > div, +.edit-post-layout__inserter-panel-popover-wrapper > div > div > div { + height: 100%; } + +.edit-post-layout__inserter-panel { + height: 100%; + display: flex; + flex-direction: column; } + +.edit-post-layout__inserter-panel-header { + padding-top: 8px; + padding-left: 8px; + display: flex; + justify-content: flex-end; } + @media (min-width: 782px) { + .edit-post-layout__inserter-panel-header { + display: none; } } + +.edit-post-layout__inserter-panel-content { + height: calc(100% - 36px - 8px); } + @media (min-width: 782px) { + .edit-post-layout__inserter-panel-content { + height: 100%; } } @media (min-width: 600px) { .edit-post-manage-blocks-modal { - height: calc(100% - 56px - 56px); } } + height: calc(100% - 60px - 60px); } } .edit-post-manage-blocks-modal .components-modal__content { padding-bottom: 0; @@ -527,8 +764,18 @@ .edit-post-manage-blocks-modal__search .components-base-control__label { margin-top: -4px; } .edit-post-manage-blocks-modal__search input[type="search"].components-text-control__input { - padding: 12px; - border-radius: 4px; } + padding: 8px; + border-radius: 2px; } + +.edit-post-manage-blocks-modal__disabled-blocks-count { + border-top: 1px solid #ddd; + margin-right: -24px; + margin-left: -24px; + padding-top: 0.6rem; + padding-bottom: 0.6rem; + padding-right: 24px; + padding-left: 24px; + background-color: #f0f0f0; } .edit-post-manage-blocks-modal__category { margin: 0 0 2rem 0; } @@ -538,7 +785,8 @@ position: sticky; top: 0; padding: 16px 0; - background-color: #fff; } + background-color: #fff; + z-index: 1; } .edit-post-manage-blocks-modal__category-title .components-base-control__field { margin-bottom: 0; } .edit-post-manage-blocks-modal__category-title .components-checkbox-control__label { @@ -554,14 +802,14 @@ .edit-post-manage-blocks-modal__checklist-item { margin-bottom: 0; padding-right: 16px; - border-top: 1px solid #e2e4e7; } + border-top: 1px solid #ddd; } .edit-post-manage-blocks-modal__checklist-item:last-child { - border-bottom: 1px solid #e2e4e7; } + border-bottom: 1px solid #ddd; } .edit-post-manage-blocks-modal__checklist-item .components-base-control__field { align-items: center; display: flex; margin: 0; } - .components-modal__content .edit-post-manage-blocks-modal__checklist-item input[type="checkbox"] { + .components-modal__content .edit-post-manage-blocks-modal__checklist-item.components-checkbox-control__input-container { margin: 0 8px; } .edit-post-manage-blocks-modal__checklist-item .components-checkbox-control__label { display: flex; @@ -569,18 +817,18 @@ justify-content: space-between; flex-grow: 1; padding: 0.6rem 10px 0.6rem 0; } - .edit-post-manage-blocks-modal__checklist-item .editor-block-icon { + .edit-post-manage-blocks-modal__checklist-item .block-editor-block-icon { margin-left: 10px; fill: #555d66; } .edit-post-manage-blocks-modal__results { height: 100%; overflow: auto; - margin-right: -16px; - margin-left: -16px; - padding-right: 16px; - padding-left: 16px; - border-top: 1px solid #e2e4e7; } + margin-right: -24px; + margin-left: -24px; + padding-right: 24px; + padding-left: 24px; + border-top: 1px solid #ddd; } .edit-post-meta-boxes-area { position: relative; @@ -607,7 +855,7 @@ .edit-post-meta-boxes-area #poststuff .stuffbox > h3, .edit-post-meta-boxes-area #poststuff h2.hndle { /* WordPress selectors yolo */ - border-bottom: 1px solid #e2e4e7; + border-bottom: 1px solid #ddd; box-sizing: border-box; color: inherit; font-weight: 600; @@ -620,7 +868,7 @@ color: inherit; margin-bottom: 0; } .edit-post-meta-boxes-area .postbox > .inside { - border-bottom: 1px solid #e2e4e7; + border-bottom: 1px solid #ddd; color: inherit; padding: 0 14px 14px; margin: 0; } @@ -643,175 +891,43 @@ z-index: 5; } .edit-post-meta-boxes-area .is-hidden { display: none; } + .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"] { + border: 1px solid #6c7781; } + .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]:checked { + background: #fff; + border-color: #6c7781; } + .edit-post-meta-boxes-area .metabox-location-side .postbox input[type="checkbox"]::before { + margin: -3px -4px; } .edit-post-meta-boxes-area__clear { clear: both; } -.edit-post-sidebar { - position: fixed; - z-index: 100000; - top: 0; - left: 0; - bottom: 0; - width: 280px; - border-right: 1px solid #e2e4e7; - background: #fff; - color: #555d66; - height: 100vh; - overflow: hidden; } - @media (min-width: 600px) { - .edit-post-sidebar { - top: 102px; - z-index: 90; - height: auto; - overflow: auto; - -webkit-overflow-scrolling: touch; } } - @media (min-width: 782px) { - .edit-post-sidebar { - top: 88px; } - body.is-fullscreen-mode .edit-post-sidebar { - top: 56px; } } - .edit-post-sidebar > .components-panel { - border-right: none; - border-left: none; - overflow: auto; - -webkit-overflow-scrolling: touch; - height: auto; - max-height: calc(100vh - 96px); - margin-top: -1px; - margin-bottom: -1px; - position: relative; - z-index: -2; } - @media (min-width: 600px) { - .edit-post-sidebar > .components-panel { - overflow: hidden; - height: auto; - max-height: none; } } - .edit-post-sidebar > .components-panel .components-panel__header { - position: fixed; - z-index: 1; - top: 0; - right: 0; - left: 0; - height: 50px; } - @media (min-width: 600px) { - .edit-post-sidebar > .components-panel .components-panel__header { - position: inherit; - top: auto; - right: auto; - left: auto; } } - .edit-post-sidebar p { - margin-top: 0; } - .edit-post-sidebar h2, - .edit-post-sidebar h3 { - font-size: 13px; - color: #555d66; - margin-bottom: 1.5em; } - .edit-post-sidebar hr { - border-top: none; - border-bottom: 1px solid #e2e4e7; - margin: 1.5em 0; } - .edit-post-sidebar div.components-toolbar { - box-shadow: none; - margin-bottom: 1.5em; } - .edit-post-sidebar div.components-toolbar:last-child { - margin-bottom: 0; } - .edit-post-sidebar p + div.components-toolbar { - margin-top: -1em; } - .edit-post-sidebar .block-editor-skip-to-selected-block:focus { - top: auto; - left: 10px; - bottom: 10px; - right: auto; } - -/* Visual and Text editor both */ -@media (min-width: 782px) { - .edit-post-layout.is-sidebar-opened .edit-post-layout__content { - margin-left: 280px; } } - -.edit-post-layout.is-sidebar-opened .edit-post-sidebar, -.edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout { - /* Sidebar covers screen on mobile */ - width: 100%; - /* Sidebar sits on the side on larger breakpoints */ } - @media (min-width: 782px) { - .edit-post-layout.is-sidebar-opened .edit-post-sidebar, - .edit-post-layout.is-sidebar-opened .edit-post-plugin-sidebar__sidebar-layout { - width: 280px; } } - -/* Text Editor specific */ -.components-panel__header.edit-post-sidebar__header { - background: #fff; - padding-left: 8px; } - .components-panel__header.edit-post-sidebar__header .edit-post-sidebar__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__header { - display: none; } } - .components-panel__header.edit-post-sidebar__panel-tabs { justify-content: flex-start; padding-right: 0; - padding-left: 4px; + padding-left: 16px; border-top: 0; margin-top: 0; } - .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button { + .components-panel__header.edit-post-sidebar__panel-tabs ul { + display: flex; } + .components-panel__header.edit-post-sidebar__panel-tabs li { + margin: 0; } + .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: none; - margin-right: auto; } + margin: 0 auto 0 0; + padding: 0; + min-width: 24px; + height: 24px; } @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar__panel-tabs .components-icon-button { + .components-panel__header.edit-post-sidebar__panel-tabs .components-button.has-icon { display: flex; } } -.edit-post-sidebar__panel-tab { - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - height: 50px; - padding: 3px 15px; - margin-right: 0; - font-weight: 400; - outline-offset: -1px; - transition: box-shadow 0.1s linear; } - .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #007cba; - font-weight: 600; - position: relative; } - body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #837425; } - body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #5e7d5e; } - body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #497b8d; } - body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #523f6d; } - body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #59524c; } - body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #417e9B; } - body.admin-color-light .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #007cba; } - .edit-post-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - left: 0; - right: 0; - border-bottom: 3px solid transparent; } - .edit-post-sidebar__panel-tab:focus { - color: #191e23; - outline-offset: -1px; - outline: 1px dotted #555d66; } +.components-panel__body.is-opened.edit-post-last-revision__panel { + padding: 0; + height: 48px; } -.components-panel__body.is-opened.edit-post-last-revision__panel { - padding: 0; } - -.editor-post-last-revision__title { - padding: 13px 16px; } +.editor-post-last-revision__title.components-button { + padding: 16px; } .editor-post-author__select { margin: -5px 0; @@ -824,26 +940,29 @@ font-weight: 600; } .edit-post-post-link__preview-label { + font-weight: 400; margin: 0; } .edit-post-post-link__link { - word-wrap: break-word; } - + text-align: right; + word-wrap: break-word; + display: block; } +.edit-post-post-link__preview-link-container { + direction: ltr; } .edit-post-post-schedule { width: 100%; - position: relative; } - -.edit-post-post-schedule__label { - display: none; } + position: relative; + justify-content: left; } + .edit-post-post-schedule span { + display: block; + width: 45%; } .components-button.edit-post-post-schedule__toggle { text-align: left; } -.edit-post-post-schedule__dialog .components-popover__content { - padding: 10px; } - @media (min-width: 782px) { - .edit-post-post-schedule__dialog .components-popover__content { - width: 270px; } } +.editor-post-slug__input { + margin: -5px 0; + padding: 2px; } .edit-post-post-status .edit-post-post-publish-dropdown__switch-to-draft { margin-top: 15px; @@ -851,13 +970,15 @@ text-align: center; } .edit-post-post-visibility { - width: 100%; } + width: 100%; + justify-content: left; } + .edit-post-post-visibility span { + display: block; + width: 45%; } -.edit-post-post-visibility__dialog .components-popover__content { - padding: 10px; } - @media (min-width: 782px) { - .edit-post-post-visibility__dialog .components-popover__content { - width: 257px; } } +@media (min-width: 782px) { + .edit-post-post-visibility__dialog .components-popover__content { + width: 257px; } } .edit-post-post-visibility__dialog-legend { font-weight: 600; } @@ -880,32 +1001,18 @@ margin: 4px 0 0; line-height: 1.4; } -.components-panel__header.edit-post-sidebar__panel-tabs { - justify-content: flex-start; - padding-right: 0; - padding-left: 4px; - border-top: 0; - position: -webkit-sticky; - position: sticky; - z-index: -1; - top: 0; } - .components-panel__header.edit-post-sidebar__panel-tabs ul { - display: flex; } - .components-panel__header.edit-post-sidebar__panel-tabs li { - margin: 0; } - -.edit-post-sidebar__panel-tab { +.components-button.edit-post-sidebar__panel-tab { + border-radius: 0; + height: 48px; background: transparent; border: none; box-shadow: none; cursor: pointer; + display: inline-block; padding: 3px 15px; margin-right: 0; - font-weight: 400; - color: #191e23; - outline-offset: -1px; - transition: box-shadow 0.1s linear; } - .edit-post-sidebar__panel-tab::after { + font-weight: 500; } + .components-button.edit-post-sidebar__panel-tab::after { content: attr(data-label); display: block; font-weight: 600; @@ -913,203 +1020,121 @@ overflow: hidden; speak: none; visibility: hidden; } - .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #007cba; - font-weight: 600; - position: relative; } - body.admin-color-sunrise .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #837425; } - body.admin-color-ocean .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #5e7d5e; } - body.admin-color-midnight .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #497b8d; } - body.admin-color-ectoplasm .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #523f6d; } - body.admin-color-coffee .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #59524c; } - body.admin-color-blue .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #417e9B; } - body.admin-color-light .edit-post-sidebar__panel-tab.is-active { - box-shadow: inset 0 -3px #007cba; } - .edit-post-sidebar__panel-tab.is-active::before { + .components-button.edit-post-sidebar__panel-tab.is-active { + box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 #007cba; + box-shadow: inset 0 0 0 1.5px transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); + position: relative; + z-index: 1; } + .components-button.edit-post-sidebar__panel-tab.is-active::before { content: ""; position: absolute; top: 0; bottom: 1px; left: 0; right: 0; - border-bottom: 3px solid transparent; } - .edit-post-sidebar__panel-tab:focus { - color: #191e23; - outline-offset: -1px; - outline: 1px dotted #555d66; } - -.edit-post-settings-sidebar__panel-block .components-panel__body { - border: none; - border-top: 1px solid #e2e4e7; - margin: 0 -16px; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control { - margin-bottom: 24px; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-base-control:last-child { - margin-bottom: 8px; } - .edit-post-settings-sidebar__panel-block .components-panel__body .components-panel__body-toggle { - color: #191e23; } - .edit-post-settings-sidebar__panel-block .components-panel__body:first-child { - margin-top: 16px; } - .edit-post-settings-sidebar__panel-block .components-panel__body:last-child { - margin-bottom: -16px; } + border-bottom: 4px solid transparent; } + .components-button.edit-post-sidebar__panel-tab:focus { + box-shadow: inset 0 0 0 1.5px #007cba; + box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); + position: relative; + z-index: 1; } + .components-button.edit-post-sidebar__panel-tab.is-active:focus { + box-shadow: inset 0 0 0 1.5px #007cba, inset 0 -4px 0 0 #007cba; + box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); } -/* Text Editor specific */ -.components-panel__header.edit-post-sidebar-header__small { - background: #fff; - padding-left: 4px; } - .components-panel__header.edit-post-sidebar-header__small .edit-post-sidebar__title { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - width: 100%; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar-header__small { - display: none; } } - -.components-panel__header.edit-post-sidebar-header { - padding-left: 4px; - background: #f3f4f5; } - .components-panel__header.edit-post-sidebar-header .components-icon-button { - display: none; - margin-right: auto; } - .components-panel__header.edit-post-sidebar-header .components-icon-button ~ .components-icon-button { - margin-right: 0; } - @media (min-width: 782px) { - .components-panel__header.edit-post-sidebar-header .components-icon-button { - display: flex; } } +.edit-post-text-editor { + position: relative; + width: 100%; + background-color: #fff; + flex-grow: 1; } + .edit-post-text-editor .wp-block.editor-post-title { + max-width: none; + line-height: 1.4; } + .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input.editor-post-title__input.editor-post-title__input { + font-family: Menlo, Consolas, monaco, monospace; + font-size: 2.5em; + font-weight: normal; } + .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { + border: 1px solid #ccc; + margin-bottom: -1px; + padding: 16px; } + @media (min-width: 600px) { + .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input { + padding: 24px; } } + .edit-post-text-editor .wp-block.editor-post-title .editor-post-title__input:focus { + border: 1px solid #1e1e1e; } + @media (min-width: 600px) { + .edit-post-text-editor .wp-block.editor-post-title { + padding: 0; } } .edit-post-text-editor__body { - padding-top: 40px; } - @media (min-width: 600px) { - .edit-post-text-editor__body { - padding-top: 86px; } } - @media (min-width: 782px) { + width: 100%; + padding: 0 12px 12px 12px; + max-width: 1080px; + margin-right: auto; + margin-left: auto; } + @media (min-width: 960px) { .edit-post-text-editor__body { - padding-top: 40px; } - body.is-fullscreen-mode .edit-post-text-editor__body { - padding-top: 40px; } } + padding: 16px 24px 96px 24px; + padding: 0 24px 24px 24px; } } -.edit-post-text-editor { - width: 100%; - max-width: calc(100% - 32px); - margin-right: 16px; - margin-left: 16px; - padding-top: 44px; } +.edit-post-text-editor__toolbar { + position: -webkit-sticky; + position: sticky; + z-index: 1; + top: 0; + right: 0; + left: 0; + display: flex; + background: rgba(255, 255, 255, 0.8); + padding: 4px 12px; } @media (min-width: 600px) { - .edit-post-text-editor { - max-width: 610px; - margin-right: auto; - margin-left: auto; } } - .edit-post-text-editor .editor-post-title__block textarea { - border: 1px solid #e2e4e7; - margin-bottom: 4px; - padding: 14px; } - .edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar):not(.is-selected) .editor-post-title__input:hover, - .edit-post-text-editor .editor-post-title__block:not(.is-focus-mode):not(.has-fixed-toolbar).is-selected .editor-post-title__input { - box-shadow: none; - border-right-width: 1px; } - .edit-post-text-editor .editor-post-title__block textarea:hover, - .edit-post-text-editor .editor-post-title__block.is-selected textarea { - box-shadow: 0 0 0 1px #e2e4e7; } - .edit-post-text-editor .editor-post-permalink { - margin-top: -6px; - box-shadow: none; - border: none; - outline: 1px solid #b5bcc2; } - @media (min-width: 600px) { - .edit-post-text-editor .editor-post-title, - .edit-post-text-editor .editor-post-title__block { - padding: 0; } } - .edit-post-text-editor .editor-post-text-editor { - padding: 14px; - min-height: 200px; - line-height: 1.8; } - .edit-post-text-editor .edit-post-text-editor__toolbar { - position: absolute; - top: 8px; - right: 0; - left: 0; - height: 36px; + .edit-post-text-editor__toolbar { + padding: 12px; } } + @media (min-width: 960px) { + .edit-post-text-editor__toolbar { + padding: 12px 24px; } } + .edit-post-text-editor__toolbar h2 { line-height: 36px; - padding: 0 16px 0 8px; - display: flex; } - .edit-post-text-editor .edit-post-text-editor__toolbar h2 { - margin: 0 0 0 auto; - font-size: 13px; - color: #555d66; } - .edit-post-text-editor .edit-post-text-editor__toolbar .components-icon-button svg { - order: 1; } + margin: 0 0 0 auto; + font-size: 13px; + color: #1e1e1e; } + .edit-post-text-editor__toolbar .components-button svg { + order: 1; } .edit-post-visual-editor { position: relative; - padding: 50px 0; } + padding-top: 50px; + background-color: #fff; + flex: 1 1 auto; } .edit-post-visual-editor .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; } + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + font-size: 13px; + padding: 6px 12px; } + .edit-post-visual-editor .components-button.is-tertiary, .edit-post-visual-editor .components-button.has-icon { + padding: 6px; } + @supports ((position: -webkit-sticky) or (position: sticky)) { + .edit-post-visual-editor { + flex-basis: 100%; } } + +.edit-post-visual-editor > .block-editor__typewriter, +.edit-post-visual-editor > .block-editor__typewriter > div, +.edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow, +.edit-post-visual-editor > .block-editor__typewriter > div > .block-editor-writing-flow > .block-editor-writing-flow__click-redirect { + height: 100%; } .edit-post-visual-editor .block-editor-writing-flow__click-redirect { - height: 50px; - width: 100%; - margin: -4px auto -50px; } + min-height: 40vh; + width: 100%; } -.edit-post-visual-editor .block-editor-block-list__block { - margin-right: auto; - margin-left: auto; } - @media (min-width: 600px) { - .edit-post-visual-editor .block-editor-block-list__block .block-editor-block-list__block-edit { - margin-right: -28px; - margin-left: -28px; } - .edit-post-visual-editor .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar, - .edit-post-visual-editor .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar { - height: 0; - width: 100%; - margin-right: 0; - margin-left: 0; - text-align: center; - float: right; } - .edit-post-visual-editor .block-editor-block-list__block[data-align="wide"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar .block-editor-block-toolbar, - .edit-post-visual-editor .block-editor-block-list__block[data-align="full"] > .block-editor-block-list__block-edit > .block-editor-block-contextual-toolbar .block-editor-block-toolbar { - max-width: 610px; - width: 100%; - position: relative; } } +.has-metaboxes .edit-post-visual-editor .block-editor-writing-flow__click-redirect { + height: 0; } -@media (min-width: 600px) { - .editor-post-title { - padding-right: 46px; - padding-left: 46px; } } - -.edit-post-visual-editor .editor-post-title__block { +.edit-post-visual-editor__post-title-wrapper .editor-post-title { + margin-top: 2em; margin-right: auto; margin-left: auto; - margin-bottom: -20px; } - .edit-post-visual-editor .editor-post-title__block > div { - margin-right: 0; - margin-left: 0; } - @media (min-width: 600px) { - .edit-post-visual-editor .editor-post-title__block > div { - margin-right: -2px; - margin-left: -2px; } } - -.edit-post-visual-editor .block-editor-block-list__layout > .block-editor-block-list__block[data-align="left"]:first-child, -.edit-post-visual-editor .block-editor-block-list__layout > .block-editor-block-list__block[data-align="right"]:first-child { - margin-top: 34px; } - -.edit-post-visual-editor .block-editor-default-block-appender { - margin-right: auto; - margin-left: auto; - position: relative; } - .edit-post-visual-editor .block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover { - outline: 1px solid transparent; } - -.edit-post-visual-editor .block-editor-block-list__block[data-type="core/paragraph"] p[data-is-placeholder-visible="true"] + p, -.edit-post-visual-editor .block-editor-default-block-appender__content { - min-height: 28px; - line-height: 1.8; } + margin-bottom: 32px; } .edit-post-options-modal__section { margin: 0 0 2rem 0; } @@ -1119,30 +1144,56 @@ font-weight: 600; } .edit-post-options-modal__option { - border-top: 1px solid #e2e4e7; } + border-top: 1px solid #ddd; } .edit-post-options-modal__option:last-child { - border-bottom: 1px solid #e2e4e7; } + border-bottom: 1px solid #ddd; } .edit-post-options-modal__option .components-base-control__field { align-items: center; display: flex; margin: 0; } - .edit-post-options-modal__option.components-base-control + .edit-post-options-modal__option.components-base-control { - margin-bottom: 0; } .edit-post-options-modal__option .components-checkbox-control__label { flex-grow: 1; padding: 0.6rem 10px 0.6rem 0; } +.edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { + margin: 0 48px 0.6rem 0; } + @media (min-width: 782px) { + .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { + margin-right: 38px; } } + @media (min-width: 600px) { + .edit-post-options-modal__custom-fields-confirmation-message, .edit-post-options-modal__custom-fields-confirmation-button { + max-width: 300px; } } + +.edit-post-welcome-guide { + width: 312px; } + .edit-post-welcome-guide__image { + background: #00a0d2; + height: 240px; } + .edit-post-welcome-guide__image__prm-r { + display: none; } + @media (prefers-reduced-motion: reduce) { + .edit-post-welcome-guide__image__prm-r { + display: block; } + .edit-post-welcome-guide__image__prm-np { + display: none; } } + .edit-post-welcome-guide__heading { + font-family: "Noto Serif", serif; + font-size: 24px; + line-height: 1.4; + margin: 0 0 16px 0; + padding: 0 32px; } + .edit-post-welcome-guide__text { + font-size: 13px; + line-height: 1.4; + margin: 0 0 24px 0; + padding: 0 32px; } + .edit-post-welcome-guide__inserter-icon { + margin: 0 4px; + vertical-align: text-top; } + /** * Animations */ -@keyframes edit-post__loading-fade-animation { - 0% { - opacity: 0.5; } - 50% { - opacity: 1; } - 100% { - opacity: 0.5; } } - @keyframes edit-post__fade-in-animation { from { opacity: 0; } @@ -1154,7 +1205,7 @@ body.block-editor-page { background: #fff; - /* We hide legacy notices in Gutenberg, because they were not designed in a way that scaled well. + /* We hide legacy notices in Gutenberg Based Pages, because they were not designed in a way that scaled well. Plugins can use Gutenberg notices if they need to pass on information to the user when they are editing. */ } body.block-editor-page #wpcontent { padding-right: 0; } @@ -1174,20 +1225,40 @@ width: auto; max-width: 100%; } -.block-editor, -.components-modal__frame { +.edit-post-header, +.edit-post-visual-editor, +.edit-post-text-editor, +.edit-post-sidebar, +.editor-post-publish-panel, +.components-popover, +.components-modal__frame, +.edit-post-layout__inserter-panel { box-sizing: border-box; } - .block-editor *, - .block-editor *::before, - .block-editor *::after, + .edit-post-header *, + .edit-post-header *::before, + .edit-post-header *::after, + .edit-post-visual-editor *, + .edit-post-visual-editor *::before, + .edit-post-visual-editor *::after, + .edit-post-text-editor *, + .edit-post-text-editor *::before, + .edit-post-text-editor *::after, + .edit-post-sidebar *, + .edit-post-sidebar *::before, + .edit-post-sidebar *::after, + .editor-post-publish-panel *, + .editor-post-publish-panel *::before, + .editor-post-publish-panel *::after, + .components-popover *, + .components-popover *::before, + .components-popover *::after, .components-modal__frame *, .components-modal__frame *::before, - .components-modal__frame *::after { + .components-modal__frame *::after, + .edit-post-layout__inserter-panel *, + .edit-post-layout__inserter-panel *::before, + .edit-post-layout__inserter-panel *::after { box-sizing: inherit; } - .block-editor select, - .components-modal__frame select { - font-size: 13px; - color: #555d66; } @media (min-width: 600px) { .block-editor__container { @@ -1214,621 +1285,49 @@ .block-editor__container .components-navigate-regions { height: 100%; } -.editor-post-permalink .input-control, -.editor-post-permalink input[type="text"], -.editor-post-permalink input[type="search"], -.editor-post-permalink input[type="radio"], -.editor-post-permalink input[type="tel"], -.editor-post-permalink input[type="time"], -.editor-post-permalink input[type="url"], -.editor-post-permalink input[type="week"], -.editor-post-permalink input[type="password"], -.editor-post-permalink input[type="checkbox"], -.editor-post-permalink input[type="color"], -.editor-post-permalink input[type="date"], -.editor-post-permalink input[type="datetime"], -.editor-post-permalink input[type="datetime-local"], -.editor-post-permalink input[type="email"], -.editor-post-permalink input[type="month"], -.editor-post-permalink input[type="number"], -.editor-post-permalink select, -.editor-post-permalink textarea, -.edit-post-sidebar .input-control, -.edit-post-sidebar input[type="text"], -.edit-post-sidebar input[type="search"], -.edit-post-sidebar input[type="radio"], -.edit-post-sidebar input[type="tel"], -.edit-post-sidebar input[type="time"], -.edit-post-sidebar input[type="url"], -.edit-post-sidebar input[type="week"], -.edit-post-sidebar input[type="password"], -.edit-post-sidebar input[type="checkbox"], -.edit-post-sidebar input[type="color"], -.edit-post-sidebar input[type="date"], -.edit-post-sidebar input[type="datetime"], -.edit-post-sidebar input[type="datetime-local"], -.edit-post-sidebar input[type="email"], -.edit-post-sidebar input[type="month"], -.edit-post-sidebar input[type="number"], -.edit-post-sidebar select, -.edit-post-sidebar textarea, -.editor-post-publish-panel .input-control, -.editor-post-publish-panel input[type="text"], -.editor-post-publish-panel input[type="search"], -.editor-post-publish-panel input[type="radio"], -.editor-post-publish-panel input[type="tel"], -.editor-post-publish-panel input[type="time"], -.editor-post-publish-panel input[type="url"], -.editor-post-publish-panel input[type="week"], -.editor-post-publish-panel input[type="password"], -.editor-post-publish-panel input[type="checkbox"], -.editor-post-publish-panel input[type="color"], -.editor-post-publish-panel input[type="date"], -.editor-post-publish-panel input[type="datetime"], -.editor-post-publish-panel input[type="datetime-local"], -.editor-post-publish-panel input[type="email"], -.editor-post-publish-panel input[type="month"], -.editor-post-publish-panel input[type="number"], -.editor-post-publish-panel select, -.editor-post-publish-panel textarea, -.block-editor-block-list__block .input-control, -.block-editor-block-list__block input[type="text"], -.block-editor-block-list__block input[type="search"], -.block-editor-block-list__block input[type="radio"], -.block-editor-block-list__block input[type="tel"], -.block-editor-block-list__block input[type="time"], -.block-editor-block-list__block input[type="url"], -.block-editor-block-list__block input[type="week"], -.block-editor-block-list__block input[type="password"], -.block-editor-block-list__block input[type="checkbox"], -.block-editor-block-list__block input[type="color"], -.block-editor-block-list__block input[type="date"], -.block-editor-block-list__block input[type="datetime"], -.block-editor-block-list__block input[type="datetime-local"], -.block-editor-block-list__block input[type="email"], -.block-editor-block-list__block input[type="month"], -.block-editor-block-list__block input[type="number"], -.block-editor-block-list__block select, -.block-editor-block-list__block textarea, -.components-popover .input-control, -.components-popover input[type="text"], -.components-popover input[type="search"], -.components-popover input[type="radio"], -.components-popover input[type="tel"], -.components-popover input[type="time"], -.components-popover input[type="url"], -.components-popover input[type="week"], -.components-popover input[type="password"], -.components-popover input[type="checkbox"], -.components-popover input[type="color"], -.components-popover input[type="date"], -.components-popover input[type="datetime"], -.components-popover input[type="datetime-local"], -.components-popover input[type="email"], -.components-popover input[type="month"], -.components-popover input[type="number"], -.components-popover select, -.components-popover textarea, -.components-modal__content .input-control, -.components-modal__content input[type="text"], -.components-modal__content input[type="search"], -.components-modal__content input[type="radio"], -.components-modal__content input[type="tel"], -.components-modal__content input[type="time"], -.components-modal__content input[type="url"], -.components-modal__content input[type="week"], -.components-modal__content input[type="password"], -.components-modal__content input[type="checkbox"], -.components-modal__content input[type="color"], -.components-modal__content input[type="date"], -.components-modal__content input[type="datetime"], -.components-modal__content input[type="datetime-local"], -.components-modal__content input[type="email"], -.components-modal__content input[type="month"], -.components-modal__content input[type="number"], -.components-modal__content select, -.components-modal__content textarea { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 4px; - border: 1px solid #8d96a0; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; } - @media (min-width: 600px) { - .editor-post-permalink .input-control, - .editor-post-permalink input[type="text"], - .editor-post-permalink input[type="search"], - .editor-post-permalink input[type="radio"], - .editor-post-permalink input[type="tel"], - .editor-post-permalink input[type="time"], - .editor-post-permalink input[type="url"], - .editor-post-permalink input[type="week"], - .editor-post-permalink input[type="password"], - .editor-post-permalink input[type="checkbox"], - .editor-post-permalink input[type="color"], - .editor-post-permalink input[type="date"], - .editor-post-permalink input[type="datetime"], - .editor-post-permalink input[type="datetime-local"], - .editor-post-permalink input[type="email"], - .editor-post-permalink input[type="month"], - .editor-post-permalink input[type="number"], - .editor-post-permalink select, - .editor-post-permalink textarea, - .edit-post-sidebar .input-control, - .edit-post-sidebar input[type="text"], - .edit-post-sidebar input[type="search"], - .edit-post-sidebar input[type="radio"], - .edit-post-sidebar input[type="tel"], - .edit-post-sidebar input[type="time"], - .edit-post-sidebar input[type="url"], - .edit-post-sidebar input[type="week"], - .edit-post-sidebar input[type="password"], - .edit-post-sidebar input[type="checkbox"], - .edit-post-sidebar input[type="color"], - .edit-post-sidebar input[type="date"], - .edit-post-sidebar input[type="datetime"], - .edit-post-sidebar input[type="datetime-local"], - .edit-post-sidebar input[type="email"], - .edit-post-sidebar input[type="month"], - .edit-post-sidebar input[type="number"], - .edit-post-sidebar select, - .edit-post-sidebar textarea, - .editor-post-publish-panel .input-control, - .editor-post-publish-panel input[type="text"], - .editor-post-publish-panel input[type="search"], - .editor-post-publish-panel input[type="radio"], - .editor-post-publish-panel input[type="tel"], - .editor-post-publish-panel input[type="time"], - .editor-post-publish-panel input[type="url"], - .editor-post-publish-panel input[type="week"], - .editor-post-publish-panel input[type="password"], - .editor-post-publish-panel input[type="checkbox"], - .editor-post-publish-panel input[type="color"], - .editor-post-publish-panel input[type="date"], - .editor-post-publish-panel input[type="datetime"], - .editor-post-publish-panel input[type="datetime-local"], - .editor-post-publish-panel input[type="email"], - .editor-post-publish-panel input[type="month"], - .editor-post-publish-panel input[type="number"], - .editor-post-publish-panel select, - .editor-post-publish-panel textarea, - .block-editor-block-list__block .input-control, - .block-editor-block-list__block input[type="text"], - .block-editor-block-list__block input[type="search"], - .block-editor-block-list__block input[type="radio"], - .block-editor-block-list__block input[type="tel"], - .block-editor-block-list__block input[type="time"], - .block-editor-block-list__block input[type="url"], - .block-editor-block-list__block input[type="week"], - .block-editor-block-list__block input[type="password"], - .block-editor-block-list__block input[type="checkbox"], - .block-editor-block-list__block input[type="color"], - .block-editor-block-list__block input[type="date"], - .block-editor-block-list__block input[type="datetime"], - .block-editor-block-list__block input[type="datetime-local"], - .block-editor-block-list__block input[type="email"], - .block-editor-block-list__block input[type="month"], - .block-editor-block-list__block input[type="number"], - .block-editor-block-list__block select, - .block-editor-block-list__block textarea, - .components-popover .input-control, - .components-popover input[type="text"], - .components-popover input[type="search"], - .components-popover input[type="radio"], - .components-popover input[type="tel"], - .components-popover input[type="time"], - .components-popover input[type="url"], - .components-popover input[type="week"], - .components-popover input[type="password"], - .components-popover input[type="checkbox"], - .components-popover input[type="color"], - .components-popover input[type="date"], - .components-popover input[type="datetime"], - .components-popover input[type="datetime-local"], - .components-popover input[type="email"], - .components-popover input[type="month"], - .components-popover input[type="number"], - .components-popover select, - .components-popover textarea, - .components-modal__content .input-control, - .components-modal__content input[type="text"], - .components-modal__content input[type="search"], - .components-modal__content input[type="radio"], - .components-modal__content input[type="tel"], - .components-modal__content input[type="time"], - .components-modal__content input[type="url"], - .components-modal__content input[type="week"], - .components-modal__content input[type="password"], - .components-modal__content input[type="checkbox"], - .components-modal__content input[type="color"], - .components-modal__content input[type="date"], - .components-modal__content input[type="datetime"], - .components-modal__content input[type="datetime-local"], - .components-modal__content input[type="email"], - .components-modal__content input[type="month"], - .components-modal__content input[type="number"], - .components-modal__content select, - .components-modal__content textarea { - font-size: 13px; } } - .editor-post-permalink .input-control:focus, - .editor-post-permalink input[type="text"]:focus, - .editor-post-permalink input[type="search"]:focus, - .editor-post-permalink input[type="radio"]:focus, - .editor-post-permalink input[type="tel"]:focus, - .editor-post-permalink input[type="time"]:focus, - .editor-post-permalink input[type="url"]:focus, - .editor-post-permalink input[type="week"]:focus, - .editor-post-permalink input[type="password"]:focus, - .editor-post-permalink input[type="checkbox"]:focus, - .editor-post-permalink input[type="color"]:focus, - .editor-post-permalink input[type="date"]:focus, - .editor-post-permalink input[type="datetime"]:focus, - .editor-post-permalink input[type="datetime-local"]:focus, - .editor-post-permalink input[type="email"]:focus, - .editor-post-permalink input[type="month"]:focus, - .editor-post-permalink input[type="number"]:focus, - .editor-post-permalink select:focus, - .editor-post-permalink textarea:focus, - .edit-post-sidebar .input-control:focus, - .edit-post-sidebar input[type="text"]:focus, - .edit-post-sidebar input[type="search"]:focus, - .edit-post-sidebar input[type="radio"]:focus, - .edit-post-sidebar input[type="tel"]:focus, - .edit-post-sidebar input[type="time"]:focus, - .edit-post-sidebar input[type="url"]:focus, - .edit-post-sidebar input[type="week"]:focus, - .edit-post-sidebar input[type="password"]:focus, - .edit-post-sidebar input[type="checkbox"]:focus, - .edit-post-sidebar input[type="color"]:focus, - .edit-post-sidebar input[type="date"]:focus, - .edit-post-sidebar input[type="datetime"]:focus, - .edit-post-sidebar input[type="datetime-local"]:focus, - .edit-post-sidebar input[type="email"]:focus, - .edit-post-sidebar input[type="month"]:focus, - .edit-post-sidebar input[type="number"]:focus, - .edit-post-sidebar select:focus, - .edit-post-sidebar textarea:focus, - .editor-post-publish-panel .input-control:focus, - .editor-post-publish-panel input[type="text"]:focus, - .editor-post-publish-panel input[type="search"]:focus, - .editor-post-publish-panel input[type="radio"]:focus, - .editor-post-publish-panel input[type="tel"]:focus, - .editor-post-publish-panel input[type="time"]:focus, - .editor-post-publish-panel input[type="url"]:focus, - .editor-post-publish-panel input[type="week"]:focus, - .editor-post-publish-panel input[type="password"]:focus, - .editor-post-publish-panel input[type="checkbox"]:focus, - .editor-post-publish-panel input[type="color"]:focus, - .editor-post-publish-panel input[type="date"]:focus, - .editor-post-publish-panel input[type="datetime"]:focus, - .editor-post-publish-panel input[type="datetime-local"]:focus, - .editor-post-publish-panel input[type="email"]:focus, - .editor-post-publish-panel input[type="month"]:focus, - .editor-post-publish-panel input[type="number"]:focus, - .editor-post-publish-panel select:focus, - .editor-post-publish-panel textarea:focus, - .block-editor-block-list__block .input-control:focus, - .block-editor-block-list__block input[type="text"]:focus, - .block-editor-block-list__block input[type="search"]:focus, - .block-editor-block-list__block input[type="radio"]:focus, - .block-editor-block-list__block input[type="tel"]:focus, - .block-editor-block-list__block input[type="time"]:focus, - .block-editor-block-list__block input[type="url"]:focus, - .block-editor-block-list__block input[type="week"]:focus, - .block-editor-block-list__block input[type="password"]:focus, - .block-editor-block-list__block input[type="checkbox"]:focus, - .block-editor-block-list__block input[type="color"]:focus, - .block-editor-block-list__block input[type="date"]:focus, - .block-editor-block-list__block input[type="datetime"]:focus, - .block-editor-block-list__block input[type="datetime-local"]:focus, - .block-editor-block-list__block input[type="email"]:focus, - .block-editor-block-list__block input[type="month"]:focus, - .block-editor-block-list__block input[type="number"]:focus, - .block-editor-block-list__block select:focus, - .block-editor-block-list__block textarea:focus, - .components-popover .input-control:focus, - .components-popover input[type="text"]:focus, - .components-popover input[type="search"]:focus, - .components-popover input[type="radio"]:focus, - .components-popover input[type="tel"]:focus, - .components-popover input[type="time"]:focus, - .components-popover input[type="url"]:focus, - .components-popover input[type="week"]:focus, - .components-popover input[type="password"]:focus, - .components-popover input[type="checkbox"]:focus, - .components-popover input[type="color"]:focus, - .components-popover input[type="date"]:focus, - .components-popover input[type="datetime"]:focus, - .components-popover input[type="datetime-local"]:focus, - .components-popover input[type="email"]:focus, - .components-popover input[type="month"]:focus, - .components-popover input[type="number"]:focus, - .components-popover select:focus, - .components-popover textarea:focus, - .components-modal__content .input-control:focus, - .components-modal__content input[type="text"]:focus, - .components-modal__content input[type="search"]:focus, - .components-modal__content input[type="radio"]:focus, - .components-modal__content input[type="tel"]:focus, - .components-modal__content input[type="time"]:focus, - .components-modal__content input[type="url"]:focus, - .components-modal__content input[type="week"]:focus, - .components-modal__content input[type="password"]:focus, - .components-modal__content input[type="checkbox"]:focus, - .components-modal__content input[type="color"]:focus, - .components-modal__content input[type="date"]:focus, - .components-modal__content input[type="datetime"]:focus, - .components-modal__content input[type="datetime-local"]:focus, - .components-modal__content input[type="email"]:focus, - .components-modal__content input[type="month"]:focus, - .components-modal__content input[type="number"]:focus, - .components-modal__content select:focus, - .components-modal__content textarea:focus { - color: #191e23; - border-color: #00a0d2; - box-shadow: 0 0 0 1px #00a0d2; - outline: 2px solid transparent; - outline-offset: -2px; } - -.editor-post-permalink input[type="number"], -.edit-post-sidebar input[type="number"], -.editor-post-publish-panel input[type="number"], -.block-editor-block-list__block input[type="number"], -.components-popover input[type="number"], -.components-modal__content input[type="number"] { - padding-right: 4px; - padding-left: 4px; } - -.editor-post-permalink select, -.edit-post-sidebar select, -.editor-post-publish-panel select, -.block-editor-block-list__block select, -.components-popover select, -.components-modal__content select { - padding: 2px; } - .editor-post-permalink select:focus, - .edit-post-sidebar select:focus, - .editor-post-publish-panel select:focus, - .block-editor-block-list__block select:focus, - .components-popover select:focus, - .components-modal__content select:focus { - border-color: #008dbe; - outline: 2px solid transparent; - outline-offset: 0; } - -.editor-post-permalink input[type="checkbox"], -.editor-post-permalink input[type="radio"], -.edit-post-sidebar input[type="checkbox"], -.edit-post-sidebar input[type="radio"], -.editor-post-publish-panel input[type="checkbox"], -.editor-post-publish-panel input[type="radio"], -.block-editor-block-list__block input[type="checkbox"], -.block-editor-block-list__block input[type="radio"], -.components-popover input[type="checkbox"], -.components-popover input[type="radio"], -.components-modal__content input[type="checkbox"], -.components-modal__content input[type="radio"] { - border: 2px solid #6c7781; - margin-left: 12px; - transition: none; } - .editor-post-permalink input[type="checkbox"]:focus, - .editor-post-permalink input[type="radio"]:focus, - .edit-post-sidebar input[type="checkbox"]:focus, - .edit-post-sidebar input[type="radio"]:focus, - .editor-post-publish-panel input[type="checkbox"]:focus, - .editor-post-publish-panel input[type="radio"]:focus, - .block-editor-block-list__block input[type="checkbox"]:focus, - .block-editor-block-list__block input[type="radio"]:focus, - .components-popover input[type="checkbox"]:focus, - .components-popover input[type="radio"]:focus, - .components-modal__content input[type="checkbox"]:focus, - .components-modal__content input[type="radio"]:focus { - border-color: #6c7781; - box-shadow: 0 0 0 1px #6c7781; } - .editor-post-permalink input[type="checkbox"]:checked, - .editor-post-permalink input[type="radio"]:checked, - .edit-post-sidebar input[type="checkbox"]:checked, - .edit-post-sidebar input[type="radio"]:checked, - .editor-post-publish-panel input[type="checkbox"]:checked, - .editor-post-publish-panel input[type="radio"]:checked, - .block-editor-block-list__block input[type="checkbox"]:checked, - .block-editor-block-list__block input[type="radio"]:checked, - .components-popover input[type="checkbox"]:checked, - .components-popover input[type="radio"]:checked, - .components-modal__content input[type="checkbox"]:checked, - .components-modal__content input[type="radio"]:checked { - background: #11a0d2; - border-color: #11a0d2; } - body.admin-color-sunrise .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-permalink input[type="radio"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-sunrise .edit-post-sidebar input[type="radio"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-sunrise .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-sunrise .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-sunrise .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-sunrise .components-popover input[type="checkbox"]:checked, body.admin-color-sunrise .components-popover input[type="radio"]:checked, body.admin-color-sunrise .components-modal__content input[type="checkbox"]:checked, body.admin-color-sunrise .components-modal__content input[type="radio"]:checked { - background: #c8b03c; - border-color: #c8b03c; } - body.admin-color-ocean .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-permalink input[type="radio"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ocean .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ocean .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ocean .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ocean .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-ocean .components-popover input[type="checkbox"]:checked, body.admin-color-ocean .components-popover input[type="radio"]:checked, body.admin-color-ocean .components-modal__content input[type="checkbox"]:checked, body.admin-color-ocean .components-modal__content input[type="radio"]:checked { - background: #a3b9a2; - border-color: #a3b9a2; } - body.admin-color-midnight .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-permalink input[type="radio"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-midnight .edit-post-sidebar input[type="radio"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-midnight .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-midnight .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-midnight .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-midnight .components-popover input[type="checkbox"]:checked, body.admin-color-midnight .components-popover input[type="radio"]:checked, body.admin-color-midnight .components-modal__content input[type="checkbox"]:checked, body.admin-color-midnight .components-modal__content input[type="radio"]:checked { - background: #77a6b9; - border-color: #77a6b9; } - body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-permalink input[type="radio"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-ectoplasm .edit-post-sidebar input[type="radio"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-ectoplasm .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-ectoplasm .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-ectoplasm .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-ectoplasm .components-popover input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-popover input[type="radio"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="checkbox"]:checked, body.admin-color-ectoplasm .components-modal__content input[type="radio"]:checked { - background: #a7b656; - border-color: #a7b656; } - body.admin-color-coffee .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-permalink input[type="radio"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-coffee .edit-post-sidebar input[type="radio"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-coffee .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-coffee .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-coffee .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-coffee .components-popover input[type="checkbox"]:checked, body.admin-color-coffee .components-popover input[type="radio"]:checked, body.admin-color-coffee .components-modal__content input[type="checkbox"]:checked, body.admin-color-coffee .components-modal__content input[type="radio"]:checked { - background: #c2a68c; - border-color: #c2a68c; } - body.admin-color-blue .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-blue .editor-post-permalink input[type="radio"]:checked, body.admin-color-blue .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-blue .edit-post-sidebar input[type="radio"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-blue .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-blue .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-blue .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-blue .components-popover input[type="checkbox"]:checked, body.admin-color-blue .components-popover input[type="radio"]:checked, body.admin-color-blue .components-modal__content input[type="checkbox"]:checked, body.admin-color-blue .components-modal__content input[type="radio"]:checked { - background: #82b4cb; - border-color: #82b4cb; } - body.admin-color-light .editor-post-permalink input[type="checkbox"]:checked, body.admin-color-light .editor-post-permalink input[type="radio"]:checked, body.admin-color-light .edit-post-sidebar input[type="checkbox"]:checked, body.admin-color-light .edit-post-sidebar input[type="radio"]:checked, body.admin-color-light .editor-post-publish-panel input[type="checkbox"]:checked, body.admin-color-light .editor-post-publish-panel input[type="radio"]:checked, body.admin-color-light .block-editor-block-list__block input[type="checkbox"]:checked, body.admin-color-light .block-editor-block-list__block input[type="radio"]:checked, body.admin-color-light .components-popover input[type="checkbox"]:checked, body.admin-color-light .components-popover input[type="radio"]:checked, body.admin-color-light .components-modal__content input[type="checkbox"]:checked, body.admin-color-light .components-modal__content input[type="radio"]:checked { - background: #11a0d2; - border-color: #11a0d2; } - .editor-post-permalink input[type="checkbox"]:checked:focus, - .editor-post-permalink input[type="radio"]:checked:focus, - .edit-post-sidebar input[type="checkbox"]:checked:focus, - .edit-post-sidebar input[type="radio"]:checked:focus, - .editor-post-publish-panel input[type="checkbox"]:checked:focus, - .editor-post-publish-panel input[type="radio"]:checked:focus, - .block-editor-block-list__block input[type="checkbox"]:checked:focus, - .block-editor-block-list__block input[type="radio"]:checked:focus, - .components-popover input[type="checkbox"]:checked:focus, - .components-popover input[type="radio"]:checked:focus, - .components-modal__content input[type="checkbox"]:checked:focus, - .components-modal__content input[type="radio"]:checked:focus { - box-shadow: 0 0 0 2px #555d66; } - -.editor-post-permalink input[type="checkbox"], -.edit-post-sidebar input[type="checkbox"], -.editor-post-publish-panel input[type="checkbox"], -.block-editor-block-list__block input[type="checkbox"], -.components-popover input[type="checkbox"], -.components-modal__content input[type="checkbox"] { - border-radius: 2px; } - .editor-post-permalink input[type="checkbox"]:checked::before, .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before, - .edit-post-sidebar input[type="checkbox"]:checked::before, - .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before, - .editor-post-publish-panel input[type="checkbox"]:checked::before, - .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before, - .block-editor-block-list__block input[type="checkbox"]:checked::before, - .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before, - .components-popover input[type="checkbox"]:checked::before, - .components-popover input[type="checkbox"][aria-checked="mixed"]::before, - .components-modal__content input[type="checkbox"]:checked::before, - .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before { - margin: -3px -5px; - color: #fff; } - @media (min-width: 782px) { - .editor-post-permalink input[type="checkbox"]:checked::before, .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before, - .edit-post-sidebar input[type="checkbox"]:checked::before, - .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before, - .editor-post-publish-panel input[type="checkbox"]:checked::before, - .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before, - .block-editor-block-list__block input[type="checkbox"]:checked::before, - .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before, - .components-popover input[type="checkbox"]:checked::before, - .components-popover input[type="checkbox"][aria-checked="mixed"]::before, - .components-modal__content input[type="checkbox"]:checked::before, - .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before { - margin: -4px -5px 0 0; } } - .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], - .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], - .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], - .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], - .components-popover input[type="checkbox"][aria-checked="mixed"], - .components-modal__content input[type="checkbox"][aria-checked="mixed"] { - background: #11a0d2; - border-color: #11a0d2; } - body.admin-color-sunrise .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-sunrise .components-modal__content input[type="checkbox"][aria-checked="mixed"] { - background: #c8b03c; - border-color: #c8b03c; } - body.admin-color-ocean .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-ocean .components-modal__content input[type="checkbox"][aria-checked="mixed"] { - background: #a3b9a2; - border-color: #a3b9a2; } - body.admin-color-midnight .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-midnight .components-modal__content input[type="checkbox"][aria-checked="mixed"] { - background: #77a6b9; - border-color: #77a6b9; } - body.admin-color-ectoplasm .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-ectoplasm .components-modal__content input[type="checkbox"][aria-checked="mixed"] { - background: #a7b656; - border-color: #a7b656; } - body.admin-color-coffee .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-coffee .components-modal__content input[type="checkbox"][aria-checked="mixed"] { - background: #c2a68c; - border-color: #c2a68c; } - body.admin-color-blue .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-blue .components-modal__content input[type="checkbox"][aria-checked="mixed"] { - background: #82b4cb; - border-color: #82b4cb; } - body.admin-color-light .editor-post-permalink input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .components-popover input[type="checkbox"][aria-checked="mixed"], body.admin-color-light .components-modal__content input[type="checkbox"][aria-checked="mixed"] { - background: #11a0d2; - border-color: #11a0d2; } - .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before, - .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before, - .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before, - .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before, - .components-popover input[type="checkbox"][aria-checked="mixed"]::before, - .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before { - content: "\f460"; - float: right; - display: inline-block; - vertical-align: middle; - width: 16px; - /* stylelint-disable */ - font: normal 30px/1 dashicons; - /* stylelint-enable */ - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - @media (min-width: 782px) { - .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]::before, - .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]::before, - .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]::before, - .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]::before, - .components-popover input[type="checkbox"][aria-checked="mixed"]::before, - .components-modal__content input[type="checkbox"][aria-checked="mixed"]::before { - float: none; - font-size: 21px; } } - .editor-post-permalink input[type="checkbox"][aria-checked="mixed"]:focus, - .edit-post-sidebar input[type="checkbox"][aria-checked="mixed"]:focus, - .editor-post-publish-panel input[type="checkbox"][aria-checked="mixed"]:focus, - .block-editor-block-list__block input[type="checkbox"][aria-checked="mixed"]:focus, - .components-popover input[type="checkbox"][aria-checked="mixed"]:focus, - .components-modal__content input[type="checkbox"][aria-checked="mixed"]:focus { - box-shadow: 0 0 0 2px #555d66; } - -.editor-post-permalink input[type="radio"], -.edit-post-sidebar input[type="radio"], -.editor-post-publish-panel input[type="radio"], -.block-editor-block-list__block input[type="radio"], -.components-popover input[type="radio"], -.components-modal__content input[type="radio"] { - border-radius: 50%; } - .editor-post-permalink input[type="radio"]:checked::before, - .edit-post-sidebar input[type="radio"]:checked::before, - .editor-post-publish-panel input[type="radio"]:checked::before, - .block-editor-block-list__block input[type="radio"]:checked::before, - .components-popover input[type="radio"]:checked::before, - .components-modal__content input[type="radio"]:checked::before { - margin: 3px 3px 0 0; - background-color: #fff; } - -.editor-post-title input::-webkit-input-placeholder, -.editor-post-title textarea::-webkit-input-placeholder, -.block-editor-block-list__block input::-webkit-input-placeholder, -.block-editor-block-list__block textarea::-webkit-input-placeholder { - color: rgba(14, 28, 46, 0.62); } - -.editor-post-title input::-moz-placeholder, -.editor-post-title textarea::-moz-placeholder, -.block-editor-block-list__block input::-moz-placeholder, -.block-editor-block-list__block textarea::-moz-placeholder { - opacity: 1; - color: rgba(14, 28, 46, 0.62); } - -.editor-post-title input:-ms-input-placeholder, -.editor-post-title textarea:-ms-input-placeholder, -.block-editor-block-list__block input:-ms-input-placeholder, -.block-editor-block-list__block textarea:-ms-input-placeholder { - color: rgba(14, 28, 46, 0.62); } - -.is-dark-theme .editor-post-title input::-webkit-input-placeholder, .is-dark-theme -.editor-post-title textarea::-webkit-input-placeholder, .is-dark-theme -.block-editor-block-list__block input::-webkit-input-placeholder, .is-dark-theme -.block-editor-block-list__block textarea::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - -.is-dark-theme .editor-post-title input::-moz-placeholder, .is-dark-theme -.editor-post-title textarea::-moz-placeholder, .is-dark-theme -.block-editor-block-list__block input::-moz-placeholder, .is-dark-theme -.block-editor-block-list__block textarea::-moz-placeholder { - opacity: 1; - color: rgba(255, 255, 255, 0.65); } - -.is-dark-theme .editor-post-title input:-ms-input-placeholder, .is-dark-theme -.editor-post-title textarea:-ms-input-placeholder, .is-dark-theme -.block-editor-block-list__block input:-ms-input-placeholder, .is-dark-theme -.block-editor-block-list__block textarea:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - .wp-block { - max-width: 610px; } + max-width: 580px; } .wp-block[data-align="wide"] { max-width: 1100px; } .wp-block[data-align="full"] { max-width: none; } + +body.admin-color-light { + --wp-admin-theme-color: #0085ba; + --wp-admin-theme-color-darker-10: #0073a1; + --wp-admin-theme-color-darker-20: #006187; } + +body.admin-color-modern { + --wp-admin-theme-color: #3858e9; + --wp-admin-theme-color-darker-10: #2145e6; + --wp-admin-theme-color-darker-20: #183ad6; } + +body.admin-color-blue { + --wp-admin-theme-color: #096484; + --wp-admin-theme-color-darker-10: #07526c; + --wp-admin-theme-color-darker-20: #064054; } + +body.admin-color-coffee { + --wp-admin-theme-color: #46403c; + --wp-admin-theme-color-darker-10: #383330; + --wp-admin-theme-color-darker-20: #2b2724; } + +body.admin-color-ectoplasm { + --wp-admin-theme-color: #523f6d; + --wp-admin-theme-color-darker-10: #46365d; + --wp-admin-theme-color-darker-20: #3a2c4d; } + +body.admin-color-midnight { + --wp-admin-theme-color: #e14d43; + --wp-admin-theme-color-darker-10: #dd382d; + --wp-admin-theme-color-darker-20: #d02c21; } + +body.admin-color-ocean { + --wp-admin-theme-color: #627c83; + --wp-admin-theme-color-darker-10: #576e74; + --wp-admin-theme-color-darker-20: #4c6066; } + +body.admin-color-sunrise { + --wp-admin-theme-color: #dd823b; + --wp-admin-theme-color-darker-10: #d97426; + --wp-admin-theme-color-darker-20: #c36922; }