diff -r 34716fd837a4 -r be944660c56a wp/wp-includes/css/dist/editor/style-rtl.css --- a/wp/wp-includes/css/dist/editor/style-rtl.css Tue Dec 15 15:52:01 2020 +0100 +++ b/wp/wp-includes/css/dist/editor/style-rtl.css Wed Sep 21 18:19:35 2022 +0200 @@ -3,18 +3,17 @@ * Colors */ /** - * Deprecated colors. - * Please avoid using these. - */ -/** * Breakpoints & Media Queries */ /** - * Colors + * SCSS Variables. + * + * Please use variables from this sheet to ensure consistency across the UI. + * Don't add to this sheet unless you're pretty sure the value will be reused in many places. + * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. */ /** - * Deprecated colors. - * Please avoid using these. + * Colors */ /** * Fonts & basic variables. @@ -33,10 +32,14 @@ * Editor widths. */ /** - * Block UI. + * Block & Editor UI. */ /** - * Border radii. + * Block paddings. + */ +/** + * React Native specific. + * These variables do not appear to be used anywhere else. */ /** * Breakpoint mixins @@ -69,70 +72,87 @@ :root { --wp-admin-theme-color: #007cba; --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-20: #005a87; } + --wp-admin-theme-color-darker-20: #005a87; + --wp-admin-border-width-focus: 2px; +} +@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { + :root { + --wp-admin-border-width-focus: 1.5px; + } +} .editor-autocompleters__user .editor-autocompleters__no-avatar::before { /* stylelint-disable */ font: normal 20px/1 dashicons; /* stylelint-enable */ - content: "\f110"; + content: ""; margin-left: 5px; - vertical-align: middle; } - + vertical-align: middle; +} .editor-autocompleters__user .editor-autocompleters__user-avatar { margin-left: 8px; flex-grow: 0; flex-shrink: 0; max-width: none; width: 24px; - height: 24px; } - + height: 24px; +} .editor-autocompleters__user .editor-autocompleters__user-name { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; flex-shrink: 0; - flex-grow: 1; } - + flex-grow: 1; +} .editor-autocompleters__user .editor-autocompleters__user-slug { margin-right: 8px; - color: #8f98a1; + color: #757575; white-space: nowrap; text-overflow: ellipsis; overflow: none; max-width: 100px; flex-grow: 0; - flex-shrink: 0; } - + flex-shrink: 0; +} .editor-autocompleters__user:hover .editor-autocompleters__user-slug { - color: #007cba; - color: var(--wp-admin-theme-color); } + color: var(--wp-admin-theme-color); +} .document-outline { - margin: 20px 0; } - .document-outline ul { - margin: 0; - padding: 0; } + margin: 20px 0; +} +.document-outline ul { + margin: 0; + padding: 0; +} .document-outline__item { display: flex; - margin: 4px 0; } - .document-outline__item a { - text-decoration: none; } - .document-outline__item .document-outline__emdash::before { - color: #ddd; - margin-left: 4px; } - .document-outline__item.is-h2 .document-outline__emdash::before { - content: "—"; } - .document-outline__item.is-h3 .document-outline__emdash::before { - content: "——"; } - .document-outline__item.is-h4 .document-outline__emdash::before { - content: "———"; } - .document-outline__item.is-h5 .document-outline__emdash::before { - content: "————"; } - .document-outline__item.is-h6 .document-outline__emdash::before { - content: "—————"; } + margin: 4px 0; +} +.document-outline__item a { + text-decoration: none; +} +.document-outline__item .document-outline__emdash::before { + color: #ddd; + margin-left: 4px; +} +.document-outline__item.is-h2 .document-outline__emdash::before { + content: "—"; +} +.document-outline__item.is-h3 .document-outline__emdash::before { + content: "——"; +} +.document-outline__item.is-h4 .document-outline__emdash::before { + content: "———"; +} +.document-outline__item.is-h5 .document-outline__emdash::before { + content: "————"; +} +.document-outline__item.is-h6 .document-outline__emdash::before { + content: "—————"; +} .document-outline__button { cursor: pointer; @@ -144,13 +164,15 @@ padding: 2px 1px 2px 5px; color: #1e1e1e; text-align: right; - border-radius: 2px; } - .document-outline__button:disabled { - cursor: default; } - .document-outline__button:focus { - box-shadow: 0 0 0 1.5px #007cba; - box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); - outline: 2px solid transparent; } + border-radius: 2px; +} +.document-outline__button:disabled { + cursor: default; +} +.document-outline__button:focus { + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline: 2px solid transparent; +} .document-outline__level { background: #ddd; @@ -158,44 +180,36 @@ border-radius: 3px; font-size: 13px; padding: 1px 6px; - margin-left: 4px; } - .is-invalid .document-outline__level { - background: #f0b849; } + margin-left: 4px; +} +.is-invalid .document-outline__level { + background: #f0b849; +} .document-outline__item-content { - padding: 1px 0; } + padding: 1px 0; +} -.components-editor-notices__dismissible { - position: -webkit-sticky; - position: sticky; - top: 0; - left: 0; - color: #1e1e1e; } - +.components-editor-notices__dismissible, .components-editor-notices__pinned { position: relative; right: 0; top: 0; left: 0; - color: #1e1e1e; } - + color: #1e1e1e; +} .components-editor-notices__dismissible .components-notice, .components-editor-notices__pinned .components-notice { box-sizing: border-box; margin: 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 0 12px; - min-height: 60px; } - .components-editor-notices__dismissible .components-notice .components-notice__dismiss, - .components-editor-notices__pinned .components-notice .components-notice__dismiss { - margin-top: 12px; } - -.components-editor-notices__snackbar { - width: 100%; } - @media (min-width: 782px) { - .components-editor-notices__snackbar { - width: fit-content; - width: -moz-fit-content; } } + min-height: 60px; +} +.components-editor-notices__dismissible .components-notice .components-notice__dismiss, +.components-editor-notices__pinned .components-notice .components-notice__dismiss { + margin-top: 12px; +} .entities-saved-states__panel { box-sizing: border-box; @@ -207,90 +221,105 @@ left: 0; right: 0; overflow: auto; - box-sizing: border-box; } - .entities-saved-states__panel *, - .entities-saved-states__panel *::before, - .entities-saved-states__panel *::after { - box-sizing: inherit; } + box-sizing: border-box; +} +.entities-saved-states__panel *, +.entities-saved-states__panel *::before, +.entities-saved-states__panel *::after { + box-sizing: inherit; +} +.entities-saved-states__panel .entities-saved-states__find-entity { + display: none; +} +.entities-saved-states__panel .entities-saved-states__find-entity-small { + display: block; +} +@media (min-width: 782px) { + .entities-saved-states__panel { + top: 32px; + right: auto; + width: 280px; + border-right: 1px solid #ddd; + } + body.is-fullscreen-mode .entities-saved-states__panel { + top: 0; + } .entities-saved-states__panel .entities-saved-states__find-entity { - display: none; } + display: block; + } .entities-saved-states__panel .entities-saved-states__find-entity-small { - display: block; } - @media (min-width: 782px) { - .entities-saved-states__panel { - z-index: 99998; - top: 32px; - right: auto; - width: 280px; - border-right: 1px solid #ddd; } - body.is-fullscreen-mode .entities-saved-states__panel { - top: 0; } - .entities-saved-states__panel .entities-saved-states__find-entity { - display: block; } - .entities-saved-states__panel .entities-saved-states__find-entity-small { - display: none; } } - .entities-saved-states__panel .entities-saved-states__panel-header { - background: #fff; - padding-right: 8px; - padding-left: 8px; - height: 61px; - border-bottom: 1px solid #ddd; - display: flex; - align-items: center; - align-content: space-between; } - .entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { - margin: auto; } - .entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { - position: absolute; - left: 8px; } - .entities-saved-states__panel .entities-saved-states__text-prompt { - border-bottom: 1px solid #ddd; - padding: 16px; - padding-bottom: 4px; } + display: none; + } +} +.entities-saved-states__panel .entities-saved-states__panel-header { + background: #fff; + padding-right: 8px; + padding-left: 8px; + height: 61px; + border-bottom: 1px solid #ddd; + display: flex; + align-items: center; + align-content: space-between; +} +.entities-saved-states__panel .entities-saved-states__panel-header .editor-entities-saved-states__save-button { + margin: auto; +} +.entities-saved-states__panel .entities-saved-states__panel-header .components-button.has-icon { + position: absolute; + left: 8px; +} +.entities-saved-states__panel .entities-saved-states__text-prompt { + padding: 16px; + padding-bottom: 4px; +} .editor-error-boundary { margin: auto; max-width: 780px; padding: 20px; margin-top: 60px; - box-shadow: 0 3px 30px rgba(0, 0, 0, 0.2); } - -.editor-page-attributes__template { - margin-bottom: 10px; } - .editor-page-attributes__template label, - .editor-page-attributes__template select { - width: 100%; } + box-shadow: 0 10px 10px rgba(0, 0, 0, 0.25); +} .editor-page-attributes__order { - width: 100%; } - .editor-page-attributes__order .components-base-control__field { - display: flex; - justify-content: space-between; - align-items: center; } - .editor-page-attributes__order input { - width: 66px; } + width: 100%; +} +.editor-page-attributes__order .components-base-control__field { + display: flex; + justify-content: space-between; + align-items: center; +} +.editor-page-attributes__order input { + width: 66px; +} .editor-post-excerpt__textarea { width: 100%; - margin-bottom: 10px; } + margin-bottom: 10px; +} .editor-post-featured-image { - padding: 0; } - .editor-post-featured-image__container { - margin-bottom: 1em; - position: relative; } - .editor-post-featured-image .components-spinner { - position: absolute; - top: 50%; - right: 50%; - margin-top: -9px; - margin-right: -9px; } - .editor-post-featured-image .components-button + .components-button { - display: block; - margin-top: 1em; } - .editor-post-featured-image .components-responsive-wrapper__content { - max-width: 100%; - width: auto; } + padding: 0; +} +.editor-post-featured-image__container { + margin-bottom: 1em; + position: relative; +} +.editor-post-featured-image .components-spinner { + position: absolute; + top: 50%; + right: 50%; + margin-top: -9px; + margin-right: -9px; +} +.editor-post-featured-image .components-button + .components-button { + display: block; + margin-top: 1em; +} +.editor-post-featured-image .components-responsive-wrapper__content { + max-width: 100%; + width: auto; +} .editor-post-featured-image__toggle, .editor-post-featured-image__preview { @@ -298,19 +327,23 @@ width: 100%; padding: 0; transition: all 0.1s ease-out; - box-shadow: 0 0 0 0 #007cba; - box-shadow: 0 0 0 0 var(--wp-admin-theme-color); } - @media (prefers-reduced-motion: reduce) { - .editor-post-featured-image__toggle, - .editor-post-featured-image__preview { - transition-duration: 0s; } } + box-shadow: 0 0 0 0 var(--wp-admin-theme-color); +} +@media (prefers-reduced-motion: reduce) { + .editor-post-featured-image__toggle, +.editor-post-featured-image__preview { + transition-duration: 0s; + transition-delay: 0s; + } +} .editor-post-featured-image__preview { - height: auto; } + height: auto; +} -.editor-post-featured-image__preview:not(:disabled):not([aria-disabled="true"]):focus { - box-shadow: 0 0 0 4px #007cba; - box-shadow: 0 0 0 4px var(--wp-admin-theme-color); } +.editor-post-featured-image__preview:not(:disabled):not([aria-disabled=true]):focus { + box-shadow: 0 0 0 4px var(--wp-admin-theme-color); +} .editor-post-featured-image__toggle { border-radius: 2px; @@ -318,61 +351,76 @@ min-height: 90px; line-height: 20px; padding: 8px 0; - text-align: center; } - .editor-post-featured-image__toggle:hover { - background: #ddd; - color: #1e1e1e; } + text-align: center; +} +.editor-post-featured-image__toggle:hover { + background: #ddd; + color: #1e1e1e; +} .editor-post-format { flex-direction: column; align-items: stretch; - width: 100%; } + width: 100%; +} .editor-post-format__content { display: inline-flex; justify-content: space-between; align-items: center; - width: 100%; } + width: 100%; +} .editor-post-format__suggestion { text-align: left; - font-size: 13px; } + font-size: 13px; +} .editor-post-last-revision__title { width: 100%; - font-weight: 600; } - .editor-post-last-revision__title .dashicon { - margin-left: 5px; } + font-weight: 600; +} +.editor-post-last-revision__title .dashicon { + margin-left: 5px; +} .components-button.editor-post-last-revision__title { - height: 100%; } - .components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { - background: #f0f0f0; } - .components-button.editor-post-last-revision__title:focus { - box-shadow: inset 0 0 0 1.5px #007cba; - box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); - border-radius: 0; } + height: 100%; +} +.components-button.editor-post-last-revision__title:hover, .components-button.editor-post-last-revision__title:active { + background: #f0f0f0; +} +.components-button.editor-post-last-revision__title:focus { + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + border-radius: 0; +} .editor-post-locked-modal { height: auto; padding-left: 10px; padding-right: 10px; padding-top: 10px; - max-width: 480px; } - .editor-post-locked-modal .components-modal__header { - height: 36px; } - .editor-post-locked-modal .components-modal__content { - height: auto; } + max-width: 480px; +} +.editor-post-locked-modal .components-modal__header { + height: 36px; +} +.editor-post-locked-modal .components-modal__content { + height: auto; +} .editor-post-locked-modal__buttons { - margin-top: 10px; } - .editor-post-locked-modal__buttons .components-button { - margin-left: 5px; } + margin-top: 10px; +} +.editor-post-locked-modal__buttons .components-button { + margin-left: 5px; +} .editor-post-locked-modal__avatar { float: right; margin: 5px; - margin-left: 15px; } + margin-left: 15px; +} .editor-post-publish-button__button.has-changes-dot::before { background: currentcolor; @@ -380,16 +428,20 @@ content: ""; height: 8px; margin: auto -3px auto 5px; - width: 8px; } + width: 8px; +} .editor-post-publish-panel { - background: #fff; } + background: #fff; +} .editor-post-publish-panel__content { - min-height: calc(100% - 144px); } - .editor-post-publish-panel__content .components-spinner { - display: block; - margin: 100px auto 0; } + min-height: calc(100% - 144px); +} +.editor-post-publish-panel__content .components-spinner { + display: block; + margin: 100px auto 0; +} .editor-post-publish-panel__header { background: #fff; @@ -399,95 +451,148 @@ border-bottom: 1px solid #ddd; display: flex; align-items: center; - align-content: space-between; } - .editor-post-publish-panel__header .components-button { - width: 100%; - justify-content: center; } - .editor-post-publish-panel__header .has-icon { - margin-right: auto; - width: auto; } + align-content: space-between; +} +.editor-post-publish-panel__header .components-button { + width: 100%; + justify-content: center; +} +.editor-post-publish-panel__header .has-icon { + margin-right: auto; + width: auto; +} + +.components-site-card { + display: flex; + align-items: center; + margin: 16px 0; +} + +.components-site-icon { + border: none; + border-radius: 2px; + margin-left: 12px; + height: 36px; + width: 36px; +} + +.components-site-name { + display: block; + font-size: 14px; +} + +.components-site-home { + display: block; + color: #757575; + font-size: 12px; +} .editor-post-publish-panel__header-publish-button, .editor-post-publish-panel__header-cancel-button { - flex-grow: 1; } - @media (min-width: 480px) { - .editor-post-publish-panel__header-publish-button, - .editor-post-publish-panel__header-cancel-button { - max-width: 160px; } } + flex-grow: 1; +} +@media (min-width: 480px) { + .editor-post-publish-panel__header-publish-button, +.editor-post-publish-panel__header-cancel-button { + max-width: 160px; + } +} .editor-post-publish-panel__header-publish-button { - padding-left: 4px; } + padding-left: 4px; +} .editor-post-publish-panel__header-cancel-button { - padding-right: 4px; } + padding-right: 4px; +} .editor-post-publish-panel__header-published { - flex-grow: 1; } + flex-grow: 1; +} .editor-post-publish-panel__footer { - padding: 16px; } + padding: 16px; +} .components-button.editor-post-publish-panel__toggle.is-primary { display: inline-flex; - align-items: center; } - .components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { - display: none; } - .components-button.editor-post-publish-panel__toggle.is-primary .dashicon { - margin-left: -4px; } + align-items: center; +} +.components-button.editor-post-publish-panel__toggle.is-primary.is-busy .dashicon { + display: none; +} +.components-button.editor-post-publish-panel__toggle.is-primary .dashicon { + margin-left: -4px; +} .editor-post-publish-panel__link { font-weight: 400; - padding-right: 4px; } + padding-right: 4px; +} .editor-post-publish-panel__prepublish { - padding: 16px; } - .editor-post-publish-panel__prepublish strong { - color: #1e1e1e; } - .editor-post-publish-panel__prepublish .components-panel__body { - background: #fff; - margin-right: -16px; - margin-left: -16px; } - .editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { - display: none; } + padding: 16px; +} +.editor-post-publish-panel__prepublish strong { + color: #1e1e1e; +} +.editor-post-publish-panel__prepublish .components-panel__body { + background: #fff; + margin-right: -16px; + margin-left: -16px; +} +.editor-post-publish-panel__prepublish .editor-post-visibility__dialog-legend { + display: none; +} .post-publish-panel__postpublish .components-panel__body { - border-bottom: 1px solid #f0f0f0; - border-top: none; } + border-bottom: 1px solid #e0e0e0; + border-top: none; +} .post-publish-panel__postpublish-buttons { display: flex; align-content: space-between; flex-wrap: wrap; - margin: -5px; } - .post-publish-panel__postpublish-buttons > * { - flex-grow: 1; - margin: 5px; } - .post-publish-panel__postpublish-buttons .components-button { - height: auto; - justify-content: center; - padding: 3px 10px 4px; - line-height: 1.6; - text-align: center; - white-space: normal; } - .post-publish-panel__postpublish-buttons .components-clipboard-button { - width: 100%; } + margin: -5px; +} +.post-publish-panel__postpublish-buttons > * { + flex-grow: 1; + margin: 5px; +} +.post-publish-panel__postpublish-buttons .components-button { + height: auto; + justify-content: center; + padding: 3px 10px 4px; + line-height: 1.6; + text-align: center; + white-space: normal; +} +.post-publish-panel__postpublish-buttons .components-clipboard-button { + width: 100%; +} .post-publish-panel__postpublish-post-address { - margin-bottom: 16px; } - .post-publish-panel__postpublish-post-address input[readonly] { - padding: 10px; - background: #ddd; - overflow: hidden; - text-overflow: ellipsis; } + margin-bottom: 16px; +} +.post-publish-panel__postpublish-post-address input[readonly] { + padding: 10px; + background: #ddd; + overflow: hidden; + text-overflow: ellipsis; +} .post-publish-panel__postpublish-header { - font-weight: 500; } + font-weight: 500; +} .post-publish-panel__postpublish-subheader { - margin: 0 0 8px; } + margin: 0 0 8px; +} .post-publish-panel__tip { - color: #f0b849; } + color: #f0b849; +} .editor-post-saved-state { display: flex; @@ -496,53 +601,82 @@ padding: 12px 4px; color: #757575; overflow: hidden; - white-space: nowrap; } + white-space: nowrap; +} +.editor-post-saved-state svg { + display: inline-block; + flex: 0 0 auto; + fill: currentColor; + margin-left: 8px; +} +@media (min-width: 600px) { + .editor-post-saved-state { + width: auto; + padding: 8px 12px; + text-indent: inherit; + } .editor-post-saved-state svg { - display: inline-block; - flex: 0 0 auto; - fill: currentColor; - margin-left: 8px; } - @media (min-width: 600px) { - .editor-post-saved-state { - width: auto; - padding: 8px 12px; - text-indent: inherit; } - .editor-post-saved-state svg { - margin-left: 4px; } } + margin-left: 4px; + } +} .editor-post-taxonomies__hierarchical-terms-list { max-height: 14em; overflow: auto; - margin-right: -5.5px; - padding-right: 5.5px; - margin-top: -5.5px; - padding-top: 5.5px; } + margin-right: -6px; + padding-right: 6px; + margin-top: -6px; + padding-top: 6px; +} .editor-post-taxonomies__hierarchical-terms-choice { - margin-bottom: 8px; } + margin-bottom: 8px; +} .editor-post-taxonomies__hierarchical-terms-subchoices { margin-top: 8px; - margin-right: 16px; } + margin-right: 16px; +} .components-button.editor-post-taxonomies__hierarchical-terms-submit, .components-button.editor-post-taxonomies__hierarchical-terms-add { - margin-top: 12px; } + margin-top: 12px; +} .editor-post-taxonomies__hierarchical-terms-label { display: inline-block; - margin-top: 12px; } + margin-top: 12px; +} .editor-post-taxonomies__hierarchical-terms-input { margin-top: 8px; - width: 100%; } + width: 100%; +} .editor-post-taxonomies__hierarchical-terms-filter { margin-bottom: 8px; - width: 100%; } + width: 100%; +} + +.editor-post-taxonomies__flat-term-most-used .editor-post-taxonomies__flat-term-most-used-label { + font-weight: 400; + margin-bottom: 12px; +} + +.editor-post-taxonomies__flat-term-most-used-list { + margin: 0; +} +.editor-post-taxonomies__flat-term-most-used-list li { + display: inline-block; + margin-left: 8px; +} +.editor-post-taxonomies__flat-term-most-used-list .components-button { + font-size: 12px; +} .edit-post-text-editor__body textarea.editor-post-text-editor { - border: 1px solid #ccc; + border: 1px solid #949494; + border-radius: 0; display: block; margin: 0; width: 100%; @@ -551,236 +685,297 @@ overflow: hidden; font-family: Menlo, Consolas, monaco, monospace; line-height: 2.4; - border-radius: 0; min-height: 200px; + transition: border 0.1s ease-out, box-shadow 0.1s linear; padding: 16px; /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px !important; } - @media (min-width: 600px) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - padding: 24px; } } - @media (min-width: 600px) { - .edit-post-text-editor__body textarea.editor-post-text-editor { - font-size: 15px !important; } } - .edit-post-text-editor__body textarea.editor-post-text-editor:focus { - border: 1px solid #1e1e1e; - box-shadow: none; - position: relative; } + font-size: 16px !important; +} +@media (prefers-reduced-motion: reduce) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + padding: 24px; + } +} +@media (min-width: 600px) { + .edit-post-text-editor__body textarea.editor-post-text-editor { + font-size: 15px !important; + } +} +.edit-post-text-editor__body textarea.editor-post-text-editor:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + position: relative; +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.edit-post-text-editor__body textarea.editor-post-text-editor::-moz-placeholder { + color: rgba(30, 30, 30, 0.62); + opacity: 1; +} +.edit-post-text-editor__body textarea.editor-post-text-editor:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} .edit-post-post-visibility__dialog, .editor-post-visibility__dialog-fieldset { padding: 4px; - padding-top: 0; } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { - font-weight: 600; - margin-bottom: 1em; - margin-top: 0.5em; - padding: 0; } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; + padding-top: 0; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-legend, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-legend { + font-weight: 600; + margin-bottom: 1em; + margin-top: 0.5em; + padding: 0; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + border: 1px solid #1e1e1e; + margin-left: 12px; + transition: none; + border-radius: 50%; + width: 24px; + height: 24px; + margin-top: 2px; +} +@media (prefers-reduced-motion: reduce) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; - border: 1px solid #1e1e1e; - margin-left: 12px; - transition: none; - border-radius: 50%; - margin-top: 2px; } - @media (prefers-reduced-motion: reduce) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { - transition-duration: 0s; } } - @media (min-width: 600px) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"], - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; } } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { - border-color: #007cba; - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 0.5px #007cba; - box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); - outline: 2px solid transparent; } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); } - .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder, .is-dark-theme - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder, .is-dark-theme - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]::-moz-placeholder { - opacity: 1; - color: rgba(255, 255, 255, 0.65); } - .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder, .is-dark-theme - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { - width: 7px; - height: 7px; - margin: 8px 8px 0 0; - background-color: #fff; - border: 3px solid #fff; } - @media (min-width: 782px) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked::before, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked::before { - width: 6px; - height: 6px; - margin: 4px 4px 0 0; } } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:focus, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:focus { - box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #007cba; - box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--wp-admin-theme-color); - outline: 2px solid transparent; } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type="radio"]:checked, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type="radio"]:checked { - background: #007cba; - background: var(--wp-admin-theme-color); - border-color: #007cba; - border-color: var(--wp-admin-theme-color); } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { - font-weight: 600; } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { - margin-top: 0; - margin-right: 28px; } - .edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { - margin-bottom: 0; } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - padding: 6px 8px; - box-shadow: 0 0 0 transparent; - transition: box-shadow 0.1s linear; - border-radius: 2px; - border: 1px solid #757575; - /* Fonts smaller than 16px causes mobile safari to zoom. */ - font-size: 16px; + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio], +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio] { + height: 20px; + width: 20px; + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { + box-sizing: inherit; + width: 8px; + height: 8px; + transform: translate(-7px, 7px); + margin: 0; + background-color: #fff; + border: 4px solid #fff; +} +@media (min-width: 600px) { + .edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked::before, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked::before { + transform: translate(-5px, 5px); + } +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:focus, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:focus { + box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-radio[type=radio]:checked, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-radio[type=radio]:checked { + background: var(--wp-admin-theme-color); + border-color: var(--wp-admin-theme-color); +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-label, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-label { + font-weight: 600; +} +.edit-post-post-visibility__dialog .editor-post-visibility__dialog-info, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-info { + margin-top: 0; + margin-right: 32px; +} +.edit-post-post-visibility__dialog .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info, +.editor-post-visibility__dialog-fieldset .editor-post-visibility__choice:last-child .editor-post-visibility__dialog-info { + margin-bottom: 0; +} + +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; + padding: 6px 8px; + box-shadow: 0 0 0 transparent; + transition: box-shadow 0.1s linear; + border-radius: 2px; + border: 1px solid #757575; + /* Fonts smaller than 16px causes mobile safari to zoom. */ + font-size: 16px; + /* Override core line-height. To be reviewed. */ + line-height: normal; + margin-right: 36px; + margin-top: 8px; +} +@media (prefers-reduced-motion: reduce) { + .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { + .editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text] { + font-size: 13px; /* Override core line-height. To be reviewed. */ line-height: normal; - margin-right: 28px; } - @media (prefers-reduced-motion: reduce) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { - transition-duration: 0s; } } - @media (min-width: 600px) { - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"], - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"] { - font-size: 13px; - /* Override core line-height. To be reviewed. */ - line-height: normal; } } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:focus, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:focus { - border-color: #007cba; - border-color: var(--wp-admin-theme-color); - box-shadow: 0 0 0 0.5px #007cba; - box-shadow: 0 0 0 0.5px var(--wp-admin-theme-color); - outline: 2px solid transparent; } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { - opacity: 1; - color: rgba(30, 30, 30, 0.62); } - .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); } - .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder, .is-dark-theme - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-webkit-input-placeholder { - color: rgba(255, 255, 255, 0.65); } - .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder, .is-dark-theme - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]::-moz-placeholder { - opacity: 1; - color: rgba(255, 255, 255, 0.65); } - .is-dark-theme .edit-post-post-visibility__dialog .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder, .is-dark-theme - .editor-post-visibility__dialog-fieldset .editor-post-visibility__dialog-password-input[type="text"]:-ms-input-placeholder { - color: rgba(255, 255, 255, 0.65); } + } +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:focus { + border-color: var(--wp-admin-theme-color); + box-shadow: 0 0 0 1px var(--wp-admin-theme-color); + outline: 2px solid transparent; +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]::-moz-placeholder { + opacity: 1; + color: rgba(30, 30, 30, 0.62); +} +.editor-post-visibility__dialog-password .editor-post-visibility__dialog-password-input[type=text]:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} .editor-post-title { - position: relative; } + position: relative; +} +.editor-post-title .editor-post-title__input { + display: block; + width: 100%; + margin: 0; + box-shadow: none; + background: transparent; + transition: border 0.1s ease-out, box-shadow 0.1s linear; + padding: 19px 0; + word-break: keep-all; + font-family: inherit; + color: inherit; + border: 1px solid transparent; + border-right-width: 0; + border-left-width: 0; + border-radius: 0; + outline: 1px solid transparent; + font-size: 2.44em; + font-weight: 800; + line-height: 1.4; +} +@media (prefers-reduced-motion: reduce) { + .editor-post-title .editor-post-title__input { + transition-duration: 0s; + transition-delay: 0s; + } +} +@media (min-width: 600px) { .editor-post-title .editor-post-title__input { - display: block; - width: 100%; - margin: 0; - box-shadow: none; - background: transparent; - transition: border 0.1s ease-out, box-shadow 0.1s linear; - padding: 19px 0; - word-break: keep-all; - font-family: inherit; - color: inherit; - border: 1px solid transparent; - border-right-width: 0; - border-left-width: 0; - border-radius: 0; - outline: 1px solid transparent; - font-size: 2.44em; - font-weight: bold; - line-height: 1.4; } - @media (prefers-reduced-motion: reduce) { - .editor-post-title .editor-post-title__input { - transition-duration: 0s; } } - @media (min-width: 600px) { - .editor-post-title .editor-post-title__input { - border-width: 1px; } } - .editor-post-title .editor-post-title__input::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.55); } - .editor-post-title .editor-post-title__input::-moz-placeholder { - color: rgba(30, 30, 30, 0.55); } - .editor-post-title .editor-post-title__input:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.55); } - .editor-post-title .editor-post-title__input:focus { - border: 1px solid transparent; - outline: 1px solid transparent; - box-shadow: none; } + border-width: 1px; + } +} +.editor-post-title .editor-post-title__input::-webkit-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.editor-post-title .editor-post-title__input::-moz-placeholder { + color: rgba(30, 30, 30, 0.62); + opacity: 1; +} +.editor-post-title .editor-post-title__input:-ms-input-placeholder { + color: rgba(30, 30, 30, 0.62); +} +.is-dark-theme .editor-post-title .editor-post-title__input::-webkit-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .editor-post-title .editor-post-title__input::-moz-placeholder { + opacity: 1; + color: rgba(255, 255, 255, 0.65); +} +.is-dark-theme .editor-post-title .editor-post-title__input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.65); +} +.editor-post-title .editor-post-title__input:focus { + border: 1px solid transparent; + outline: 1px solid transparent; + box-shadow: none; +} +.editor-post-title.is-focus-mode .editor-post-title__input { + opacity: 0.5; + transition: opacity 0.1s linear; +} +@media (prefers-reduced-motion: reduce) { .editor-post-title.is-focus-mode .editor-post-title__input { - opacity: 0.5; - transition: opacity 0.1s linear; } - @media (prefers-reduced-motion: reduce) { - .editor-post-title.is-focus-mode .editor-post-title__input { - transition-duration: 0s; } } - .editor-post-title.is-focus-mode .editor-post-title__input:focus { - opacity: 1; } + transition-duration: 0s; + transition-delay: 0s; + } +} +.editor-post-title.is-focus-mode .editor-post-title__input:focus { + opacity: 1; +} .editor-post-trash.components-button { - margin-right: -6px; } + margin-top: 4px; +} .table-of-contents__popover.components-popover .components-popover__content { - min-width: 380px; } + min-width: 380px; +} .components-popover.table-of-contents__popover { - z-index: 99998; } + z-index: 99998; +} .table-of-contents__popover .components-popover__content > div { - padding: 16px; } - + padding: 16px; +} @media (min-width: 600px) { .table-of-contents__popover .components-popover__content { max-height: calc(100vh - 120px); - overflow-y: auto; } } - + overflow-y: auto; + } +} .table-of-contents__popover hr { - margin: 10px -16px 0; } + margin: 10px -16px 0; +} .table-of-contents__wrapper:focus::before { content: ""; @@ -790,41 +985,51 @@ left: 0; bottom: 0; right: 0; - box-shadow: inset 0 0 0 1.5px #007cba; - box-shadow: inset 0 0 0 1.5px var(--wp-admin-theme-color); } + box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + pointer-events: none; +} .table-of-contents__counts { display: flex; flex-wrap: wrap; - margin: 0; } + margin: 0; + margin-top: -8px; +} .table-of-contents__count { - flex-basis: 25%; + flex-basis: 33%; display: flex; flex-direction: column; font-size: 13px; - color: #6c7781; + color: #1e1e1e; padding-left: 8px; - margin-bottom: 0; } - .table-of-contents__count:last-child { - padding-left: 0; } + margin-bottom: 0; + margin-top: 8px; +} +.table-of-contents__count:nth-child(4n) { + padding-left: 0; +} .table-of-contents__number, .table-of-contents__popover .word-count { font-size: 21px; font-weight: 400; line-height: 30px; - color: #555d66; } + color: #1e1e1e; +} .table-of-contents__title { display: block; margin-top: 20px; font-size: 15px; - font-weight: 600; } + font-weight: 600; +} .editor-template-validation-notice { display: flex; justify-content: space-between; - align-items: center; } - .editor-template-validation-notice .components-button { - margin-right: 5px; } + align-items: center; +} +.editor-template-validation-notice .components-button { + margin-right: 5px; +} \ No newline at end of file