diff -r 7b1b88e27a20 -r 48c4eec2b7e6 wp/wp-includes/css/dist/edit-site/style.css --- a/wp/wp-includes/css/dist/edit-site/style.css Thu Sep 29 08:06:27 2022 +0200 +++ b/wp/wp-includes/css/dist/edit-site/style.css Fri Sep 05 18:40:08 2025 +0200 @@ -1,2256 +1,3127 @@ -/** - * Colors - */ -/** - * Breakpoints & Media Queries - */ -/** - * SCSS Variables. - * - * Please use variables from this sheet to ensure consistency across the UI. - * Don't add to this sheet unless you're pretty sure the value will be reused in many places. - * For example, don't add rules to this sheet that affect block visuals. It's purely for UI. - */ -/** - * Colors - */ -/** - * Fonts & basic variables. - */ -/** - * Grid System. - * https://make.wordpress.org/design/2019/10/31/proposal-a-consistent-spacing-system-for-wordpress/ - */ -/** - * Dimensions. - */ -/** - * Shadows. - */ -/** - * Editor widths. - */ -/** - * Block & Editor UI. - */ -/** - * Block paddings. - */ -/** - * React Native specific. - * These variables do not appear to be used anywhere else. - */ -/** -* Converts a hex value into the rgb equivalent. -* -* @param {string} hex - the hexadecimal value to convert -* @return {string} comma separated rgb values -*/ -/** - * Breakpoint mixins - */ -/** - * Long content fade mixin - * - * Creates a fading overlay to signify that the content is longer - * than the space allows. - */ -/** - * Focus styles. - */ -/** - * Applies editor left position to the selector passed as argument - */ -/** - * Styles that are reused verbatim in a few places - */ -/** - * Allows users to opt-out of animations via OS-level preferences. - */ -/** - * Reset default styles for JavaScript UI based pages. - * This is a WP-admin agnostic reset - */ -/** - * Reset the WP Admin page styles for Gutenberg-like pages. - */ -:root { - --wp-admin-theme-color: #007cba; - --wp-admin-theme-color--rgb: 0, 124, 186; - --wp-admin-theme-color-darker-10: #006ba1; - --wp-admin-theme-color-darker-10--rgb: 0, 107, 161; - --wp-admin-theme-color-darker-20: #005a87; - --wp-admin-theme-color-darker-20--rgb: 0, 90, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - :root { - --wp-admin-border-width-focus: 1.5px; - } -} - -.components-panel__header.interface-complementary-area-header__small { - background: #fff; - padding-right: 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; +@charset "UTF-8"; +:root{ + --wp-admin-theme-color:#007cba; + --wp-admin-theme-color--rgb:0, 124, 186; + --wp-admin-theme-color-darker-10:#006ba1; + --wp-admin-theme-color-darker-10--rgb:0, 107, 161; + --wp-admin-theme-color-darker-20:#005a87; + --wp-admin-theme-color-darker-20--rgb:0, 90, 135; + --wp-admin-border-width-focus:2px; + --wp-block-synced-color:#7a00df; + --wp-block-synced-color--rgb:122, 0, 223; + --wp-bound-block-color:var(--wp-block-synced-color); +} +@media (min-resolution:192dpi){ + :root{ + --wp-admin-border-width-focus:1.5px; } } -.interface-complementary-area-header { - background: #fff; - padding-right: 4px; -} -.interface-complementary-area-header .components-button.has-icon { - display: none; - margin-left: auto; -} -.interface-complementary-area-header .components-button.has-icon ~ .components-button { - margin-left: 0; -} -@media (min-width: 782px) { - .interface-complementary-area-header .components-button.has-icon { - display: flex; - } -} - -@media (min-width: 782px) { - .components-panel__header + .interface-complementary-area-header { - margin-top: 0; - } +.dataviews-wrapper{ + box-sizing:border-box; + container:dataviews-wrapper/inline-size; + display:flex; + flex-direction:column; + height:100%; + overflow:auto; + scroll-padding-bottom:64px; } -.interface-complementary-area { - background: #fff; - color: #1e1e1e; -} -@media (min-width: 600px) { - .interface-complementary-area { - -webkit-overflow-scrolling: touch; - } -} -@media (min-width: 782px) { - .interface-complementary-area { - width: 280px; - } -} -.interface-complementary-area .components-panel { - border: none; - position: relative; - z-index: 0; -} -.interface-complementary-area .components-panel__header { - position: sticky; - top: 0; - z-index: 1; -} -.interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 48px; -} -@media (min-width: 782px) { - .interface-complementary-area .components-panel__header.edit-post-sidebar__panel-tabs { - top: 0; +.dataviews-filters__view-actions{ + box-sizing:border-box; + flex-shrink:0; + left:0; + padding:16px 48px; + position:sticky; + transition:padding .1s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .dataviews-filters__view-actions{ + transition-delay:0s; + transition-duration:0s; } } -.interface-complementary-area p { - margin-top: 0; -} -.interface-complementary-area h2 { - font-size: 13px; - color: #1e1e1e; - margin-bottom: 1.5em; -} -.interface-complementary-area h3 { - font-size: 11px; - text-transform: uppercase; - font-weight: 500; - 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; - right: 10px; - bottom: 10px; - left: auto; +.dataviews-filters__view-actions .components-search-control .components-base-control__field{ + max-width:240px; } -@media (min-width: 782px) { - body.js.is-fullscreen-mode { - 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-left: 0; - } +.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true],.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:hover{ + opacity:0; +} +.dataviews-filters__container .dataviews-filters__reset-button[aria-disabled=true]:focus{ + opacity:1; +} + +.dataviews-filters-button{ + position:relative; } -html.interface-interface-skeleton__html-container { - position: fixed; - width: 100%; -} -@media (min-width: 782px) { - html.interface-interface-skeleton__html-container { - position: initial; - width: initial; +.dataviews-pagination{ + background-color:#fff; + border-top:1px solid #f0f0f0; + bottom:0; + color:#757575; + flex-shrink:0; + left:0; + padding:12px 48px; + position:sticky; + transition:padding .1s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .dataviews-pagination{ + transition-delay:0s; + transition-duration:0s; } } -.interface-interface-skeleton { - display: flex; - flex-direction: row; - height: auto; - max-height: 100%; - position: fixed; - top: 46px; - left: 0; - right: 0; - bottom: 0; -} -@media (min-width: 783px) { - .interface-interface-skeleton { - top: 32px; - } - .is-fullscreen-mode .interface-interface-skeleton { - top: 0; - } +.dataviews-pagination__page-selection{ + color:#1e1e1e; + font-size:11px; + font-weight:500; + text-transform:uppercase; } -.interface-interface-skeleton__editor { - display: flex; - flex-direction: column; - flex: 0 1 100%; - overflow: hidden; -} - -.interface-interface-skeleton { - /* Set left position when auto-fold is not on the body element. */ - left: 0; -} -@media (min-width: 783px) { - .interface-interface-skeleton { - left: 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 { - left: 36px; - } -} -@media (min-width: 961px) { - .auto-fold .interface-interface-skeleton { - left: 160px; - } +.dataviews-filters-options{ + margin:32px 0 16px; } -/* Sidebar manually collapsed. */ -.folded .interface-interface-skeleton { - left: 0; -} -@media (min-width: 783px) { - .folded .interface-interface-skeleton { - left: 36px; +.dataviews-view-table{ + border-collapse:collapse; + border-color:inherit; + color:#757575; + margin-bottom:auto; + position:relative; + text-indent:0; + width:100%; +} +.dataviews-view-table a{ + color:#1e1e1e; + font-weight:500; + text-decoration:none; +} +.dataviews-view-table th{ + color:#1e1e1e; + font-size:13px; + font-weight:400; + text-align:left; +} +.dataviews-view-table td,.dataviews-view-table th{ + padding:12px; + white-space:nowrap; +} +.dataviews-view-table td[data-field-id=actions],.dataviews-view-table th[data-field-id=actions]{ + text-align:right; +} +.dataviews-view-table td.dataviews-view-table__checkbox-column,.dataviews-view-table th.dataviews-view-table__checkbox-column{ + padding-right:0; +} +.dataviews-view-table tr{ + border-bottom:1px solid #f0f0f0; +} +.dataviews-view-table tr .dataviews-view-table-header-button{ + gap:4px; +} +.dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ + transition:padding .1s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .dataviews-view-table tr td:first-child,.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:first-child,.dataviews-view-table tr th:last-child{ + transition-delay:0s; + transition-duration:0s; } } - -body.is-fullscreen-mode .interface-interface-skeleton { - left: 0 !important; -} - -.interface-interface-skeleton__body { - flex-grow: 1; - display: flex; - overflow: auto; - overscroll-behavior-y: none; -} -@media (min-width: 782px) { - .has-footer .interface-interface-skeleton__body { - padding-bottom: 25px; +.dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ + padding-left:48px; +} +.dataviews-view-table tr td:first-child .dataviews-view-table-header,.dataviews-view-table tr td:first-child .dataviews-view-table-header-button,.dataviews-view-table tr th:first-child .dataviews-view-table-header,.dataviews-view-table tr th:first-child .dataviews-view-table-header-button{ + margin-left:-8px; +} +.dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ + padding-right:48px; +} +.dataviews-view-table tr:last-child{ + border-bottom:0; +} +.dataviews-view-table tr.is-hovered{ + background-color:#f8f8f8; +} +.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input{ + opacity:0; +} +.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:checked,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:focus,.dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input:indeterminate{ + opacity:1; +} +.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ + opacity:0; +} +.dataviews-view-table tr.is-hovered .components-checkbox-control__input,.dataviews-view-table tr.is-hovered .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:focus-within .components-checkbox-control__input,.dataviews-view-table tr:focus-within .dataviews-item-actions .components-button:not(.dataviews-all-actions-button),.dataviews-view-table tr:hover .components-checkbox-control__input,.dataviews-view-table tr:hover .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ + opacity:1; +} +@media (hover:none){ + .dataviews-view-table tr .components-checkbox-control__input.components-checkbox-control__input,.dataviews-view-table tr .dataviews-item-actions .components-button:not(.dataviews-all-actions-button){ + opacity:1; } } - -.interface-interface-skeleton__content { - flex-grow: 1; - display: flex; - flex-direction: column; - overflow: auto; - z-index: 20; +.dataviews-view-table tr.is-selected{ + background-color:rgba(var(--wp-admin-theme-color--rgb), .04); + color:#757575; +} +.dataviews-view-table tr.is-selected:hover{ + background-color:rgba(var(--wp-admin-theme-color--rgb), .08); +} +.dataviews-view-table thead{ + inset-block-start:0; + position:sticky; + z-index:1; +} +.dataviews-view-table thead tr{ + border:0; +} +.dataviews-view-table thead th{ + background-color:#fff; + box-shadow:inset 0 -1px 0 #f0f0f0; + font-size:11px; + font-weight:500; + padding-bottom:8px; + padding-left:4px; + padding-top:8px; + text-transform:uppercase; +} +.dataviews-view-table tbody td{ + vertical-align:top; +} +.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper{ + align-items:center; + display:flex; + min-height:32px; +} +.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper>*{ + flex-grow:1; +} +.dataviews-view-table tbody .dataviews-view-table__cell-content-wrapper.dataviews-view-table__primary-field a{ + flex-grow:0; +} +.dataviews-view-table .dataviews-view-table-header-button{ + font-size:11px; + font-weight:500; + padding:4px 8px; + text-transform:uppercase; +} +.dataviews-view-table .dataviews-view-table-header-button:not(:hover){ + color:#1e1e1e; +} +.dataviews-view-table .dataviews-view-table-header-button span{ + speak:none; +} +.dataviews-view-table .dataviews-view-table-header-button span:empty{ + display:none; +} +.dataviews-view-table .dataviews-view-table-header{ + padding-left:4px; +} +.dataviews-view-table .dataviews-view-table__actions-column{ + width:1%; +} +.dataviews-view-table:has(tr.is-selected) .components-checkbox-control__input{ + opacity:1; } -.interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - display: block; - flex-shrink: 0; - position: absolute; - z-index: 100000; - top: 0; - right: 0; - bottom: 0; - left: 0; - background: #fff; - color: #1e1e1e; -} -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar, -.interface-interface-skeleton__sidebar { - position: relative !important; - z-index: 90; - width: auto; - } -} - -.interface-interface-skeleton__sidebar { - overflow: auto; -} -@media (min-width: 782px) { - .interface-interface-skeleton__sidebar { - border-left: 1px solid #e0e0e0; - } -} - -@media (min-width: 782px) { - .interface-interface-skeleton__secondary-sidebar { - border-right: 1px solid #e0e0e0; - } +.dataviews-view-grid__primary-field,.dataviews-view-list__primary-field,.dataviews-view-table__primary-field{ + color:#757575; + display:block; + font-size:13px; + font-weight:500; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} +.dataviews-view-grid__primary-field a,.dataviews-view-list__primary-field a,.dataviews-view-table__primary-field a{ + color:#1e1e1e; + display:block; + flex-grow:0; + overflow:hidden; + text-decoration:none; + text-overflow:ellipsis; + white-space:nowrap; +} +.dataviews-view-grid__primary-field a:hover,.dataviews-view-list__primary-field a:hover,.dataviews-view-table__primary-field a:hover{ + color:var(--wp-admin-theme-color); +} +.dataviews-view-grid__primary-field a:focus,.dataviews-view-list__primary-field a:focus,.dataviews-view-table__primary-field a:focus{ + border-radius:2px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #007cba); + color:var(--wp-admin-theme-color--rgb); +} +.dataviews-view-grid__primary-field button.components-button.is-link,.dataviews-view-list__primary-field button.components-button.is-link,.dataviews-view-table__primary-field button.components-button.is-link{ + color:#1e1e1e; + display:block; + font-weight:inherit; + overflow:hidden; + text-decoration:none; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} +.dataviews-view-grid__primary-field button.components-button.is-link:hover,.dataviews-view-list__primary-field button.components-button.is-link:hover,.dataviews-view-table__primary-field button.components-button.is-link:hover{ + color:var(--wp-admin-theme-color); } -.interface-interface-skeleton__header { - flex-shrink: 0; - height: auto; - border-bottom: 1px solid #e0e0e0; - z-index: 30; - color: #1e1e1e; -} - -.interface-interface-skeleton__footer { - height: auto; - flex-shrink: 0; - border-top: 1px solid #e0e0e0; - color: #1e1e1e; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - background-color: #fff; - z-index: 90; - display: none; -} -@media (min-width: 782px) { - .interface-interface-skeleton__footer { - display: flex; +.dataviews-view-grid{ + grid-template-columns:repeat(1, minmax(0, 1fr)) !important; + grid-template-rows:max-content; + margin-bottom:auto; + padding:0 48px 24px; + transition:padding .1s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .dataviews-view-grid{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:480px){ + .dataviews-view-grid{ + grid-template-columns:repeat(2, minmax(0, 1fr)) !important; + } +} +@media (min-width:1080px){ + .dataviews-view-grid{ + grid-template-columns:repeat(3, minmax(0, 1fr)) !important; + } +} +@media (min-width:1440px){ + .dataviews-view-grid{ + grid-template-columns:repeat(4, minmax(0, 1fr)) !important; } } -.interface-interface-skeleton__footer .block-editor-block-breadcrumb { - z-index: 30; - display: flex; - background: #fff; - height: 24px; - align-items: center; - font-size: 13px; - padding: 0 18px; -} - -.interface-interface-skeleton__actions { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - width: 280px; - color: #1e1e1e; -} -.interface-interface-skeleton__actions:focus { - top: auto; - bottom: 0; +.dataviews-view-grid .dataviews-view-grid__card{ + height:100%; + justify-content:flex-start; +} +.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__title-actions{ + padding:8px 0 4px; +} +.dataviews-view-grid .dataviews-view-grid__card .dataviews-view-grid__primary-field{ + min-height:32px; +} +.dataviews-view-grid .dataviews-view-grid__card.is-selected .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-value{ + color:#1e1e1e; +} +.dataviews-view-grid .dataviews-view-grid__card.is-selected .page-pages-preview-field__button:after{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.dataviews-view-grid .dataviews-view-grid__media{ + aspect-ratio:1/1; + background-color:#f0f0f0; + border-radius:4px; + min-height:200px; + position:relative; + width:100%; +} +.dataviews-view-grid .dataviews-view-grid__media img{ + height:100%; + object-fit:cover; + width:100%; +} +.dataviews-view-grid .dataviews-view-grid__media:after{ + border-radius:4px; + box-shadow:inset 0 0 0 1px #0000001a; + content:""; + height:100%; + left:0; + pointer-events:none; + position:absolute; + top:0; + width:100%; +} +.dataviews-view-grid .dataviews-view-grid__fields{ + font-size:12px; + line-height:16px; + position:relative; +} +.dataviews-view-grid .dataviews-view-grid__fields:not(:empty){ + padding:0 0 12px; +} +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field{ + align-items:flex-start; +} +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column){ + align-items:center; +} +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-name{ + width:35%; +} +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field:not(.is-column) .dataviews-view-grid__field-value{ + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:65%; +} +.dataviews-view-grid .dataviews-view-grid__fields .dataviews-view-grid__field .dataviews-view-grid__field-name{ + color:#757575; +} +.dataviews-view-grid .dataviews-view-grid__badge-fields:not(:empty){ + padding-bottom:12px; +} +.dataviews-view-grid .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value{ + align-items:center; + background:#f0f0f0; + border-radius:2px; + display:flex; + font-size:12px; + min-height:24px; + padding:0 8px; + width:-moz-fit-content; + width:fit-content; } -.interface-more-menu-dropdown { - margin-left: -4px; -} -.interface-more-menu-dropdown .components-button { - width: auto; - padding: 0 2px; -} -@media (min-width: 600px) { - .interface-more-menu-dropdown { - margin-left: 0; - } - .interface-more-menu-dropdown .components-button { - padding: 0 4px; - } -} - -.interface-more-menu-dropdown__content .components-popover__content { - min-width: 280px; -} -@media (min-width: 480px) { - .interface-more-menu-dropdown__content .components-popover__content { - width: auto; - max-width: 480px; - } -} -.interface-more-menu-dropdown__content .components-popover__content .components-dropdown-menu__menu { - padding: 0; -} - -.components-popover.interface-more-menu-dropdown__content { - z-index: 99998; +.dataviews-view-list{ + margin:0 0 auto; +} +.dataviews-view-list li{ + border-top:1px solid #f0f0f0; + cursor:pointer; + margin:0; +} +.dataviews-view-list li .dataviews-view-list__item-wrapper{ + border-radius:4px; + position:relative; +} +.dataviews-view-list li .dataviews-view-list__item-wrapper>*{ + width:100%; +} +.dataviews-view-list li .dataviews-view-list__item-actions .components-button{ + opacity:0; + position:fixed; + right:0; +} +.dataviews-view-list li.is-hovered .dataviews-view-list__item-actions,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions{ + padding-right:32px; +} +.dataviews-view-list li.is-hovered .dataviews-view-list__item-actions .components-button,.dataviews-view-list li.is-selected .dataviews-view-list__item-actions .components-button,.dataviews-view-list li:focus-within .dataviews-view-list__item-actions .components-button{ + opacity:1; + position:static; +} +.dataviews-view-list li.is-hovered .dataviews-view-list__item,.dataviews-view-list li.is-selected .dataviews-view-list__item,.dataviews-view-list li:focus-within .dataviews-view-list__item{ + padding-right:0; +} +.dataviews-view-list li:not(.is-selected) .dataviews-view-list__primary-field{ + color:#1e1e1e; +} +.dataviews-view-list li:not(.is-selected):focus-within,.dataviews-view-list li:not(.is-selected):hover{ + background-color:#f8f8f8; + color:var(--wp-admin-theme-color); +} +.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):focus-within .dataviews-view-list__primary-field,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__fields,.dataviews-view-list li:not(.is-selected):hover .dataviews-view-list__primary-field{ + color:var(--wp-admin-theme-color); +} +.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper{ + background-color:rgba(var(--wp-admin-theme-color--rgb), .04); + color:#1e1e1e; +} +.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__fields,.dataviews-view-list li.is-selected:focus-within .dataviews-view-list__item-wrapper .dataviews-view-list__primary-field{ + color:var(--wp-admin-theme-color); +} +.dataviews-view-list .dataviews-view-list__item{ + padding:16px 0 16px 24px; + scroll-margin:8px 0; + width:100%; +} +.dataviews-view-list .dataviews-view-list__item:focus-visible:before{ + border-radius:2px; + bottom:var(--wp-admin-border-width-focus); + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + content:""; + left:var(--wp-admin-border-width-focus); + position:absolute; + right:var(--wp-admin-border-width-focus); + top:calc(var(--wp-admin-border-width-focus) + 1px); +} +.dataviews-view-list .dataviews-view-list__item .dataviews-view-list__primary-field{ + line-height:20px; + min-height:20px; + overflow:hidden; +} +.dataviews-view-list .dataviews-view-list__media-wrapper{ + background-color:#f0f0f0; + border-radius:4px; + flex-shrink:0; + height:40px; + overflow:hidden; + position:relative; + width:40px; +} +.dataviews-view-list .dataviews-view-list__media-wrapper img{ + height:100%; + object-fit:cover; + width:100%; +} +.dataviews-view-list .dataviews-view-list__media-wrapper:after{ + border-radius:4px; + box-shadow:inset 0 0 0 1px #0000001a; + content:""; + height:100%; + left:0; + position:absolute; + top:0; + width:100%; +} +.dataviews-view-list .dataviews-view-list__media-placeholder{ + background-color:#e0e0e0; + height:32px; + min-width:32px; +} +.dataviews-view-list .dataviews-view-list__fields{ + color:#757575; + display:flex; + flex-wrap:wrap; + font-size:12px; + gap:8px; +} +.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field:has(.dataviews-view-list__field-value:empty){ + display:none; +} +.dataviews-view-list .dataviews-view-list__fields .dataviews-view-list__field-value{ + display:inline-flex; + line-height:20px; +} +.dataviews-view-list .dataviews-view-list__item-actions{ + padding-right:24px; +} +.dataviews-view-list+.dataviews-pagination{ + justify-content:space-between; } -.interface-pinned-items { - display: flex; -} -.interface-pinned-items .components-button:not(:first-child) { - display: none; -} -@media (min-width: 600px) { - .interface-pinned-items .components-button:not(:first-child) { - display: flex; - } -} -.interface-pinned-items .components-button { - margin-left: 4px; -} -.interface-pinned-items .components-button svg { - max-width: 24px; - max-height: 24px; +.dataviews-action-modal{ + z-index:1000001; } -@media (min-width: 600px) { - .interface-preferences-modal { - width: calc(100% - 32px); - height: calc(100% - 120px); - } -} -@media (min-width: 782px) { - .interface-preferences-modal { - width: 750px; - } -} -@media (min-width: 960px) { - .interface-preferences-modal { - height: 70%; - } -} -@media (max-width: 781px) { - .interface-preferences-modal .components-modal__content { - padding: 0; - } - .interface-preferences-modal .components-modal__content::before { - content: none; +.dataviews-loading,.dataviews-no-results{ + align-items:center; + display:flex; + flex-grow:1; + justify-content:center; + padding:0 48px; + transition:padding .1s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .dataviews-loading,.dataviews-no-results{ + transition-delay:0s; + transition-duration:0s; } } -.interface-preferences__tabs .components-tab-panel__tabs { - position: absolute; - top: 84px; - left: 16px; - width: 160px; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item { - border-radius: 2px; - font-weight: 400; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item.is-active { - background: #f0f0f0; - box-shadow: none; - font-weight: 500; -} -.interface-preferences__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.interface-preferences__tabs .components-tab-panel__tab-content { - padding-left: 24px; - margin-left: 160px; +.dataviews-view-table-selection-checkbox{ + --checkbox-input-size:24px; + flex-shrink:0; + line-height:0; +} +@media (min-width:600px){ + .dataviews-view-table-selection-checkbox{ + --checkbox-input-size:16px; + } +} +.dataviews-view-table-selection-checkbox .components-checkbox-control__input-container{ + margin:0; +} + +.dataviews-filters__custom-menu-radio-item-prefix{ + display:block; + width:24px; +} + +.dataviews-bulk-edit-button.components-button{ + flex-shrink:0; +} + +.dataviews-filter-summary__popover .components-popover__content{ + border-radius:4px; + padding:0; + width:230px; +} + +.dataviews-search-widget-filter-combobox-list{ + border-top:1px solid #e0e0e0; + max-height:184px; + overflow:auto; + padding:4px; +} +.dataviews-search-widget-filter-combobox-list .dataviews-search-widget-filter-combobox-item-value [data-user-value]{ + font-weight:600; } -@media (max-width: 781px) { - .interface-preferences__provider { - height: 100%; - } -} -.interface-preferences-modal__section { - margin: 0 0 2.5rem 0; -} -.interface-preferences-modal__section:last-child { - margin: 0; +.dataviews-search-widget-listbox{ + max-height:184px; + overflow:auto; + padding:4px; } -.interface-preferences-modal__section-title { - font-size: 0.9rem; - font-weight: 600; - margin-top: 0; -} - -.interface-preferences-modal__section-description { - margin: -8px 0 8px 0; - font-size: 12px; - font-style: normal; - color: #757575; +.dataviews-search-widget-listitem{ + align-items:center; + border-radius:2px; + box-sizing:border-box; + cursor:default; + display:flex; + gap:8px; + margin-block-end:2px; + padding:8px 12px; +} +.dataviews-search-widget-listitem:last-child{ + margin-block-end:0; +} +.dataviews-search-widget-listitem:focus,.dataviews-search-widget-listitem:hover,.dataviews-search-widget-listitem[data-active-item]{ + background-color:var(--wp-admin-theme-color); + color:#fff; +} +.dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-check,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-check{ + fill:#fff; +} +.dataviews-search-widget-listitem:focus .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem:hover .dataviews-search-widget-listitem-description,.dataviews-search-widget-listitem[data-active-item] .dataviews-search-widget-listitem-description{ + color:#fff; +} +.dataviews-search-widget-listitem .dataviews-search-widget-listitem-check{ + flex-shrink:0; + height:24px; + width:24px; +} +.dataviews-search-widget-listitem .dataviews-search-widget-listitem-description{ + color:#757575; + display:block; + font-size:12px; + line-height:16px; + overflow:hidden; + text-overflow:ellipsis; } -.interface-preferences-modal__option .components-base-control .components-base-control__field { - align-items: center; - display: flex; - margin-bottom: 0; -} -.interface-preferences-modal__option .components-base-control .components-base-control__field > label { - flex-grow: 1; - padding: 0.6rem 0 0.6rem 10px; -} -.interface-preferences-modal__option .components-base-control__help { - margin: -8px 0 8px 58px; - font-size: 12px; - font-style: normal; - color: #757575; -} - -.edit-site-block-editor__editor-styles-wrapper .components-button { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 13px; - padding: 6px 12px; -} -.edit-site-block-editor__editor-styles-wrapper .components-button.is-tertiary, .edit-site-block-editor__editor-styles-wrapper .components-button.has-icon { - padding: 6px; +.dataviews-search-widget-filter-combobox__wrapper{ + padding:8px; + position:relative; +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ + background:#f0f0f0; + border:none; + border-radius:2px; + box-shadow:0 0 0 #0000; + display:block; + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:16px; + height:32px; + line-height:normal; + margin-left:0; + margin-right:0; + padding:0 32px 0 8px; + transition:box-shadow .1s linear; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ + transition-delay:0s; + transition-duration:0s; + } +} +@media (min-width:600px){ + .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ + font-size:13px; + line-height:normal; + } +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ + border-color:var(--wp-admin-theme-color); + box-shadow:0 0 0 .5px var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-input-placeholder{ + color:#1e1e1e9e; +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-moz-placeholder{ + color:#1e1e1e9e; + opacity:1; +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:-ms-input-placeholder{ + color:#1e1e1e9e; +} +@media (min-width:600px){ + .dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input{ + font-size:13px; + } +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input:focus{ + background:#fff; + box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::placeholder{ + color:#757575; +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-cancel-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-decoration,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-button,.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__input::-webkit-search-results-decoration{ + -webkit-appearance:none; +} +.dataviews-search-widget-filter-combobox__wrapper .dataviews-search-widget-filter-combobox__icon{ + align-items:center; + display:flex; + justify-content:center; + position:absolute; + right:12px; + top:50%; + transform:translateY(-50%); + width:24px; } -.edit-site-visual-editor { - position: relative; - background-color: #2f2f2f; - align-items: center; -} -.edit-site-visual-editor.is-focus-mode { - padding: 48px; -} -.edit-site-visual-editor.is-focus-mode .edit-site-visual-editor__editor-canvas { - border-radius: 2px; -} -.edit-site-visual-editor.is-focus-mode .components-resizable-box__container { - overflow: visible; -} -.edit-site-visual-editor .components-resizable-box__container { - margin: 0 auto; - overflow: auto; -} - -.edit-site-visual-editor__back-button { - position: absolute; - top: 8px; - left: 8px; - color: #fff; -} -.edit-site-visual-editor__back-button:active:not([aria-disabled=true]), .edit-site-visual-editor__back-button:focus:not([aria-disabled=true]), .edit-site-visual-editor__back-button:hover { - color: #f0f0f0; +.dataviews-filter-summary__operators-container{ + padding:8px 8px 0; +} +.dataviews-filter-summary__operators-container:has(+.dataviews-search-widget-listbox){ + border-bottom:1px solid #e0e0e0; + padding-bottom:8px; +} +.dataviews-filter-summary__operators-container:empty{ + display:none; +} +.dataviews-filter-summary__operators-container .dataviews-filter-summary__operators-filter-name{ + color:#757575; } -.resizable-editor__drag-handle { - position: absolute; - top: 0; - bottom: 0; - padding: 0; - margin: auto 0; - width: 4px; - height: 100px; - -webkit-appearance: none; - appearance: none; - cursor: ew-resize; - outline: none; - background: #949494; - border-radius: 2px; - border: 0; -} -.resizable-editor__drag-handle.is-left { - left: -16px; -} -.resizable-editor__drag-handle.is-right { - right: -16px; -} -.resizable-editor__drag-handle:hover, .resizable-editor__drag-handle:active { - background: #ccc; -} -.resizable-editor__drag-handle:focus { - box-shadow: 0 0 0 1px #2f2f2f, 0 0 0 calc(var(--wp-admin-border-width-focus) + 1px) var(--wp-admin-theme-color); +.dataviews-filter-summary__chip-container{ + position:relative; + white-space:pre-wrap; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip{ + align-items:center; + background:#f0f0f0; + border:1px solid #0000; + border-radius:16px; + color:#2f2f2f; + cursor:pointer; + display:flex; + height:32px; + padding:0 12px; + position:relative; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-reset{ + padding-inline-end:28px; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip[aria-expanded=true]{ + background:#e0e0e0; + color:#1e1e1e; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + color:var(--wp-admin-theme-color); +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values:hover,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip.has-values[aria-expanded=true]{ + background:rgba(var(--wp-admin-theme-color--rgb), .12); +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:none; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip .dataviews-filter-summary__filter-text-name{ + font-weight:500; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove{ + align-items:center; + background:#0000; + border:0; + border-radius:50%; + cursor:pointer; + display:flex; + height:24px; + justify-content:center; + padding:0; + position:absolute; + right:4px; + top:50%; + transform:translateY(-50%); + width:24px; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove svg{ + fill:#757575; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover{ + background:#e0e0e0; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus svg,.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:hover svg{ + fill:#1e1e1e; +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values svg{ + fill:var(--wp-admin-theme-color); +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove.has-values:hover{ + background:rgba(var(--wp-admin-theme-color--rgb), .08); +} +.dataviews-filter-summary__chip-container .dataviews-filter-summary__chip-remove:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:none; +} +@container (max-width: 430px){ + .dataviews-filters__view-actions,.dataviews-pagination{ + padding:12px 24px; + } + + .dataviews-filters__view-actions .components-search-control .components-base-control__field{ + max-width:112px; + } + + .dataviews-view-table tr td:first-child,.dataviews-view-table tr th:first-child{ + padding-left:24px; + } + + .dataviews-view-table tr td:last-child,.dataviews-view-table tr th:last-child{ + padding-right:24px; + } + + .dataviews-loading,.dataviews-no-results,.dataviews-view-grid{ + padding-left:24px; + padding-right:24px; + } +} +.dataviews-bulk-actions-toolbar-wrapper{ + display:flex; + flex-grow:1; + width:100%; +} +.dataviews-bulk-actions-toolbar-wrapper .components-toolbar-group{ + align-items:center; +} +.dataviews-bulk-actions-toolbar-wrapper .components-button.is-busy{ + max-height:36px; +} + +.dataviews-bulk-actions{ + align-content:center; + bottom:24px; + display:flex; + flex-direction:column; + flex-wrap:wrap; + margin-left:auto; + margin-right:auto; + position:sticky; + width:-moz-fit-content; + width:fit-content; + z-index:2; +} +.dataviews-bulk-actions .components-accessible-toolbar{ + border-color:#ddd; + box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; +} +.dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group{ + border-color:#e0e0e0; +} +.dataviews-bulk-actions .components-accessible-toolbar .components-toolbar-group:last-child{ + border:0; +} +.dataviews-bulk-actions .dataviews-bulk-actions__selection-count{ + align-items:center; + display:flex; + margin:0 8px; } -.edit-site-code-editor { - position: relative; - width: 100%; - background-color: #fff; - flex-grow: 1; -} -.edit-site-code-editor__body { - width: 100%; - padding: 0 12px 12px 12px; - max-width: 1080px; - margin-left: auto; - margin-right: auto; -} -@media (min-width: 960px) { - .edit-site-code-editor__body { - padding: 16px 24px 96px 24px; - padding: 0 24px 24px 24px; +.edit-site-custom-template-modal__contents-wrapper{ + height:100%; + justify-content:flex-start !important; +} +.edit-site-custom-template-modal__contents-wrapper>*{ + width:100%; +} +.edit-site-custom-template-modal__contents-wrapper__suggestions_list{ + margin-left:-12px; + margin-right:-12px; + width:calc(100% + 24px); +} +.edit-site-custom-template-modal__contents>.components-button{ + height:auto; + justify-content:center; +} +@media (min-width:782px){ + .edit-site-custom-template-modal{ + width:456px; + } +} +@media (min-width:600px){ + .edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list{ + max-height:224px; + overflow-y:auto; } } -.edit-site-code-editor__toolbar { - position: sticky; - z-index: 1; - top: 0; - left: 0; - right: 0; - display: flex; - background: rgba(255, 255, 255, 0.8); - padding: 4px 12px; -} -@media (min-width: 600px) { - .edit-site-code-editor__toolbar { - padding: 12px; - } -} -@media (min-width: 960px) { - .edit-site-code-editor__toolbar { - padding: 12px 24px; - } -} -.edit-site-code-editor__toolbar h2 { - line-height: 36px; - margin: 0 auto 0 0; - font-size: 13px; - color: #1e1e1e; -} -.edit-site-code-editor__toolbar .components-button svg { - order: 1; +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item{ + display:block; + height:auto; + overflow-wrap:break-word; + padding:8px 12px; + text-align:left; + white-space:pre-wrap; + width:100%; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item mark{ + background:none; + font-weight:700; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover *,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:hover mark{ + color:var(--wp-admin-theme-color); +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus{ + background-color:#f0f0f0; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item:focus:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color) inset; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info,.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__title{ + display:block; + overflow:hidden; + text-overflow:ellipsis; +} +.edit-site-custom-template-modal .edit-site-custom-template-modal__suggestions_list__list-item__info{ + color:#757575; + word-break:break-all; +} + +.edit-site-custom-template-modal__no-results{ + border:1px solid #ccc; + border-radius:2px; + padding:16px; } -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - border: 1px solid #949494; - border-radius: 0; - display: block; - margin: 0; - width: 100%; - box-shadow: none; - resize: none; - overflow: hidden; - font-family: Menlo, Consolas, monaco, monospace; - line-height: 2.4; - 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 (prefers-reduced-motion: reduce) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - transition-duration: 0s; - transition-delay: 0s; +.edit-site-custom-generic-template__modal .components-modal__header{ + border-bottom:none; +} +.edit-site-custom-generic-template__modal .components-modal__content:before{ + margin-bottom:4px; +} + +.edit-site-add-new-template__modal{ + margin-top:64px; + max-height:calc(100% - 128px); + max-width:832px; + width:calc(100% - 64px); +} +@media (min-width:960px){ + .edit-site-add-new-template__modal{ + width:calc(100% - 128px); } } -@media (min-width: 600px) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - padding: 24px; - } -} -@media (min-width: 600px) { - textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area { - font-size: 15px !important; - } -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area: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; -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-webkit-input-placeholder { - color: rgba(30, 30, 30, 0.62); -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area::-moz-placeholder { - color: rgba(30, 30, 30, 0.62); - opacity: 1; -} -textarea.edit-site-code-editor-text-area.edit-site-code-editor-text-area:-ms-input-placeholder { - color: rgba(30, 30, 30, 0.62); +.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button svg,.edit-site-add-new-template__modal .edit-site-add-new-template__template-button svg{ + fill:var(--wp-admin-theme-color); +} +.edit-site-add-new-template__modal .edit-site-add-new-template__custom-template-button .edit-site-add-new-template__template-name{ + align-items:flex-start; + flex-grow:1; +} +.edit-site-add-new-template__modal .edit-site-add-new-template__template-icon{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + border-radius:100%; + max-height:40px; + max-width:40px; + padding:8px; } -.edit-site-global-styles-preview { - display: flex; - align-items: center; - justify-content: center; - line-height: 1; - cursor: pointer; +.edit-site-add-new-template__template-list__contents>.components-button,.edit-site-custom-template-modal__contents>.components-button{ + border:1px solid #ddd; + border-radius:2px; + display:flex; + flex-direction:column; + justify-content:center; + outline:1px solid #0000; + padding:32px; +} +.edit-site-add-new-template__template-list__contents>.components-button span:first-child,.edit-site-custom-template-modal__contents>.components-button span:first-child{ + color:#1e1e1e; +} +.edit-site-add-new-template__template-list__contents>.components-button span,.edit-site-custom-template-modal__contents>.components-button span{ + color:#757575; +} +.edit-site-add-new-template__template-list__contents>.components-button:hover,.edit-site-custom-template-modal__contents>.components-button:hover{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + border-color:#0000; + color:var(--wp-admin-theme-color-darker-10); +} +.edit-site-add-new-template__template-list__contents>.components-button:hover span,.edit-site-custom-template-modal__contents>.components-button:hover span{ + color:var(--wp-admin-theme-color); +} +.edit-site-add-new-template__template-list__contents>.components-button:focus,.edit-site-custom-template-modal__contents>.components-button:focus{ + border-color:#0000; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid #0000; +} +.edit-site-add-new-template__template-list__contents>.components-button:focus span:first-child,.edit-site-custom-template-modal__contents>.components-button:focus span:first-child{ + color:var(--wp-admin-theme-color); +} +.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__custom-template-button,.edit-site-add-new-template__template-list__contents .edit-site-add-new-template__template-list__prompt,.edit-site-custom-template-modal__contents .edit-site-add-new-template__custom-template-button,.edit-site-custom-template-modal__contents .edit-site-add-new-template__template-list__prompt{ + grid-column-end:4; + grid-column-start:1; +} + +.edit-site-add-new-template__template-list__contents>.components-button{ + align-items:flex-start; + height:100%; + text-align:start; +} + +.edit-site-visual-editor__editor-canvas.is-focused{ + outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); + outline-offset:calc(var(--wp-admin-border-width-focus)*-2); } -.edit-site-global-styles-preview__iframe { - max-width: 100%; - display: block; +.edit-site-canvas-loader{ + align-items:center; + animation:edit-site-canvas-loader__fade-in-animation .5s ease .2s; + animation-fill-mode:forwards; + display:flex; + height:100%; + justify-content:center; + left:0; + opacity:0; + position:absolute; + top:0; + width:100%; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-canvas-loader{ + animation-delay:0s; + animation-duration:1ms; + } +} +.edit-site-canvas-loader>div{ + width:160px; } -.edit-site-typography-panel__preview { - display: flex; - align-items: center; - justify-content: center; - min-height: 100px; - margin-bottom: 16px; - background: #f0f0f0; - border-radius: 2px; +@keyframes edit-site-canvas-loader__fade-in-animation{ + 0%{ + opacity:0; + } + to{ + opacity:1; + } +} +.edit-site-global-styles-preview{ + align-items:center; + cursor:pointer; + display:flex; + justify-content:center; + line-height:1; } -.edit-site-global-styles-screen-typography { - margin: 16px; +.edit-site-global-styles-preview__iframe{ + display:block; + max-width:100%; + width:100%; } -.edit-site-global-styles-screen-typography__indicator { - height: 24px; - width: 24px; - font-size: 14px; - display: flex !important; - align-items: center; - justify-content: center; - border-radius: 2px; +.edit-site-typography-preview{ + align-items:center; + background:#f0f0f0; + border-radius:2px; + display:flex; + justify-content:center; + margin-bottom:16px; + min-height:100px; + overflow:hidden; +} + +.edit-site-typography-panel__full-width-control{ + grid-column:1 / -1; + max-width:100%; +} + +.edit-site-global-styles-screen{ + margin:12px 16px 16px; +} + +.edit-site-global-styles-screen-typography__indicator{ + align-items:center; + border-radius:2px; + display:flex !important; + font-size:14px; + height:24px; + justify-content:center; + width:24px; } -.edit-site-global-styles-screen-colors { - margin: 16px; -} -.edit-site-global-styles-screen-colors .component-color-indicator { - background: linear-gradient(-45deg, transparent 48%, #ddd 48%, #ddd 52%, transparent 52%); +.edit-site-global-styles-screen-typography__font-variants-count{ + color:#757575; +} + +.edit-site-global-styles-font-families__add-fonts{ + justify-content:center; +} + +.edit-site-global-styles-screen .color-block-support-panel{ + border-top:none; + padding-left:0; + padding-right:0; + padding-top:0; + row-gap:12px; } -.edit-site-global-styles-header__description, -.edit-site-block-types-search { - padding: 0 16px; +.edit-site-global-styles-header__description{ + padding:0 16px; +} + +.edit-site-block-types-search{ + margin-bottom:8px; + padding:0 16px; +} + +.edit-site-global-styles-header{ + margin-bottom:0 !important; +} + +.edit-site-global-styles-subtitle{ + font-size:11px !important; + font-weight:500 !important; + margin-bottom:0 !important; + text-transform:uppercase; } -.edit-site-global-styles-subtitle { - margin-bottom: 0 !important; - text-transform: uppercase; - font-weight: 500 !important; - font-size: 11px !important; +.edit-site-global-styles-section-title{ + color:#2f2f2f; + font-weight:600; + line-height:1.2; + margin:0; + padding:16px 16px 0; +} + +.edit-site-global-styles-icon-with-current-color{ + fill:currentColor; +} + +.edit-site-global-styles__color-indicator-wrapper{ + flex-shrink:0; + height:24px; +} + +.edit-site-global-styles__shadows-panel__options-container,.edit-site-global-styles__shadows-panel__title{ + height:24px; } -.edit-site-screen-color-palette-toggle.edit-site-screen-color-palette-toggle { - margin-right: 16px; - margin-left: 16px; - width: unset; -} -.edit-site-screen-color-palette-toggle.edit-site-screen-color-palette-toggle .components-toggle-group-control { - min-height: 32px; +.edit-site-global-styles__block-preview-panel{ + border:1px solid #e0e0e0; + border-radius:2px; + overflow:auto; + position:relative; + width:100%; } -.edit-site-screen-text-color__control, -.edit-site-screen-link-color__control, -.edit-site-screen-background-color__control { - padding: 16px; +.edit-site-global-styles__shadow-preview-panel{ + background-image:repeating-linear-gradient(45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5), repeating-linear-gradient(45deg, #f5f5f5 25%, #0000 0, #0000 75%, #f5f5f5 0, #f5f5f5); + background-position:0 0, 8px 8px; + background-size:16px 16px; + border:1px solid #e0e0e0; + border-radius:2px; + height:150px; + overflow:auto; +} +.edit-site-global-styles__shadow-preview-panel .edit-site-global-styles__shadow-preview-block{ + background-color:#fff; + border:1px solid #e0e0e0; + border-radius:2px; + height:60px; + width:60%; +} + +.edit-site-global-styles__shadow-editor-panel{ + margin-bottom:4px; + padding:16px; + width:280px; +} +.edit-site-global-styles__shadow-editor-panel .edit-site-global-styles__shadow-editor-color-palette{ + margin-bottom:-4px; } -.edit-site-global-styles-variations_item { - box-sizing: border-box; -} -.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview { - padding: 2px; - border-radius: 2px; - border: #e0e0e0 1px solid; -} -.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview { - border: #1e1e1e 1px solid; -} -.edit-site-global-styles-variations_item:hover .edit-site-global-styles-variations_item-preview { - border: var(--wp-admin-theme-color) 1px solid; -} -.edit-site-global-styles-variations_item:focus .edit-site-global-styles-variations_item-preview { - border: var(--wp-admin-theme-color) 1px solid; +.edit-site-global-styles__shadow-editor__dropdown{ + width:100%; +} +.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button{ + border-radius:inherit; + height:auto; + padding-bottom:8px; + padding-top:8px; + text-align:left; + width:100%; +} +.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__dropdown-toggle.is-open,.edit-site-global-styles__shadow-editor__dropdown .edit-site-global-styles__shadow-editor__remove-button.is-open{ + background:#f0f0f0; + color:var(--wp-admin-theme-color); +} + +.edit-site-global-styles-screen-css{ + display:flex; + flex:1 1 auto; + flex-direction:column; + margin:16px; +} +.edit-site-global-styles-screen-css .components-v-stack{ + flex:1 1 auto; +} +.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input,.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field{ + display:flex; + flex:1 1 auto; + flex-direction:column; +} +.edit-site-global-styles-screen-css .components-v-stack .block-editor-global-styles-advanced-panel__custom-css-input .components-base-control__field .components-textarea-control__input{ + direction:ltr; + flex:1 1 auto; } -.edit-site-global-styles-icon-with-current-color { - fill: currentColor; +.edit-site-global-styles-screen-css-help-link{ + display:inline-block; + margin-top:8px; +} + +.edit-site-global-styles-screen-variations{ + border-top:1px solid #ddd; + margin-top:16px; +} +.edit-site-global-styles-screen-variations>*{ + margin:24px 16px; } -.edit-site-global-styles__color-indicator-wrapper { - height: 24px; +.edit-site-global-styles-sidebar__navigator-screen{ + display:flex; + flex-direction:column; +} + +.edit-site-global-styles-screen-root.edit-site-global-styles-screen-root,.edit-site-global-styles-screen-style-variations.edit-site-global-styles-screen-style-variations{ + background:unset; + color:inherit; +} + +.edit-site-global-styles-sidebar__panel .block-editor-block-icon svg{ + fill:currentColor; +} + +.edit-site-global-styles-screen-revisions__revisions-list{ + flex-grow:1; + list-style:none; + margin:0 16px 16px; +} +.edit-site-global-styles-screen-revisions__revisions-list li{ + margin-bottom:0; } -.edit-site-header { - align-items: center; - background-color: #fff; - display: flex; - height: 60px; - box-sizing: border-box; - width: 100%; - justify-content: space-between; -} -body.is-fullscreen-mode .edit-site-header { - padding-left: 60px; - transition: padding-left 20ms linear; - transition-delay: 80ms; -} -@media (prefers-reduced-motion: reduce) { - body.is-fullscreen-mode .edit-site-header { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-header .edit-site-header_start, -.edit-site-header .edit-site-header_end { - display: flex; -} -.edit-site-header .edit-site-header_center { - display: flex; - align-items: center; - height: 100%; - flex-grow: 1; - justify-content: center; - min-width: 0; -} -.edit-site-header .edit-site-header_end { - justify-content: flex-end; +.edit-site-global-styles-screen-revisions__revision-item{ + cursor:pointer; + display:flex; + flex-direction:column; + position:relative; +} +.edit-site-global-styles-screen-revisions__revision-item:hover{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); +} +.edit-site-global-styles-screen-revisions__revision-item:hover .edit-site-global-styles-screen-revisions__date{ + color:var(--wp-admin-theme-color); +} +.edit-site-global-styles-screen-revisions__revision-item:after,.edit-site-global-styles-screen-revisions__revision-item:before{ + content:"\a"; + display:block; + position:absolute; +} +.edit-site-global-styles-screen-revisions__revision-item:before{ + background:#ddd; + border:4px solid #0000; + border-radius:50%; + height:8px; + left:17px; + top:18px; + transform:translate(-50%, -50%); + width:8px; + z-index:1; +} +.edit-site-global-styles-screen-revisions__revision-item.is-selected{ + background:rgba(var(--wp-admin-theme-color--rgb), .04); + border-radius:2px; + color:var(--wp-admin-theme-color); + outline:3px solid #0000; + outline-offset:-2px; +} +.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__revision-button{ + opacity:1; +} +.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__date{ + color:var(--wp-admin-theme-color); +} +.edit-site-global-styles-screen-revisions__revision-item.is-selected:before{ + background:var(--wp-admin-theme-color); +} +.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__changes>li,.edit-site-global-styles-screen-revisions__revision-item.is-selected .edit-site-global-styles-screen-revisions__meta{ + color:#1e1e1e; +} +.edit-site-global-styles-screen-revisions__revision-item:after{ + border:.5px solid #ddd; + height:100%; + left:16px; + top:0; + width:0; +} +.edit-site-global-styles-screen-revisions__revision-item:first-child:after{ + top:18px; +} +.edit-site-global-styles-screen-revisions__revision-item:last-child:after{ + height:18px; +} +.edit-site-global-styles-screen-revisions__revision-item .edit-site-global-styles-screen-revisions__revision-button{ + display:block; + height:auto; + outline-offset:-2px; + padding:12px 12px 4px 40px; + position:relative; + width:100%; + z-index:1; } -body.is-navigation-sidebar-open .edit-site-header { - padding-left: 0; - transition: padding-left 20ms linear; - transition-delay: 0ms; -} -@media (prefers-reduced-motion: reduce) { - body.is-navigation-sidebar-open .edit-site-header { - transition-duration: 0s; - transition-delay: 0s; - } +.edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__apply-button.is-primary{ + align-self:flex-start; + margin:4px 12px 12px 40px; +} + +.edit-site-global-styles-screen-revisions__applied-text,.edit-site-global-styles-screen-revisions__changes,.edit-site-global-styles-screen-revisions__meta{ + color:#757575; + font-size:12px; +} + +.edit-site-global-styles-screen-revisions__description{ + align-items:flex-start; + display:flex; + flex-direction:column; + gap:8px; +} +.edit-site-global-styles-screen-revisions__description .edit-site-global-styles-screen-revisions__date{ + font-size:12px; + font-weight:600; + text-transform:uppercase; +} + +.edit-site-global-styles-screen-revisions__meta{ + align-items:flex-start; + display:flex; + justify-content:start; + margin-bottom:4px; + text-align:left; + width:100%; +} +.edit-site-global-styles-screen-revisions__meta img{ + border-radius:100%; + height:16px; + margin-right:8px; + width:16px; +} + +.edit-site-global-styles-screen-revisions__loading{ + margin:24px auto !important; +} + +.edit-site-global-styles-screen-revisions__changes{ + line-height:1.4; + list-style:disc; + margin-left:12px; + text-align:left; +} +.edit-site-global-styles-screen-revisions__changes li{ + margin-bottom:4px; } -@media (max-width: 959px) { - body.is-navigation-sidebar-open .edit-site-header .edit-site-header-toolbar__inserter-toggle ~ .components-button, -body.is-navigation-sidebar-open .edit-site-header .edit-site-header_end .components-button:not(.is-primary) { - display: none; - } - body.is-navigation-sidebar-open .edit-site-header .edit-site-save-button__button { - margin-right: 0; - } -} -.edit-site-header__toolbar { - display: flex; - align-items: center; - padding-left: 8px; -} -@media (min-width: 600px) { - .edit-site-header__toolbar { - padding-left: 24px; - } -} -@media (min-width: 1280px) { - .edit-site-header__toolbar { - padding-right: 8px; - } -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle { - margin-right: 8px; - min-width: 32px; - width: 32px; - height: 32px; - padding: 0; -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { - transition: transform cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle svg { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-header__toolbar .edit-site-header-toolbar__inserter-toggle.is-pressed svg { - transform: rotate(45deg); +.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination{ + gap:2px; + justify-content:space-between; +} +.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .edit-site-pagination__total{ + height:1px; + left:-1000px; + margin:-1px; + overflow:hidden; + position:absolute; +} +.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-text{ + font-size:12px; + will-change:opacity; +} +.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary{ + color:#1e1e1e; +} +.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary:disabled,.edit-site-global-styles-screen-revisions__pagination.edit-site-global-styles-screen-revisions__pagination .components-button.is-tertiary[aria-disabled=true]{ + color:#949494; } -.edit-site-header__toolbar-switchers { - align-items: center; - display: flex; +.edit-site-global-styles-screen-revisions__footer{ + background:#fff; + border-top:1px solid #ddd; + bottom:0; + height:56px; + min-width:100%; + padding:12px; + position:sticky; + z-index:1; } -.edit-site-header__toolbar-switchers-separator { - margin: 0 -6px 0; +.editor-sidebar{ + width:280px; +} +.editor-sidebar>.components-panel{ + border-left:0; + border-right:0; + margin-bottom:-1px; + margin-top:-1px; +} +.editor-sidebar>.components-panel>.components-panel__header{ + background:#f0f0f0; +} +.editor-sidebar .block-editor-block-inspector__card{ + margin:0; } -/** - * Buttons in the Toolbar - */ -.edit-site-header__actions { - display: inline-flex; - align-items: center; - padding-right: 4px; -} -.edit-site-header__actions .interface-pinned-items { - display: none; -} -@media (min-width: 782px) { - .edit-site-header__actions .interface-pinned-items { - display: inline-flex; - } -} -.edit-site-header__actions .editor-post-saved-state, -.edit-site-header__actions .components-button.components-button { - margin-right: 4px; -} -@media (min-width: 600px) { - .edit-site-header__actions .editor-post-saved-state, -.edit-site-header__actions .components-button.components-button { - margin-right: 12px; - } -} -.edit-site-header__actions .editor-post-saved-state, -.edit-site-header__actions .components-button.is-tertiary { - padding: 0 6px; -} -.edit-site-header__actions .edit-site-more-menu .components-button, -.edit-site-header__actions .interface-pinned-items .components-button { - margin-right: 0; -} -@media (min-width: 600px) { - .edit-site-header__actions { - padding-right: 16px; - } +.edit-site-global-styles-sidebar{ + display:flex; + flex-direction:column; + min-height:100%; +} +.edit-site-global-styles-sidebar__navigator-provider,.edit-site-global-styles-sidebar__panel{ + display:flex; + flex:1; + flex-direction:column; +} +.edit-site-global-styles-sidebar__navigator-screen{ + flex:1; +} + +.edit-site-global-styles-sidebar .edit-site-global-styles-sidebar__header-title{ + margin:0; +} + +.edit-site-global-styles-sidebar .components-navigation__menu-title-heading{ + font-size:15.6px; + font-weight:500; +} + +.edit-site-global-styles-sidebar .components-navigation__item>button span{ + font-weight:500; +} + +.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings,.edit-site-typography-panel{ + border:0; +} + +.edit-site-global-styles-sidebar .single-column{ + grid-column:span 1; } -.edit-site-header__actions-more-menu { - margin-left: -4px; -} -.edit-site-header__actions-more-menu .components-icon-button { - padding: 8px 2px; - width: auto; -} -@media (min-width: 600px) { - .edit-site-header__actions-more-menu { - margin-left: 4px; - } - .edit-site-header__actions-more-menu .components-icon-button { - padding: 8px 4px; +.edit-site-global-styles-sidebar .components-tools-panel .span-columns{ + grid-column:1 / -1; +} + +.edit-site-global-styles-sidebar__blocks-group{ + border-top:1px solid #e0e0e0; + padding-top:24px; +} + +.edit-site-global-styles-sidebar__blocks-group-help{ + padding:0 16px; +} + +.edit-site-global-styles-color-palette-panel,.edit-site-global-styles-gradient-palette-panel{ + padding:16px; +} + +.edit-site-global-styles-sidebar hr{ + margin:0; +} + +.show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon svg{ + display:none; +} +.show-icon-labels .edit-site-global-styles-sidebar__header .components-button.has-icon:after{ + content:attr(aria-label); + font-size:12px; +} + +.edit-site-page{ + background:#fff; + color:#2f2f2f; + container:edit-site-page/inline-size; + height:100%; + transition:width .2s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-page{ + transition-delay:0s; + transition-duration:0s; } } -.show-icon-labels .edit-site-header .components-button.has-icon { - width: auto; -} -.show-icon-labels .edit-site-header .components-button.has-icon svg { - display: none; -} -.show-icon-labels .edit-site-header .components-button.has-icon::after { - content: attr(aria-label); -} -.show-icon-labels .edit-site-header .components-button.has-icon[aria-disabled=true] { - background-color: transparent; -} -.show-icon-labels .edit-site-header .is-tertiary:active { - box-shadow: 0 0 0 1.5px var(--wp-admin-theme-color); - background-color: transparent; -} -.show-icon-labels .edit-site-header .edit-site-save-button__button { - padding-left: 6px; - padding-right: 6px; - margin-right: 4px; -} -.show-icon-labels .edit-site-header .block-editor-post-preview__button-toggle { - margin-right: 4px; -} -.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle, -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info { - height: 36px; - padding: 0 6px; -} -.show-icon-labels .edit-site-header .edit-site-header-toolbar__inserter-toggle.edit-site-header-toolbar__inserter-toggle::after, -.show-icon-labels .edit-site-header .edit-site-document-actions__get-info.edit-site-document-actions__get-info.edit-site-document-actions__get-info::after { - content: none; +.edit-site-page-header{ + background:#fff; + border-bottom:1px solid #f0f0f0; + padding:16px 48px; + position:sticky; + top:0; + transition:padding .1s ease-out; + z-index:2; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-page-header{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-page-header .components-heading{ + color:#1e1e1e; +} +.edit-site-page-header .edit-site-page-header__page-title{ + min-height:40px; +} +.edit-site-page-header .edit-site-page-header__sub-title{ + margin-bottom:8px; +} +@container (max-width: 430px){ + .edit-site-page-header{ + padding:16px 24px; + } +} +.edit-site-page-content{ + display:flex; + flex-flow:column; + height:100%; + position:relative; + z-index:1; +} + +.edit-site-page-pages__featured-image{ + height:100%; + object-fit:cover; + width:100%; } -.edit-site-document-actions { - display: flex; - flex-direction: column; - justify-content: center; - padding: 0 8px; - height: 100%; - min-width: 0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper { - display: flex; - flex-direction: row; - justify-content: center; - align-items: center; - min-width: 0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown { - display: inline-flex; - margin-left: 4px; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper .components-dropdown .components-button { - min-width: 0; - padding: 0; -} -.edit-site-document-actions .edit-site-document-actions__title-wrapper > h1 { - margin: 0; - min-width: 0; -} -.edit-site-document-actions .edit-site-document-actions__title { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; -} -.edit-site-document-actions .edit-site-document-actions__secondary-item { - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - max-width: 0; - opacity: 0; - padding: 0; - transition: all ease 0.2s; - background: #e0e0e0; - border-radius: 2px; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-document-actions .edit-site-document-actions__secondary-item { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-document-actions.has-secondary-label .edit-site-document-actions__secondary-item { - opacity: 1; - padding: 0 4px; - max-width: 180px; - margin-left: 6px; +.edit-site-page-pages__featured-image-wrapper{ + border-radius:4px; + height:100%; + width:100%; +} +.edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)){ + background-color:#f0f0f0; + border-radius:4px; + display:block; + flex-grow:0 !important; + height:32px; + overflow:hidden; + position:relative; + width:32px; +} +.edit-site-page-pages__featured-image-wrapper.is-layout-table .page-pages-preview-field__button:after,.edit-site-page-pages__featured-image-wrapper.is-layout-table:not(:has(.page-pages-preview-field__button)):after{ + border-radius:4px; + box-shadow:inset 0 0 0 1px #0000001a; + content:""; + height:100%; + left:0; + position:absolute; + top:0; + width:100%; } -.edit-site-document-actions__info-dropdown > .components-popover__content > div { - padding: 0; - min-width: 240px; +.page-pages-preview-field__button{ + background-color:unset; + border:none; + border-radius:4px; + box-shadow:none; + box-sizing:border-box; + cursor:pointer; + height:100%; + overflow:hidden; + padding:0; + width:100%; +} +.page-pages-preview-field__button:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} + +.edit-site-page-pages-title span{ + overflow:hidden; + text-overflow:ellipsis; } -.edit-site-navigation-toggle { - align-items: center; - background: #1e1e1e; - border-radius: 0; - display: flex; - position: absolute; - z-index: 31; - height: 60px; - width: 60px; +.edit-site-page-pages__title-badge{ + background:#f0f0f0; + border-radius:2px; + color:#757575; + flex-shrink:0; + font-size:12px; + font-weight:400; + padding:0 4px; +} + +.edit-site-patterns__section-header .screen-reader-shortcut:focus{ + top:0; +} + +.edit-site-patterns__pattern-title .is-link{ + color:#e0e0e0; + text-decoration:none; +} +.edit-site-patterns__pattern-title .is-link:focus,.edit-site-patterns__pattern-title .is-link:hover{ + color:#fff; +} +.edit-site-patterns__pattern-title .edit-site-patterns__pattern-icon{ + background:var(--wp-block-synced-color); + border-radius:4px; + fill:#fff; +} +.edit-site-patterns__pattern-title .edit-site-patterns__pattern-lock-icon{ + fill:currentcolor; +} + +.edit-site-patterns__delete-modal{ + width:384px; } -.edit-site-navigation-toggle__button.components-button { - align-items: center; - background: #1e1e1e; - border-radius: 0; - color: #fff; - height: 61px; - width: 60px; - z-index: 1; - margin-bottom: -1px; - min-width: 60px; -} -.edit-site-navigation-toggle__button.components-button:hover, .edit-site-navigation-toggle__button.components-button:active { - color: #fff; -} -.edit-site-navigation-toggle__button.components-button:focus { - box-shadow: none; -} -.edit-site-navigation-toggle__button.components-button::before { - transition: box-shadow 0.1s ease; - content: ""; - display: block; - position: absolute; - top: 9px; - right: 9px; - bottom: 9px; - left: 9px; - border-radius: 4px; - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-toggle__button.components-button::before { - transition-duration: 0s; - transition-delay: 0s; +.edit-site-page-patterns-dataviews .page-patterns-preview-field{ + display:flex; + flex-direction:column; + height:100%; +} +.edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table{ + border-radius:2px; + flex-grow:0; + width:96px; +} +.edit-site-page-patterns-dataviews .page-patterns-preview-field.is-viewtype-table .page-patterns-preview-field__button{ + border-radius:2px; +} +.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button{ + background-color:unset; + border:none; + border-radius:4px; + box-shadow:none; + box-sizing:border-box; + cursor:pointer; + height:100%; + overflow:hidden; + padding:0; +} +.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.edit-site-page-patterns-dataviews .page-patterns-preview-field .page-patterns-preview-field__button[aria-disabled=true]{ + cursor:default; +} +.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-icon{ + fill:var(--wp-block-synced-color); + flex-shrink:0; +} +.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-lock-icon{ + min-width:min-content; +} +.edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ + border-bottom:1px solid #f0f0f0; + flex-shrink:0; + min-height:40px; + padding:16px 48px; + position:sticky; + top:0; + transition:padding .1s ease-out; + z-index:2; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-navigation-toggle__button.components-button:hover::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) #757575; -} -.edit-site-navigation-toggle__button.components-button.has-icon:hover::before { - box-shadow: none; -} -.edit-site-navigation-toggle__button.components-button:focus::before { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) rgba(255, 255, 255, 0.1), inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); -} -.edit-site-navigation-toggle__button.components-button .edit-site-navigation-toggle__site-icon { - width: 36px; - height: 36px; - border-radius: 2px; - -o-object-fit: cover; - object-fit: cover; - margin-top: -1px; +.edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__title{ + min-height:40px; +} +.edit-site-page-patterns-dataviews .edit-site-patterns__section-header .edit-site-patterns__sub-title{ + margin-bottom:8px; +} +.edit-site-page-patterns-dataviews .edit-site-patterns__pattern-title{ + color:inherit; + display:block; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + width:100%; +} +.edit-site-page-patterns-dataviews .dataviews-pagination{ + z-index:2; +} +.edit-site-page-patterns-dataviews .dataviews-view-grid__badge-fields .dataviews-view-grid__field-value:has(.edit-site-patterns__field-sync-status-fully){ + background:rgba(var(--wp-block-synced-color--rgb), .04); + color:var(--wp-block-synced-color); } -.edit-site-navigation-panel { - height: 100%; - position: relative; - width: 0; - overflow: hidden; - background: #1e1e1e; - color: #fff; - transition: width 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-panel { - transition-duration: 0s; - transition-delay: 0s; - } -} -@media (min-width: 782px) { - .interface-interface-skeleton.has-footer .edit-site-navigation-panel { - height: calc(100% - 25px); - } +.dataviews-action-modal__duplicate-pattern [role=dialog]>[role=document]{ + width:350px; +} +.dataviews-action-modal__duplicate-pattern .patterns-menu-items__convert-modal-categories{ + position:relative; +} +.dataviews-action-modal__duplicate-pattern .components-form-token-field__suggestions-list:not(:empty){ + background-color:#fff; + border:1px solid var(--wp-admin-theme-color); + border-bottom-left-radius:2px; + border-bottom-right-radius:2px; + box-shadow:0 0 .5px .5px var(--wp-admin-theme-color); + box-sizing:border-box; + left:-1px; + max-height:96px; + min-width:auto; + position:absolute; + width:calc(100% + 2px); + z-index:1; } -.edit-site-navigation-panel__inner { - position: relative; - width: 300px; - height: 100%; - overflow: hidden; - visibility: hidden; - transition: visibility 100ms linear; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-navigation-panel__inner { - transition-duration: 0s; - transition-delay: 0s; +@media (min-width:600px){ + .dataviews-action-modal__duplicate-template-part .components-modal__frame{ + max-width:500px; + } +} +@container (max-width: 430px){ + .edit-site-page-patterns-dataviews .edit-site-patterns__section-header{ + padding-left:24px; + padding-right:24px; } } - -.edit-site-navigation-panel.is-open { - width: 300px; -} -.edit-site-navigation-panel.is-open .edit-site-navigation-panel__inner { - visibility: visible; -} - -.edit-site-navigation-panel__site-title-container { - height: 60px; - padding-left: 60px; - margin: 0 16px 0 8px; - display: flex; - align-items: center; +.page-templates-preview-field{ + display:flex; + flex-direction:column; + height:100%; +} +.page-templates-preview-field .page-templates-preview-field__button{ + background-color:unset; + border:none; + border-radius:4px; + box-shadow:none; + box-sizing:border-box; + cursor:pointer; + height:100%; + overflow:hidden; + padding:0; +} +.page-templates-preview-field .page-templates-preview-field__button:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:2px solid #0000; +} +.page-templates-preview-field.is-viewtype-list .block-editor-block-preview__container{ + height:120px; +} +.page-templates-preview-field.is-viewtype-grid .block-editor-block-preview__container{ + height:100%; +} +.page-templates-preview-field.is-viewtype-table{ + border-radius:2px; + position:relative; +} +.page-templates-preview-field.is-viewtype-table:after{ + border-radius:2px; + box-shadow:inset 0 0 0 1px #0000001a; + content:""; + height:100%; + left:0; + position:absolute; + top:0; + width:100%; } -.edit-site-navigation-panel__site-title { - font-style: normal; - font-weight: 600; - font-size: 14px; - /* Matches menu items */ - line-height: 20px; - color: #ddd; - display: -webkit-box; - -webkit-line-clamp: 2; - -webkit-box-orient: vertical; - overflow: hidden; +.page-templates-description{ + white-space:normal; } -.edit-site-navigation-panel__scroll-container { - overflow-x: hidden; - overflow-y: auto; - height: calc(100% - 60px); +.edit-site-page-templates .dataviews-pagination{ + z-index:2; } -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary { - height: 36px; - margin-top: 24px; - padding: 8px 16px 8px 8px; -} -.edit-site-navigation-panel__back-to-dashboard.components-button.is-tertiary:focus:not(:disabled) { - border-bottom-color: transparent; +.page-templates-author-field__avatar{ + align-items:center; + display:flex; + flex-shrink:0; + height:24px; + justify-content:center; + overflow:hidden; + width:24px; +} +.page-templates-author-field__avatar img{ + border-radius:100%; + height:20px; + object-fit:cover; + opacity:0; + transition:opacity .1s linear; + width:20px; +} +@media (prefers-reduced-motion:reduce){ + .page-templates-author-field__avatar img{ + transition-delay:0s; + transition-duration:0s; + } +} +.page-templates-author-field__avatar.is-loaded img{ + opacity:1; } -.edit-site-navigation-panel__preview { - display: none; - border: 1px solid #ccc; - width: 300px; - padding: 16px; - background: #fff; - box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); - border-radius: 2px; - position: absolute; - top: 73px; - left: 312px; - color: #1e1e1e; - z-index: 32; -} -@media (min-width: 782px) { - .edit-site-navigation-panel__preview { - display: block; +.page-templates-author-field__icon{ + display:flex; + flex-shrink:0; + height:24px; + width:24px; +} +.page-templates-author-field__icon svg{ + fill:currentColor; +} + +.page-templates-author-field__name{ + overflow:hidden; + text-overflow:ellipsis; +} + +.edit-site-list__rename-modal{ + z-index:1000001; +} +@media (min-width:782px){ + .edit-site-list__rename-modal .components-base-control{ + width:320px; } } -.edit-site-navigation-panel__template-item { - display: block; -} -.edit-site-navigation-panel__template-item .components-button { - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: center; - height: auto; - min-height: 36px; - text-align: left; - padding-left: 16px; - padding-right: 16px; - color: inherit; +.edit-site-table-wrapper{ + padding:32px; + width:100%; } -.edit-site-navigation-panel__template-item-title { - font-size: 14px; - line-height: 20px; -} -.edit-site-navigation-panel__template-item-title em { - margin-right: 1ch; +.edit-site-table{ + border-collapse:collapse; + border-color:inherit; + position:relative; + text-indent:0; + width:100%; +} +.edit-site-table a{ + text-decoration:none; +} +.edit-site-table th{ + color:#757575; + font-weight:400; + padding:0 16px 16px; + text-align:left; +} +.edit-site-table td{ + padding:16px; +} +.edit-site-table td,.edit-site-table th{ + vertical-align:center; +} +.edit-site-table td:first-child,.edit-site-table th:first-child{ + padding-left:0; +} +.edit-site-table td:last-child,.edit-site-table th:last-child{ + padding-right:0; + text-align:right; +} +.edit-site-table tr{ + border-bottom:1px solid #f0f0f0; } -.edit-site-navigation-panel__template-parts .components-navigation__menu-title-heading { - text-transform: capitalize; +.edit-site-editor__editor-interface{ + opacity:1; + transition:opacity .1s ease-out; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-editor__editor-interface{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-editor__editor-interface.is-loading{ + opacity:0; +} + +.edit-site-editor__toggle-save-panel{ + background-color:#fff; + border:1px dotted #ddd; + box-sizing:border-box; + display:flex; + justify-content:center; + padding:24px; + width:280px; } -.edit-site-navigation-panel__template-part-item .components-navigation__item-title { - text-transform: capitalize; -} - -.components-navigation__item + .edit-site-navigation-panel__template-item { - margin-top: 16px; -} - -.edit-site-navigation-panel__template-item + .edit-site-navigation-panel__template-item { - margin-top: 8px; -} - -.edit-site-navigation-panel__info-wrapper { - padding: 4px 0; +.edit-site-welcome-guide{ + width:312px; +} +.edit-site-welcome-guide.guide-editor .edit-site-welcome-guide__image,.edit-site-welcome-guide.guide-styles .edit-site-welcome-guide__image{ + background:#00a0d2; +} +.edit-site-welcome-guide.guide-page .edit-site-welcome-guide__video{ + border-right:16px solid #3858e9; + border-top:16px solid #3858e9; +} +.edit-site-welcome-guide.guide-template .edit-site-welcome-guide__video{ + border-left:16px solid #3858e9; + border-top:16px solid #3858e9; +} +.edit-site-welcome-guide__image{ + margin:0 0 16px; +} +.edit-site-welcome-guide__image>img{ + display:block; + max-width:100%; + object-fit:cover; +} +.edit-site-welcome-guide__heading{ + font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; + font-size:24px; + line-height:1.4; + margin:16px 0; + padding:0 32px; +} +.edit-site-welcome-guide__text{ + font-size:13px; + line-height:1.4; + margin:0 0 16px; + padding:0 32px; +} +.edit-site-welcome-guide__text img{ + vertical-align:bottom; +} +.edit-site-welcome-guide__inserter-icon{ + margin:0 4px; + vertical-align:text-top; } -.edit-site-navigation-panel__template-item-description { - padding-top: 8px; - font-size: 12px; - line-height: 16px; +.edit-site-layout{ + color:#ccc; + display:flex; + flex-direction:column; + height:100%; +} +.edit-site-layout,.edit-site-layout:not(.is-full-canvas) .editor-visual-editor{ + background:#1e1e1e; +} + +.edit-site-layout__content{ + display:flex; + flex-grow:1; + height:100%; } -.edit-site-navigation-panel__new-template-dropdown { - margin: 0 0 0 12px; -} -.edit-site-navigation-panel__new-template-dropdown button { - margin: 0; -} - -@media (min-width: 600px) { - .edit-site-navigation-panel__new-template-popover { - min-width: 300px; +.edit-site-layout__sidebar-region{ + flex-shrink:0; + width:100vw; + z-index:1; +} +@media (min-width:782px){ + .edit-site-layout__sidebar-region{ + width:360px; } } +.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region{ + height:100vh; + left:0; + position:fixed !important; + top:0; +} +.edit-site-layout__sidebar-region .edit-site-layout__sidebar{ + display:flex; + flex-direction:column; + height:100%; +} +.edit-site-layout__sidebar-region .resizable-editor__drag-handle{ + right:0; +} -.edit-site-list-header { - position: relative; - align-items: center; - background-color: #fff; - display: flex; - height: 60px; - box-sizing: border-box; - width: 100%; - justify-content: flex-end; - padding-right: 16px; -} -body.is-fullscreen-mode .edit-site-list-header { - padding-left: 60px; - transition: padding-left 20ms linear; - transition-delay: 80ms; -} -@media (prefers-reduced-motion: reduce) { - body.is-fullscreen-mode .edit-site-list-header { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-list-header .edit-site-list-header__title { - position: absolute; - left: 0; - width: 100%; - text-align: center; - font-size: 20px; - padding: 0; - margin: 0; +.edit-site-layout__main{ + display:flex; + flex-direction:column; + flex-grow:1; + overflow:hidden; +} + +.edit-site-layout__mobile{ + position:relative; + width:100%; + z-index:2; +} +.edit-site-layout__mobile .edit-site-sidebar__screen-wrapper{ + padding:0; +} + +.edit-site-layout__canvas-container{ + flex-grow:1; + overflow:visible; + position:relative; + z-index:2; +} +.edit-site-layout__canvas-container.is-resizing:after{ + bottom:0; + content:""; + left:0; + position:absolute; + right:0; + top:0; + z-index:100; } -.edit-site-list-header__right { - position: relative; +.edit-site-layout__canvas{ + align-items:center; + bottom:0; + display:flex; + justify-content:center; + left:0; + position:absolute; + top:0; + width:100%; +} +.edit-site-layout__canvas.is-right-aligned{ + justify-content:flex-end; +} +.edit-site-layout__canvas .edit-site-resizable-frame__inner{ + color:#1e1e1e; +} +@media (min-width:782px){ + .edit-site-layout__canvas{ + bottom:16px; + top:16px; + width:calc(100% - 16px); + } + .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ + box-shadow:0 20px 25px -5px #000c,0 8px 10px -6px #000c; + overflow:hidden; + transition:border-radius .4s; + } + .edit-site-layout:not(.is-full-canvas) .edit-site-layout__canvas .edit-site-resizable-frame__inner-content{ + border-radius:8px; + } +} +.edit-site-layout.is-full-canvas .edit-site-layout__canvas{ + bottom:0; + top:0; + width:100%; } -.edit-site .edit-site-list .interface-interface-skeleton__editor { - min-width: 100%; -} -@media (min-width: 782px) { - .edit-site .edit-site-list .interface-interface-skeleton__editor { - min-width: 0; - } -} -.edit-site .edit-site-list .interface-interface-skeleton__content { - background: #fff; - align-items: center; - padding: 16px; -} -@media (min-width: 782px) { - .edit-site .edit-site-list .interface-interface-skeleton__content { - padding: 72px; - } +.edit-site-layout__canvas .interface-interface-skeleton,.edit-site-layout__mobile .interface-interface-skeleton,.edit-site-template-pages-preview .interface-interface-skeleton{ + min-height:100% !important; + position:relative !important; } -.edit-site-list-table { - width: 100%; - border: 1px solid #ddd; - border-radius: 2px; - margin: 0; - overflow: hidden; - border-spacing: 0; - max-width: 960px; -} -.edit-site-list-table tr { - display: flex; - align-items: center; - padding: 16px; - box-sizing: border-box; - border-top: 1px solid #f0f0f0; - margin: 0; -} -.edit-site-list-table tr:first-child { - border-top: 0; -} -@media (min-width: 782px) { - .edit-site-list-table tr { - padding: 24px 32px; - } -} -.edit-site-list-table tr .edit-site-list-table-column:nth-child(1) { - width: calc(60% - 18px); - padding-right: 24px; -} -.edit-site-list-table tr .edit-site-list-table-column:nth-child(1) a { - display: inline-block; - text-decoration: none; - font-weight: 500; - margin-bottom: 4px; -} -.edit-site-list-table tr .edit-site-list-table-column:nth-child(2) { - width: calc(40% - 18px); -} -.edit-site-list-table tr .edit-site-list-table-column:nth-child(3) { - min-width: 36px; - flex-shrink: 0; -} -.edit-site-list-table tr.edit-site-list-table-head { - font-size: 16px; - font-weight: 600; - text-align: left; - color: #1e1e1e; - border-top: none; - border-bottom: 1px solid #ddd; -} -.edit-site-list-table tr.edit-site-list-table-head th { - font-weight: inherit; +.edit-site-template-pages-preview{ + height:100%; +} +html.canvas-mode-edit-transition::view-transition-group(toggle){ + animation-delay:255ms; +} +.edit-site-layout.is-full-canvas .edit-site-layout__sidebar-region .edit-site-layout__view-mode-toggle{ + display:none; } -@media (min-width: 782px) { - .edit-site-list.is-navigation-open .components-snackbar-list { - margin-left: 300px; +.edit-site-layout__view-mode-toggle.components-button{ + view-transition-name:toggle; + align-items:center; + background:#1e1e1e; + border-radius:0; + color:#fff; + display:flex; + height:60px; + justify-content:center; + overflow:hidden; + padding:0; + position:relative; + width:60px; +} +.edit-site-layout__view-mode-toggle.components-button:active,.edit-site-layout__view-mode-toggle.components-button:hover{ + color:#fff; +} +.edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout__view-mode-toggle.components-button:focus-visible{ + box-shadow:0 0 0 3px #1e1e1e, 0 0 0 6px var(--wp-admin-theme-color); + outline:4px solid #0000; + outline-offset:4px; +} +.edit-site-layout__view-mode-toggle.components-button:before{ + border-radius:4px; + bottom:9px; + box-shadow:none; + content:""; + display:block; + left:9px; + position:absolute; + right:9px; + top:9px; + transition:box-shadow .1s ease; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-layout__view-mode-toggle.components-button:before{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-layout__view-mode-toggle.components-button .edit-site-layout__view-mode-toggle-icon{ + align-items:center; + display:flex; + height:64px; + justify-content:center; + width:64px; +} + +.edit-site-layout__actions{ + background:#fff; + bottom:auto; + color:#1e1e1e; + left:auto; + position:fixed !important; + right:0; + top:-9999em; + width:280px; + z-index:100000; +} +.edit-site-layout__actions:focus,.edit-site-layout__actions:focus-within{ + bottom:0; + top:auto; +} +.edit-site-layout__actions.is-entity-save-view-open:focus,.edit-site-layout__actions.is-entity-save-view-open:focus-within{ + top:0; +} +@media (min-width:782px){ + .edit-site-layout__actions{ + border-left:1px solid #ddd; } } -@media (min-width: 782px) { - .edit-site-list__rename-modal .components-base-control { - width: 320px; - } -} -.edit-site-list__rename-modal .components-modal__header { - border-bottom: none; -} -.edit-site-list__rename-modal .components-modal__content::before { - margin-bottom: 4px; -} - -.edit-site-list__rename-modal-actions { - margin-top: 12px; -} - -.edit-site-template__actions button:not(:last-child) { - margin-right: 8px; -} - -.edit-site-list-added-by__icon { - display: flex; - flex-shrink: 0; - position: relative; - align-items: center; - justify-content: center; - width: 32px; - height: 32px; - background: #2f2f2f; - border-radius: 100%; -} -.edit-site-list-added-by__icon svg { - fill: #fff; -} -.edit-site-list-added-by__icon.is-customized::after { - position: absolute; - content: ""; - background: var(--wp-admin-theme-color); - height: 8px; - width: 8px; - outline: 2px solid #fff; - border-radius: 100%; - top: -1px; - right: -1px; -} - -.edit-site-list-added-by__avatar { - flex-shrink: 0; - overflow: hidden; - border-radius: 100%; - background: #2f2f2f; - width: 32px; - height: 32px; -} -.edit-site-list-added-by__avatar img { - width: 32px; - height: 32px; - -o-object-fit: cover; - object-fit: cover; - opacity: 0; - transition: opacity 0.1s linear; -} -@media (prefers-reduced-motion: reduce) { - .edit-site-list-added-by__avatar img { - transition-duration: 0s; - transition-delay: 0s; - } -} -.edit-site-list-added-by__avatar.is-loaded img { - opacity: 1; -} - -.edit-site-new-template-dropdown .components-dropdown-menu__toggle { - padding: 6px 12px; -} -@media (min-width: 600px) { - .edit-site-new-template-dropdown .edit-site-new-template-dropdown__popover { - min-width: 300px; +.edit-site-layout__area{ + flex-grow:1; + margin:0; + overflow:hidden; +} +@media (min-width:782px){ + .edit-site-layout__area{ + border-radius:8px; + margin:16px 16px 16px 0; } } -.edit-site-sidebar { - width: 280px; -} -.edit-site-sidebar > .components-panel { - border-left: 0; - border-right: 0; - margin-bottom: -1px; - margin-top: -1px; -} -.edit-site-sidebar > .components-panel > .components-panel__header { - background: #f0f0f0; -} -.edit-site-sidebar .block-editor-block-inspector__card { - margin: 0; +.edit-site .components-editor-notices__snackbar{ + bottom:16px; + padding-left:16px; + padding-right:16px; + position:fixed; + right:0; } -.edit-site-global-styles-sidebar { - display: flex; - flex-direction: column; - min-height: 100%; -} -.edit-site-global-styles-sidebar__panel, .edit-site-global-styles-sidebar__navigator-provider { - display: flex; - flex-direction: column; - flex: 1; -} -.edit-site-global-styles-sidebar__navigator-screen { - flex: 1; -} - -.edit-site-global-styles-sidebar .interface-complementary-area-header .components-button.has-icon { - margin-left: 0; -} - -.edit-site-global-styles-sidebar__reset-button.components-button { - margin-left: auto; -} - -.edit-site-global-styles-sidebar .components-navigation__menu-title-heading { - font-size: 15.6px; - font-weight: 500; -} - -.edit-site-global-styles-sidebar .components-navigation__item > button span { - font-weight: 500; -} - -.edit-site-typography-panel, -.edit-site-global-styles-sidebar .block-editor-panel-color-gradient-settings { - border: 0; +.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus,.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible{ + box-shadow:none; + outline:none; + outline-offset:0; +} +.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus .edit-site-site-icon svg,.edit-site-layout.is-full-canvas .edit-site-layout__view-mode-toggle.components-button:focus-visible .edit-site-site-icon svg{ + border-radius:2px; + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color, #3858e9); + height:40px; + outline:3px solid #0000; + padding:2px; + width:40px; } -.edit-site-global-styles-sidebar .components-tools-panel-item.single-column { - grid-column: span 1; -} - -.edit-site-global-styles-sidebar__blocks-group { - padding-top: 24px; - border-top: 1px solid #e0e0e0; -} - -.edit-site-global-styles-sidebar__blocks-group-help { - padding: 0 16px; -} - -.edit-site-global-styles-color-palette-panel, -.edit-site-global-styles-gradient-palette-panel { - padding: 16px; +.edit-site-save-hub{ + border-top:1px solid #2f2f2f; + color:#949494; + flex-shrink:0; + margin:0; + padding:16px; } -.edit-site-global-styles-sidebar__beta { - display: inline-flex; - margin-left: 8px; - padding: 0 8px; - height: 24px; - border-radius: 2px; - background-color: #1e1e1e; - color: #fff; - align-items: center; - font-size: 12px; - line-height: 1; +.edit-site-save-hub__button{ + color:inherit; + justify-content:center; + width:100%; +} +.edit-site-save-hub__button[aria-disabled=true]{ + opacity:1; +} +.edit-site-save-hub__button[aria-disabled=true]:hover{ + color:inherit; +} +.edit-site-save-hub__button:not(.is-primary).is-busy,.edit-site-save-hub__button:not(.is-primary).is-busy[aria-disabled=true]:hover{ + color:#1e1e1e; } -.components-panel__header.edit-site-sidebar__panel-tabs { - justify-content: flex-start; - padding-left: 0; - padding-right: 16px; - border-top: 0; - margin-top: 0; -} -.components-panel__header.edit-site-sidebar__panel-tabs ul { - display: flex; -} -.components-panel__header.edit-site-sidebar__panel-tabs li { - margin: 0; -} -.components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { - display: none; - margin: 0 0 0 auto; - padding: 0; - min-width: 24px; - height: 24px; -} -@media (min-width: 782px) { - .components-panel__header.edit-site-sidebar__panel-tabs .components-button.has-icon { - display: flex; +@media (min-width:600px){ + .edit-site-save-panel__modal{ + width:600px; } } -.components-button.edit-site-sidebar__panel-tab { - border-radius: 0; - height: 48px; - background: transparent; - border: none; - box-shadow: none; - cursor: pointer; - display: inline-block; - padding: 3px 15px; - margin-left: 0; - font-weight: 500; -} -.components-button.edit-site-sidebar__panel-tab::after { - content: attr(data-label); - display: block; - font-weight: 600; - height: 0; - overflow: hidden; - speak: none; - visibility: hidden; -} -.components-button.edit-site-sidebar__panel-tab.is-active { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) transparent, inset 0 -4px 0 0 var(--wp-admin-theme-color); - position: relative; - z-index: 1; -} -.components-button.edit-site-sidebar__panel-tab.is-active::before { - content: ""; - position: absolute; - top: 0; - bottom: 1px; - right: 0; - left: 0; - border-bottom: 4px solid transparent; -} -.components-button.edit-site-sidebar__panel-tab:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); - position: relative; - z-index: 1; -} -.components-button.edit-site-sidebar__panel-tab.is-active:focus { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 -4px 0 0 var(--wp-admin-theme-color); +.edit-site-sidebar__content{ + contain:content; + flex-grow:1; + overflow-x:hidden; + overflow-y:auto; } -@keyframes loadingpulse { - 0% { - opacity: 1; +@keyframes slide-from-right{ + 0%{ + opacity:0; + transform:translateX(50px); + } + to{ + opacity:1; + transform:none; } - 50% { - opacity: 0.5; +} +@keyframes slide-from-left{ + 0%{ + opacity:0; + transform:translateX(-50px); } - 100% { - opacity: 1; + to{ + opacity:1; + transform:none; } } -.edit-site-navigation-inspector { - padding: 16px; -} -.edit-site-navigation-inspector .block-editor-list-view-leaf .block-editor-list-view-block-contents { - align-items: flex-start; - white-space: normal; -} -.edit-site-navigation-inspector .block-editor-list-view-block__title { - margin-top: 3px; -} -.edit-site-navigation-inspector .block-editor-list-view-block__menu-cell { - padding-right: 0; -} - -.edit-site-navigation-inspector__placeholder { - padding: 8px; - margin: 8px; - background-color: #f0f0f0; - animation: loadingpulse 1s linear infinite; - animation-delay: 0.5s; -} -.edit-site-navigation-inspector__placeholder.is-child { - margin-left: 24px; - width: 50%; -} - -.edit-site-template-card { - display: flex; - align-items: flex-start; +.edit-site-sidebar__screen-wrapper{ + animation-duration:.14s; + animation-timing-function:ease-in-out; + display:flex; + flex-direction:column; + height:100%; + max-height:100%; + overflow-x:auto; + padding:0 12px; + scrollbar-color:#0000 #0000; + scrollbar-gutter:stable both-edges; + scrollbar-gutter:stable; + scrollbar-width:thin; + will-change:transform; + will-change:transform, opacity; +} +.edit-site-sidebar__screen-wrapper::-webkit-scrollbar{ + height:12px; + width:12px; +} +.edit-site-sidebar__screen-wrapper::-webkit-scrollbar-track{ + background-color:initial; +} +.edit-site-sidebar__screen-wrapper::-webkit-scrollbar-thumb{ + background-clip:padding-box; + background-color:initial; + border:3px solid #0000; + border-radius:8px; +} +.edit-site-sidebar__screen-wrapper:focus-within::-webkit-scrollbar-thumb,.edit-site-sidebar__screen-wrapper:focus::-webkit-scrollbar-thumb,.edit-site-sidebar__screen-wrapper:hover::-webkit-scrollbar-thumb{ + background-color:#757575; +} +.edit-site-sidebar__screen-wrapper:focus,.edit-site-sidebar__screen-wrapper:focus-within,.edit-site-sidebar__screen-wrapper:hover{ + scrollbar-color:#757575 #0000; +} +@media (hover:none){ + .edit-site-sidebar__screen-wrapper{ + scrollbar-color:#757575 #0000; + } +} +@media (prefers-reduced-motion:reduce){ + .edit-site-sidebar__screen-wrapper{ + animation-duration:0s; + } +} +.edit-site-sidebar__screen-wrapper.slide-from-left{ + animation-name:slide-from-left; +} +.edit-site-sidebar__screen-wrapper.slide-from-right{ + animation-name:slide-from-right; } -.edit-site-template-card__content { - flex-grow: 1; - margin-bottom: 4px; -} - -.edit-site-template-card__title { - font-weight: 500; - line-height: 24px; -} -.edit-site-template-card__title.edit-site-template-card__title { - margin: 0 0 4px; -} - -.edit-site-template-card__description { - font-size: 13px; - margin: 0 0 16px; -} - -.edit-site-template-card__icon { - flex: 0 0 24px; - margin-right: 12px; - width: 24px; - height: 24px; -} - -h3.edit-site-template-card__template-areas-title { - font-weight: 500; - margin: 0 0 8px; -} - -.edit-site-template-card__template-areas-list { - margin: 0; -} -.edit-site-template-card__template-areas-list > li { - margin: 0; -} - -.edit-site-template-card__template-areas-item { - width: 100%; -} -.edit-site-template-card__template-areas-item.components-button.has-icon { - padding: 0; -} - -html #wpadminbar { - display: none; -} - -html.wp-toolbar { - padding-top: 0; +.edit-site-sidebar-button{ + color:#e0e0e0; + flex-shrink:0; +} +.edit-site-sidebar-button:focus:not(:disabled){ + box-shadow:none; + outline:none; +} +.edit-site-sidebar-button:focus-visible:not(:disabled){ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); + outline:3px solid #0000; +} +.edit-site-sidebar-button:focus,.edit-site-sidebar-button:focus-visible,.edit-site-sidebar-button:hover,.edit-site-sidebar-button:not([aria-disabled=true]):active,.edit-site-sidebar-button[aria-expanded=true]{ + color:#f0f0f0; } -.edit-site-editor__toggle-save-panel { - z-index: 100000; - position: fixed !important; - top: -9999em; - bottom: auto; - left: auto; - right: 0; - width: 280px; - background-color: #fff; - border: 1px dotted #ddd; - height: auto !important; - padding: 24px; - display: flex; - justify-content: center; -} -.interface-interface-skeleton__actions:focus .edit-site-editor__toggle-save-panel, .interface-interface-skeleton__actions:focus-within .edit-site-editor__toggle-save-panel { - top: auto; - bottom: 0; +.edit-site-sidebar-navigation-item.components-item{ + border:none; + border-radius:2px; + color:#949494; + min-height:40px; + padding:8px 6px 8px 16px; +} +.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:#2f2f2f; + color:#e0e0e0; +} +.edit-site-sidebar-navigation-item.components-item:focus .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item:hover .edit-site-sidebar-navigation-item__drilldown-indicator,.edit-site-sidebar-navigation-item.components-item[aria-current] .edit-site-sidebar-navigation-item__drilldown-indicator{ + fill:#e0e0e0; +} +.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:var(--wp-admin-theme-color); + color:#fff; +} +.edit-site-sidebar-navigation-item.components-item .edit-site-sidebar-navigation-item__drilldown-indicator{ + fill:#949494; +} +.edit-site-sidebar-navigation-item.components-item.with-suffix{ + padding-right:16px; } -.edit-site-visual-editor { - position: relative; - height: 100%; - display: block; -} -.edit-site-visual-editor iframe { - display: block; - width: 100%; - height: 100%; - background-color: #fff; -} - -.edit-site .components-editor-notices__snackbar { - position: fixed; - right: 0; - bottom: 40px; - padding-left: 16px; - padding-right: 16px; +.edit-site-sidebar-navigation-screen__content .block-editor-list-view-block-select-button{ + cursor:grab; + padding:8px 8px 8px 0; } -.edit-site .components-editor-notices__snackbar { - /* Set left position when auto-fold is not on the body element. */ - left: 0; -} -@media (min-width: 783px) { - .edit-site .components-editor-notices__snackbar { - left: 160px; - } +.edit-site-sidebar-navigation-screen{ + display:flex; + flex-direction:column; + overflow-x:unset !important; + position:relative; } -.auto-fold .edit-site .components-editor-notices__snackbar { - /* Auto fold is when on smaller breakpoints, nav menu auto collapses. */ -} -@media (min-width: 783px) { - .auto-fold .edit-site .components-editor-notices__snackbar { - left: 36px; - } -} -@media (min-width: 961px) { - .auto-fold .edit-site .components-editor-notices__snackbar { - left: 160px; - } +.edit-site-sidebar-navigation-screen__main{ + flex-grow:1; + margin-bottom:16px; +} +.edit-site-sidebar-navigation-screen__main.has-footer{ + margin-bottom:0; } -/* Sidebar manually collapsed. */ -.folded .edit-site .components-editor-notices__snackbar { - left: 0; -} -@media (min-width: 783px) { - .folded .edit-site .components-editor-notices__snackbar { - left: 36px; - } +.edit-site-sidebar-navigation-screen__content{ + padding:0 16px; +} +.edit-site-sidebar-navigation-screen__content .components-item-group{ + margin-left:-16px; + margin-right:-16px; +} +.edit-site-sidebar-navigation-screen__content .components-text{ + color:#ccc; +} +.edit-site-sidebar-navigation-screen__content .components-heading{ + margin-bottom:8px; } -body.is-fullscreen-mode .edit-site .components-editor-notices__snackbar { - left: 0 !important; +.edit-site-sidebar-navigation-screen__meta{ + color:#ccc; + margin:0 0 16px 16px; +} +.edit-site-sidebar-navigation-screen__meta .components-text{ + color:#ccc; } -.edit-site-template-details .edit-site-template-details__group { - margin: 0; - padding: 16px; -} -.edit-site-template-details .edit-site-template-details__group + .edit-site-template-details__group { - border-top: 1px solid #ccc; -} -.edit-site-template-details .edit-site-template-details__title { - margin: 0; -} -.edit-site-template-details .edit-site-template-details__description { - margin: 12px 0 0; - color: #757575; -} -.edit-site-template-details .edit-site-template-details__group.edit-site-template-details__template-areas { - padding: 8px; -} -.edit-site-template-details .edit-site-template-details__template-areas-item { - position: relative; -} -.edit-site-template-details .edit-site-template-details__template-areas-item .edit-site-template-details__template-areas-item-more { - position: absolute; - right: 0; - top: 0; - bottom: 0; - margin: auto 0; -} -.edit-site-template-details .edit-site-template-details__revert { - padding: 12px 8px; -} -.edit-site-template-details .edit-site-template-details__revert-button { - height: auto; - padding: 4px 8px; - text-align: left; -} -.edit-site-template-details .edit-site-template-details__revert-button:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; -} -.edit-site-template-details .edit-site-template-details__show-all-button.components-button { - display: flex; - justify-content: center; - background: #1e1e1e; - color: #fff; - width: 100%; - height: 44px; - border-radius: 0; -} -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:hover { - color: #fff; -} -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:active { - color: #ccc; -} -.edit-site-template-details .edit-site-template-details__show-all-button.components-button:focus:not(:disabled) { - box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 3px #fff; +.edit-site-sidebar-navigation-screen__page-link{ + color:#949494; + display:inline-block; + word-break:break-word; +} +.edit-site-sidebar-navigation-screen__page-link:focus,.edit-site-sidebar-navigation-screen__page-link:hover{ + color:#fff; +} +.edit-site-sidebar-navigation-screen__page-link .components-external-link__icon{ + margin-left:4px; } -.edit-site-create-template-part-modal { - z-index: 1000001; -} -@media (min-width: 600px) { - .edit-site-create-template-part-modal .components-modal__frame { - max-width: 500px; +.edit-site-sidebar-navigation-screen__title-icon{ + background:#1e1e1e; + margin-bottom:8px; + padding-bottom:8px; + padding-top:48px; + position:sticky; + top:0; + z-index:1; +} + +.edit-site-sidebar-navigation-screen__title{ + flex-grow:1; + overflow-wrap:break-word; + padding:2px 0 0; +} + +.edit-site-sidebar-navigation-screen__actions{ + display:flex; + flex-shrink:0; +} + +@media (min-width:782px){ + .edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variation-container{ + max-width:292px; } } -.edit-site-create-template-part-modal__modal-actions { - padding-top: 12px; +.edit-site-global-styles-variation-title{ + color:#ddd; + font-size:11px; + font-weight:500; + text-transform:uppercase; +} + +.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ + outline-color:#ffffff0d; +} +.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview{ + outline-color:#ffffff26; +} +.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview{ + outline-color:#fff; +} +.edit-site-sidebar-navigation-screen__content .edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ + outline-color:var(--wp-admin-theme-color); +} + +.edit-site-sidebar-navigation-screen__footer{ + background-color:#1e1e1e; + border-top:1px solid #2f2f2f; + bottom:0; + gap:0; + margin:16px 0 0; + padding:16px 0; + position:sticky; +} +.edit-site-sidebar-navigation-screen__input-control{ + width:100%; +} +.edit-site-sidebar-navigation-screen__input-control .components-input-control__container{ + background:#2f2f2f; +} +.edit-site-sidebar-navigation-screen__input-control .components-input-control__container .components-button{ + color:#e0e0e0 !important; +} +.edit-site-sidebar-navigation-screen__input-control .components-input-control__input{ + background:#2f2f2f !important; + border-radius:2px; + color:#e0e0e0 !important; +} +.edit-site-sidebar-navigation-screen__input-control .components-input-control__backdrop{ + border:4px !important; +} +.edit-site-sidebar-navigation-screen__input-control .components-base-control__help{ + color:#949494; +} + +.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:focus,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item:hover,.edit-site-sidebar-navigation-screen-details-footer div.edit-site-sidebar-navigation-item.components-item[aria-current]{ + background:none; +} +.edit-site-sidebar-navigation-screen-details-footer .edit-site-sidebar-navigation-screen-details-footer__icon{ + margin-left:auto; + fill:#949494; +} + +.sidebar-navigation__more-menu .components-button{ + color:#e0e0e0; +} +.sidebar-navigation__more-menu .components-button:focus,.sidebar-navigation__more-menu .components-button:hover,.sidebar-navigation__more-menu .components-button[aria-current]{ + color:#f0f0f0; +} + +.edit-site-sidebar-navigation-details-screen-panel{ + margin:24px 0; +} +.edit-site-sidebar-navigation-details-screen-panel:last-of-type{ + margin-bottom:0; +} +.edit-site-sidebar-navigation-details-screen-panel .edit-site-sidebar-navigation-details-screen-panel__heading{ + color:#ccc; + font-size:11px; + font-weight:500; + margin-bottom:0; + padding:0; + text-transform:uppercase; +} + +.edit-site-sidebar-navigation-details-screen-panel__label.edit-site-sidebar-navigation-details-screen-panel__label{ + color:#949494; + flex-shrink:0; + width:100px; +} + +.edit-site-sidebar-navigation-details-screen-panel__value.edit-site-sidebar-navigation-details-screen-panel__value{ + color:#e0e0e0; +} + +.edit-site-sidebar-navigation-screen-patterns__group{ + margin-bottom:24px; +} +.edit-site-sidebar-navigation-screen-patterns__group:last-of-type{ + border-bottom:0; + margin-bottom:0; + padding-bottom:0; +} + +.edit-site-sidebar-navigation-screen-patterns__group-header{ + margin-top:16px; +} +.edit-site-sidebar-navigation-screen-patterns__group-header p{ + color:#949494; +} +.edit-site-sidebar-navigation-screen-patterns__group-header h2{ + font-size:11px; + font-weight:500; + text-transform:uppercase; +} + +.edit-site-sidebar-navigation-screen-patterns__divider{ + border-top:1px solid #2f2f2f; + margin:16px 0; } -.edit-site-create-template-part-modal__area-base-control .components-base-control__label { - margin: 16px 0 8px; - cursor: auto; +.edit-site-sidebar-navigation-screen-dataviews__group-header{ + margin-top:32px; +} +.edit-site-sidebar-navigation-screen-dataviews__group-header h2{ + font-size:11px; + font-weight:500; + text-transform:uppercase; +} + +.edit-site-sidebar-dataviews-dataview-item{ + border-radius:2px; + padding-right:8px; +} +.edit-site-sidebar-dataviews-dataview-item .edit-site-sidebar-dataviews-dataview-item__dropdown-menu{ + min-width:auto; +} +.edit-site-sidebar-dataviews-dataview-item:focus,.edit-site-sidebar-dataviews-dataview-item:hover,.edit-site-sidebar-dataviews-dataview-item[aria-current]{ + background:#2f2f2f; + color:#e0e0e0; +} +.edit-site-sidebar-dataviews-dataview-item.is-selected{ + background:var(--wp-admin-theme-color); + color:#fff; +} + +.edit-site-site-hub{ + align-items:center; + display:flex; + gap:8px; + justify-content:space-between; + margin-right:12px; +} + +.edit-site-site-hub__actions{ + flex-shrink:0; +} + +.edit-site-site-hub__view-mode-toggle-container{ + flex-shrink:0; + height:60px; + width:60px; +} +.edit-site-site-hub__view-mode-toggle-container.has-transparent-background .edit-site-layout__view-mode-toggle-icon{ + background:#0000; +} + +.edit-site-site-hub__title .components-button{ + color:#e0e0e0; + display:block; + flex-grow:1; + font-size:15px; + font-weight:500; + overflow:hidden; + padding-right:16px; + position:relative; + text-decoration:none; + text-overflow:ellipsis; + white-space:nowrap; +} +.edit-site-site-hub__title .components-button:active,.edit-site-site-hub__title .components-button:focus,.edit-site-site-hub__title .components-button:hover{ + color:#e0e0e0; +} +.edit-site-site-hub__title .components-button:focus{ + box-shadow:none; + outline:none; +} +.edit-site-site-hub__title .components-button:focus-visible{ + box-shadow:0 0 0 var(--wp-admin-border-width-focus) #1e1e1e, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); + outline:2px solid #0000; + outline-offset:2px; +} +.edit-site-site-hub__title .components-button:after{ + content:"↗"; + font-weight:400; + opacity:0; + position:absolute; + right:0; + transition:opacity .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-site-hub__title .components-button:after{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-site-hub__title .components-button:active:after,.edit-site-site-hub__title .components-button:focus:after,.edit-site-site-hub__title .components-button:hover:after{ + opacity:1; +} + +.edit-site-site-hub_toggle-command-center{ + color:#e0e0e0; +} +.edit-site-site-hub_toggle-command-center:active svg,.edit-site-site-hub_toggle-command-center:hover svg{ + fill:#f0f0f0; +} + +.edit-site-sidebar-navigation-screen__description{ + margin:0 0 32px; +} + +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell{ + width:100%; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ + white-space:normal; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__title{ + margin-top:3px; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .block-editor-list-view-block__menu-cell{ + padding-right:0; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button{ + color:#949494; +} +.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:focus,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button:hover,.edit-site-sidebar-navigation-screen-navigation-menus__content .components-button[aria-current]{ + color:#fff; } -.edit-site-create-template-part-modal__area-radio-group { - width: 100%; - border: 1px solid #757575; - border-radius: 2px; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio { - display: block; - width: 100%; - height: 100%; - text-align: left; - padding: 12px; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover { - margin: 0; - background-color: inherit; - border-bottom: 1px solid #757575; - border-radius: 0; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:not(:focus), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:not(:focus) { - box-shadow: none; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:focus, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:focus { - border-bottom: 1px solid #fff; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-secondary:hover:last-of-type, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio.is-primary:hover:last-of-type { - border-bottom: none; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover), .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] { - color: #1e1e1e; - cursor: auto; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio:not(:hover) .edit-site-create-template-part-modal__option-label div, .edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio[aria-checked=true] .edit-site-create-template-part-modal__option-label div { - color: #949494; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label { - padding-top: 4px; - white-space: normal; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__option-label div { - padding-top: 4px; - font-size: 12px; -} -.edit-site-create-template-part-modal__area-radio-group .components-button.edit-site-create-template-part-modal__area-radio .edit-site-create-template-part-modal__checkbox { - margin-left: auto; - min-width: 24px; +.edit-site-sidebar-navigation-screen-navigation-menus__loading.components-spinner{ + display:block; + margin-left:auto; + margin-right:auto; +} + +.edit-site-sidebar-navigation-screen-navigation-menus__helper-block-editor{ + display:none; +} + +.edit-site-site-icon__icon{ + fill:currentColor; +} +.edit-site-layout.is-full-canvas .edit-site-site-icon__icon{ + padding:6px; +} + +.edit-site-site-icon__image{ + background:#333; + height:100%; + object-fit:cover; + width:100%; +} +.edit-site-layout.is-full-canvas .edit-site-site-icon__image{ + border-radius:0; +} + +.edit-site-style-book{ + height:100%; +} + +.edit-site-style-book.is-button,.edit-site-style-book__iframe.is-button{ + border-radius:8px; +} +.edit-site-style-book__iframe.is-focused{ + outline:calc(var(--wp-admin-border-width-focus)*2) solid var(--wp-admin-theme-color); + outline-offset:calc(var(--wp-admin-border-width-focus)*-2); +} + +.edit-site-style-book__tabs [role=tablist]{ + background:#fff; + color:#1e1e1e; +} +.edit-site-style-book__tabs [role=tabpanel]{ + bottom:0; + left:0; + overflow:auto; + padding:0; + position:absolute; + right:0; + top:48px; +} + +.edit-site-editor-canvas-container{ + background-color:#ddd; + height:100%; +} +.edit-site-editor-canvas-container iframe{ + display:block; + height:100%; + width:100%; +} +.edit-site-layout.is-full-canvas .edit-site-editor-canvas-container{ + padding:24px 24px 0; +} + +.edit-site-editor-canvas-container__section{ + background:#fff; + border-radius:2px; + bottom:0; + left:0; + overflow:hidden; + position:absolute; + right:0; + top:0; + transition:all .3s; +} + +.edit-site-editor-canvas-container__close-button{ + background:#fff; + position:absolute; + right:8px; + top:6px; + z-index:1; +} + +.edit-site-resizable-frame__inner{ + position:relative; +} +body:has(.edit-site-resizable-frame__inner.is-resizing){ + cursor:col-resize; + user-select:none; + -webkit-user-select:none; +} + +.edit-site-resizable-frame__inner.is-resizing:before{ + content:""; + inset:0; + position:absolute; + z-index:1; +} + +.edit-site-resizable-frame__inner-content{ + inset:0; + position:absolute; + z-index:0; } -.edit-site-editor__inserter-panel, -.edit-site-editor__list-view-panel { - height: 100%; - display: flex; - flex-direction: column; +.edit-site-resizable-frame__handle{ + align-items:center; + background-color:#75757566; + border:0; + border-radius:4px; + cursor:col-resize; + display:flex; + height:64px; + justify-content:flex-end; + padding:0; + position:absolute; + top:calc(50% - 32px); + width:4px; + z-index:100; +} +.edit-site-resizable-frame__handle:before{ + content:""; + height:100%; + left:100%; + position:absolute; + width:32px; +} +.edit-site-resizable-frame__handle:after{ + content:""; + height:100%; + position:absolute; + right:100%; + width:32px; +} +.edit-site-resizable-frame__handle:focus-visible{ + outline:2px solid #0000; +} +.edit-site-resizable-frame__handle.is-resizing,.edit-site-resizable-frame__handle:focus,.edit-site-resizable-frame__handle:hover{ + background-color:var(--wp-admin-theme-color); } -.edit-site-editor__list-view-panel { - min-width: 350px; +.edit-site-push-changes-to-global-styles-control .components-button{ + justify-content:center; + width:100%; +} + +@media (min-width:782px){ + .font-library-modal.font-library-modal{ + width:65vw; + } +} +.font-library-modal .components-modal__header{ + border-bottom:none; +} +.font-library-modal .components-modal__content{ + margin-bottom:70px; + padding-top:0; +} +.font-library-modal .font-library-modal__subtitle{ + font-size:11px; + font-weight:500; + text-transform:uppercase; +} +.font-library-modal .components-navigator-screen{ + padding:3px; } -.edit-site-editor__inserter-panel-header { - padding-top: 8px; - padding-right: 8px; - display: flex; - justify-content: flex-end; +.font-library-modal__tabpanel-layout{ + margin-top:32px; +} +.font-library-modal__tabpanel-layout .font-library-modal__loading{ + align-items:center; + display:flex; + height:100%; + justify-content:center; + left:0; + padding-top:120px; + position:absolute; + top:0; + width:100%; +} +.font-library-modal__tabpanel-layout .font-library-modal__tabpanel-layout__footer{ + background-color:#fff; + border-top:1px solid #ddd; + bottom:32px; + height:70px; + margin:0 -32px -32px; + padding:16px 32px; + position:absolute; + width:100%; +} + +.font-library-modal__tabpanel-layout .components-base-control__field{ + margin-bottom:0; +} + +.font-library-modal__fonts-title{ + font-size:11px; + font-weight:600; + text-transform:uppercase; } -.edit-site-editor__inserter-panel-content, -.edit-site-editor__list-view-panel-content { - height: calc(100% - 36px - 8px); +.font-library-modal__fonts-list,.font-library-modal__fonts-title{ + margin-bottom:0; + margin-top:0; +} + +.font-library-modal__fonts-list-item{ + margin-bottom:0; } -@media (min-width: 782px) { - .edit-site-editor__inserter-panel-content { - height: 100%; +.font-library-modal__font-card{ + border:1px solid #e0e0e0; + height:auto; + margin-top:-1px; + padding:16px; + width:100%; +} +.font-library-modal__font-card:hover{ + background-color:#f0f0f0; +} +.font-library-modal__font-card .font-library-modal__font-card__name{ + font-weight:700; +} +.font-library-modal__font-card .font-library-modal__font-card__count{ + color:#757575; +} +.font-library-modal__font-card .font-library-modal__font-variant_demo-image{ + display:block; + height:24px; + width:auto; +} +.font-library-modal__font-card .font-library-modal__font-variant_demo-text{ + flex-shrink:0; + transition:opacity .3s ease-in-out; + white-space:nowrap; +} +@media (prefers-reduced-motion:reduce){ + .font-library-modal__font-card .font-library-modal__font-variant_demo-text{ + transition-delay:0s; + transition-duration:0s; } } -.edit-site-editor__list-view-panel-header { - align-items: center; - border-bottom: 1px solid #ddd; - display: flex; - justify-content: space-between; - height: 48px; - padding-left: 16px; - padding-right: 4px; -} - -.edit-site-editor__list-view-panel-content { - overflow-y: auto; - padding: 8px; +.font-library-modal__font-variant{ + border-bottom:1px solid #e0e0e0; + padding-bottom:16px; } -.edit-site-welcome-guide { - width: 312px; -} -.edit-site-welcome-guide__image { - background: #00a0d2; - margin: 0 0 16px; -} -.edit-site-welcome-guide__image > img { - display: block; - max-width: 100%; - -o-object-fit: cover; - object-fit: cover; -} -.edit-site-welcome-guide__heading { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; - font-size: 24px; - line-height: 1.4; - margin: 16px 0 16px 0; - padding: 0 32px; -} -.edit-site-welcome-guide__text { - font-size: 13px; - line-height: 1.4; - margin: 0 0 16px 0; - padding: 0 32px; -} -.edit-site-welcome-guide__text img { - vertical-align: bottom; -} -.edit-site-welcome-guide__inserter-icon { - margin: 0 4px; - vertical-align: text-top; +.font-library-modal__tabs [role=tablist]{ + background:#fff; + border-bottom:1px solid #ddd; + margin:0 -32px; + padding:0 16px; + position:sticky; + top:0; + z-index:1; +} + +.font-library-modal__upload-area{ + align-items:center; + display:flex; + height:256px; + justify-content:center; + width:100%; +} + +button.font-library-modal__upload-area{ + background-color:#f0f0f0; } -.edit-site-keyboard-shortcut-help-modal__section { - margin: 0 0 2rem 0; -} -.edit-site-keyboard-shortcut-help-modal__main-shortcuts .edit-site-keyboard-shortcut-help-modal__shortcut-list { - margin-top: -25px; -} -.edit-site-keyboard-shortcut-help-modal__section-title { - font-size: 0.9rem; - font-weight: 600; -} -.edit-site-keyboard-shortcut-help-modal__shortcut { - display: flex; - align-items: baseline; - padding: 0.6rem 0; - border-top: 1px solid #ddd; - margin-bottom: 0; -} -.edit-site-keyboard-shortcut-help-modal__shortcut:last-child { - border-bottom: 1px solid #ddd; -} -.edit-site-keyboard-shortcut-help-modal__shortcut:empty { - display: none; -} -.edit-site-keyboard-shortcut-help-modal__shortcut-term { - font-weight: 600; - margin: 0 0 0 1rem; - text-align: right; -} -.edit-site-keyboard-shortcut-help-modal__shortcut-description { - flex: 1; - margin: 0; - flex-basis: auto; -} -.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { - display: block; - background: none; - margin: 0; - padding: 0; -} -.edit-site-keyboard-shortcut-help-modal__shortcut-key-combination + .edit-site-keyboard-shortcut-help-modal__shortcut-key-combination { - margin-top: 10px; -} -.edit-site-keyboard-shortcut-help-modal__shortcut-key { - padding: 0.25rem 0.5rem; - border-radius: 8%; - margin: 0 0.2rem 0 0.2rem; -} -.edit-site-keyboard-shortcut-help-modal__shortcut-key:last-child { - margin: 0 0 0 0.2rem; +.font-library-modal__local-fonts{ + margin:0 auto; + width:80%; +} +.font-library-modal__local-fonts .font-library-modal__upload-area__text{ + color:#757575; +} + +.font-library__google-fonts-confirm{ + align-items:center; + display:flex; + justify-content:center; + margin-top:64px; +} +.font-library__google-fonts-confirm p{ + line-height:1.4; +} +.font-library__google-fonts-confirm h2{ + font-size:1.2rem; + font-weight:400; +} +.font-library__google-fonts-confirm .components-card{ + padding:16px; + width:400px; +} +.font-library__google-fonts-confirm .components-button{ + justify-content:center; + width:100%; +} + +.edit-site-pagination .components-button.is-tertiary{ + height:32px; + justify-content:center; + width:32px; } -html.wp-toolbar { - background: #fff; +.edit-site-global-styles-variations_item{ + border-radius:2px; + box-sizing:border-box; + cursor:pointer; +} +.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ + border-radius:2px; + outline:1px solid #0000001a; + outline-offset:-1px; + overflow:hidden; + position:relative; + transition:outline .1s linear; +} +@media (prefers-reduced-motion:reduce){ + .edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview{ + transition-delay:0s; + transition-duration:0s; + } +} +.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill{ + height:32px; +} +.edit-site-global-styles-variations_item .edit-site-global-styles-variations_item-preview.is-pill .block-editor-iframe__scale-container{ + overflow:hidden; +} +.edit-site-global-styles-variations_item:not(.is-active):hover .edit-site-global-styles-variations_item-preview{ + outline-color:#0000004d; +} +.edit-site-global-styles-variations_item.is-active .edit-site-global-styles-variations_item-preview,.edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ + outline-color:#1e1e1e; + outline-offset:1px; + outline-width:var(--wp-admin-border-width-focus); +} +.edit-site-global-styles-variations_item:focus-visible .edit-site-global-styles-variations_item-preview{ + outline-color:var(--wp-admin-theme-color); +} +::view-transition-image-pair(root){ + isolation:auto; } -body.appearance_page_gutenberg-edit-site, -body.site-editor-php { - background: #fff; - /* 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.appearance_page_gutenberg-edit-site #wpcontent, -body.site-editor-php #wpcontent { - padding-left: 0; -} -body.appearance_page_gutenberg-edit-site #wpbody-content, -body.site-editor-php #wpbody-content { - padding-bottom: 0; -} -body.appearance_page_gutenberg-edit-site #wpbody-content > div:not(.edit-site):not(#screen-meta), -body.site-editor-php #wpbody-content > div:not(.edit-site):not(#screen-meta) { - display: none; -} -body.appearance_page_gutenberg-edit-site #wpfooter, -body.site-editor-php #wpfooter { - display: none; -} -body.appearance_page_gutenberg-edit-site .a11y-speak-region, -body.site-editor-php .a11y-speak-region { - left: -1px; - top: -1px; -} -body.appearance_page_gutenberg-edit-site ul#adminmenu a.wp-has-current-submenu::after, -body.appearance_page_gutenberg-edit-site ul#adminmenu > li.current > a.current::after, -body.site-editor-php ul#adminmenu a.wp-has-current-submenu::after, -body.site-editor-php ul#adminmenu > li.current > a.current::after { - border-right-color: #fff; -} -body.appearance_page_gutenberg-edit-site .media-frame select.attachment-filters:last-of-type, -body.site-editor-php .media-frame select.attachment-filters:last-of-type { - width: auto; - max-width: 100%; +::view-transition-new(root),::view-transition-old(root){ + animation:none; + display:block; + mix-blend-mode:normal; +} +body.js #wpadminbar{ + display:none; +} + +body.js #wpbody{ + padding-top:0; } -.edit-site, -.components-modal__frame { - box-sizing: border-box; -} -.edit-site *, -.edit-site *::before, -.edit-site *::after, -.components-modal__frame *, -.components-modal__frame *::before, -.components-modal__frame *::after { - box-sizing: inherit; +body.js.appearance_page_gutenberg-template-parts,body.js.site-editor-php{ + background:#fff; +} +body.js.appearance_page_gutenberg-template-parts #wpcontent,body.js.site-editor-php #wpcontent{ + padding-left:0; +} +body.js.appearance_page_gutenberg-template-parts #wpbody-content,body.js.site-editor-php #wpbody-content{ + padding-bottom:0; +} +body.js.appearance_page_gutenberg-template-parts #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.appearance_page_gutenberg-template-parts #wpfooter,body.js.site-editor-php #wpbody-content>div:not(.edit-site):not(#screen-meta),body.js.site-editor-php #wpfooter{ + display:none; +} +body.js.appearance_page_gutenberg-template-parts .a11y-speak-region,body.js.site-editor-php .a11y-speak-region{ + left:-1px; + top:-1px; +} +body.js.appearance_page_gutenberg-template-parts ul#adminmenu a.wp-has-current-submenu:after,body.js.appearance_page_gutenberg-template-parts ul#adminmenu>li.current>a.current:after,body.js.site-editor-php ul#adminmenu a.wp-has-current-submenu:after,body.js.site-editor-php ul#adminmenu>li.current>a.current:after{ + border-right-color:#fff; +} +body.js.appearance_page_gutenberg-template-parts .media-frame select.attachment-filters:last-of-type,body.js.site-editor-php .media-frame select.attachment-filters:last-of-type{ + max-width:100%; + width:auto; +} + +body.js.site-editor-php{ + background:#1e1e1e; } -@media (min-width: 600px) { - .edit-site { - bottom: 0; - left: 0; - min-height: 100vh; - position: absolute; - right: 0; - top: 0; +.edit-site{ + box-sizing:border-box; + height:100vh; +} +.edit-site *,.edit-site :after,.edit-site :before{ + box-sizing:inherit; +} +@media (min-width:600px){ + .edit-site{ + bottom:0; + left:0; + min-height:100vh; + position:fixed; + right:0; + top:0; } } -.edit-site .interface-interface-skeleton { - top: 0; -} -.edit-site .interface-complementary-area__pin-unpin-item.components-button { - display: none; -} -.edit-site .interface-interface-skeleton__content { - background-color: #2f2f2f; -} - -/** - * Animations - */ -@keyframes edit-post__fade-in-animation { - from { - opacity: 0; +.no-js .edit-site{ + min-height:0; + position:static; +} +.edit-site .interface-interface-skeleton{ + top:0; +} +@keyframes edit-post__fade-in-animation{ + 0%{ + opacity:0; + } + to{ + opacity:1; } - to { - opacity: 1; - } -} -body.admin-color-light { - --wp-admin-theme-color: #0085ba; - --wp-admin-theme-color--rgb: 0, 133, 186; - --wp-admin-theme-color-darker-10: #0073a1; - --wp-admin-theme-color-darker-10--rgb: 0, 115, 161; - --wp-admin-theme-color-darker-20: #006187; - --wp-admin-theme-color-darker-20--rgb: 0, 97, 135; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-light { - --wp-admin-border-width-focus: 1.5px; +} +body.admin-color-light{ + --wp-admin-theme-color:#0085ba; + --wp-admin-theme-color--rgb:0, 133, 186; + --wp-admin-theme-color-darker-10:#0073a1; + --wp-admin-theme-color-darker-10--rgb:0, 115, 161; + --wp-admin-theme-color-darker-20:#006187; + --wp-admin-theme-color-darker-20--rgb:0, 97, 135; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-light{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-modern { - --wp-admin-theme-color: #3858e9; - --wp-admin-theme-color--rgb: 56, 88, 233; - --wp-admin-theme-color-darker-10: #2145e6; - --wp-admin-theme-color-darker-10--rgb: 33, 69, 230; - --wp-admin-theme-color-darker-20: #183ad6; - --wp-admin-theme-color-darker-20--rgb: 24, 58, 214; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-modern { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-modern{ + --wp-admin-theme-color:#3858e9; + --wp-admin-theme-color--rgb:56, 88, 233; + --wp-admin-theme-color-darker-10:#2145e6; + --wp-admin-theme-color-darker-10--rgb:33, 69, 230; + --wp-admin-theme-color-darker-20:#183ad6; + --wp-admin-theme-color-darker-20--rgb:24, 58, 214; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-modern{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-blue { - --wp-admin-theme-color: #096484; - --wp-admin-theme-color--rgb: 9, 100, 132; - --wp-admin-theme-color-darker-10: #07526c; - --wp-admin-theme-color-darker-10--rgb: 7, 82, 108; - --wp-admin-theme-color-darker-20: #064054; - --wp-admin-theme-color-darker-20--rgb: 6, 64, 84; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-blue { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-blue{ + --wp-admin-theme-color:#096484; + --wp-admin-theme-color--rgb:9, 100, 132; + --wp-admin-theme-color-darker-10:#07526c; + --wp-admin-theme-color-darker-10--rgb:7, 82, 108; + --wp-admin-theme-color-darker-20:#064054; + --wp-admin-theme-color-darker-20--rgb:6, 64, 84; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-blue{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-coffee { - --wp-admin-theme-color: #46403c; - --wp-admin-theme-color--rgb: 70, 64, 60; - --wp-admin-theme-color-darker-10: #383330; - --wp-admin-theme-color-darker-10--rgb: 56, 51, 48; - --wp-admin-theme-color-darker-20: #2b2724; - --wp-admin-theme-color-darker-20--rgb: 43, 39, 36; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-coffee { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-coffee{ + --wp-admin-theme-color:#46403c; + --wp-admin-theme-color--rgb:70, 64, 60; + --wp-admin-theme-color-darker-10:#383330; + --wp-admin-theme-color-darker-10--rgb:56, 51, 48; + --wp-admin-theme-color-darker-20:#2b2724; + --wp-admin-theme-color-darker-20--rgb:43, 39, 36; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-coffee{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ectoplasm { - --wp-admin-theme-color: #523f6d; - --wp-admin-theme-color--rgb: 82, 63, 109; - --wp-admin-theme-color-darker-10: #46365d; - --wp-admin-theme-color-darker-10--rgb: 70, 54, 93; - --wp-admin-theme-color-darker-20: #3a2c4d; - --wp-admin-theme-color-darker-20--rgb: 58, 44, 77; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ectoplasm { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-ectoplasm{ + --wp-admin-theme-color:#523f6d; + --wp-admin-theme-color--rgb:82, 63, 109; + --wp-admin-theme-color-darker-10:#46365d; + --wp-admin-theme-color-darker-10--rgb:70, 54, 93; + --wp-admin-theme-color-darker-20:#3a2c4d; + --wp-admin-theme-color-darker-20--rgb:58, 44, 77; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-ectoplasm{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-midnight { - --wp-admin-theme-color: #e14d43; - --wp-admin-theme-color--rgb: 225, 77, 67; - --wp-admin-theme-color-darker-10: #dd382d; - --wp-admin-theme-color-darker-10--rgb: 221, 56, 45; - --wp-admin-theme-color-darker-20: #d02c21; - --wp-admin-theme-color-darker-20--rgb: 208, 44, 33; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-midnight { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-midnight{ + --wp-admin-theme-color:#e14d43; + --wp-admin-theme-color--rgb:225, 77, 67; + --wp-admin-theme-color-darker-10:#dd382d; + --wp-admin-theme-color-darker-10--rgb:221, 56, 45; + --wp-admin-theme-color-darker-20:#d02c21; + --wp-admin-theme-color-darker-20--rgb:208, 44, 33; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-midnight{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-ocean { - --wp-admin-theme-color: #627c83; - --wp-admin-theme-color--rgb: 98, 124, 131; - --wp-admin-theme-color-darker-10: #576e74; - --wp-admin-theme-color-darker-10--rgb: 87, 110, 116; - --wp-admin-theme-color-darker-20: #4c6066; - --wp-admin-theme-color-darker-20--rgb: 76, 96, 102; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-ocean { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-ocean{ + --wp-admin-theme-color:#627c83; + --wp-admin-theme-color--rgb:98, 124, 131; + --wp-admin-theme-color-darker-10:#576e74; + --wp-admin-theme-color-darker-10--rgb:87, 110, 116; + --wp-admin-theme-color-darker-20:#4c6066; + --wp-admin-theme-color-darker-20--rgb:76, 96, 102; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-ocean{ + --wp-admin-border-width-focus:1.5px; } } -body.admin-color-sunrise { - --wp-admin-theme-color: #dd823b; - --wp-admin-theme-color--rgb: 221, 130, 59; - --wp-admin-theme-color-darker-10: #d97426; - --wp-admin-theme-color-darker-10--rgb: 217, 116, 38; - --wp-admin-theme-color-darker-20: #c36922; - --wp-admin-theme-color-darker-20--rgb: 195, 105, 34; - --wp-admin-border-width-focus: 2px; -} -@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { - body.admin-color-sunrise { - --wp-admin-border-width-focus: 1.5px; +body.admin-color-sunrise{ + --wp-admin-theme-color:#dd823b; + --wp-admin-theme-color--rgb:221, 130, 59; + --wp-admin-theme-color-darker-10:#d97426; + --wp-admin-theme-color-darker-10--rgb:217, 116, 38; + --wp-admin-theme-color-darker-20:#c36922; + --wp-admin-theme-color-darker-20--rgb:195, 105, 34; + --wp-admin-border-width-focus:2px; +} +@media (min-resolution:192dpi){ + body.admin-color-sunrise{ + --wp-admin-border-width-focus:1.5px; } } \ No newline at end of file