Spaces:
Sleeping
Sleeping
| :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; | |
| } | |
| } | |
| .block-editor-autocompleters__block{ | |
| white-space:nowrap; | |
| } | |
| .block-editor-autocompleters__block .block-editor-block-icon{ | |
| margin-left:8px; | |
| } | |
| .block-editor-autocompleters__link{ | |
| white-space:nowrap; | |
| } | |
| .block-editor-autocompleters__link .block-editor-block-icon{ | |
| margin-left:8px; | |
| } | |
| .block-editor-block-alignment-control__menu-group .components-menu-item__info{ | |
| margin-top:0; | |
| } | |
| iframe[name=editor-canvas]{ | |
| background-color:initial; | |
| box-sizing:border-box; | |
| display:block; | |
| height:100%; | |
| width:100%; | |
| } | |
| .block-editor-block-icon{ | |
| align-items:center; | |
| display:flex; | |
| height:24px; | |
| justify-content:center; | |
| width:24px; | |
| } | |
| .block-editor-block-icon.has-colors svg{ | |
| fill:currentColor; | |
| } | |
| @media (forced-colors:active){ | |
| .block-editor-block-icon.has-colors svg{ | |
| fill:CanvasText; | |
| } | |
| } | |
| .block-editor-block-icon svg{ | |
| max-height:24px; | |
| max-width:24px; | |
| min-height:20px; | |
| min-width:20px; | |
| } | |
| .block-editor-block-inspector p:not(.components-base-control__help){ | |
| margin-top:0; | |
| } | |
| .block-editor-block-inspector h2,.block-editor-block-inspector h3{ | |
| color:#1e1e1e; | |
| font-size:13px; | |
| margin-bottom:1.5em; | |
| } | |
| .block-editor-block-inspector .components-base-control{ | |
| margin-bottom:24px; | |
| } | |
| .block-editor-block-inspector .components-base-control:last-child{ | |
| margin-bottom:8px; | |
| } | |
| .block-editor-block-inspector .components-focal-point-picker-control .components-base-control,.block-editor-block-inspector .components-query-controls .components-base-control,.block-editor-block-inspector .components-range-control .components-base-control{ | |
| margin-bottom:0; | |
| } | |
| .block-editor-block-inspector .components-panel__body{ | |
| border:none; | |
| border-top:1px solid #e0e0e0; | |
| margin-top:-1px; | |
| } | |
| .block-editor-block-inspector__no-block-tools,.block-editor-block-inspector__no-blocks{ | |
| background:#fff; | |
| display:block; | |
| font-size:13px; | |
| padding:32px 16px; | |
| text-align:center; | |
| } | |
| .block-editor-block-inspector__no-block-tools{ | |
| border-top:1px solid #ddd; | |
| } | |
| .block-editor-block-inspector__tab-item{ | |
| flex:1 1 0px; | |
| } | |
| .block-editor-block-list__insertion-point{ | |
| bottom:0; | |
| left:0; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| } | |
| .block-editor-block-list__insertion-point-indicator{ | |
| background:var(--wp-admin-theme-color); | |
| border-radius:2px; | |
| opacity:0; | |
| position:absolute; | |
| transform-origin:center; | |
| will-change:transform, opacity; | |
| } | |
| .block-editor-block-list__insertion-point.is-vertical>.block-editor-block-list__insertion-point-indicator{ | |
| height:4px; | |
| top:calc(50% - 2px); | |
| width:100%; | |
| } | |
| .block-editor-block-list__insertion-point.is-horizontal>.block-editor-block-list__insertion-point-indicator{ | |
| bottom:0; | |
| right:calc(50% - 2px); | |
| top:0; | |
| width:4px; | |
| } | |
| .block-editor-block-list__insertion-point-inserter{ | |
| display:none; | |
| justify-content:center; | |
| position:absolute; | |
| right:calc(50% - 12px); | |
| top:calc(50% - 12px); | |
| will-change:transform; | |
| } | |
| @media (min-width:480px){ | |
| .block-editor-block-list__insertion-point-inserter{ | |
| display:flex; | |
| } | |
| } | |
| .block-editor-block-list__block-side-inserter-popover .components-popover__content>div{ | |
| pointer-events:none; | |
| } | |
| .block-editor-block-list__block-side-inserter-popover .components-popover__content>div>*{ | |
| pointer-events:all; | |
| } | |
| .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ | |
| background:#1e1e1e; | |
| border-radius:2px; | |
| color:#fff; | |
| height:24px; | |
| min-width:24px; | |
| padding:0; | |
| } | |
| .block-editor-block-list__empty-block-inserter .block-editor-inserter__toggle.components-button.has-icon:hover,.block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ | |
| background:var(--wp-admin-theme-color); | |
| color:#fff; | |
| } | |
| .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon{ | |
| background:var(--wp-admin-theme-color); | |
| } | |
| .block-editor-block-list__insertion-point-inserter .block-editor-inserter__toggle.components-button.has-icon:hover{ | |
| background:#1e1e1e; | |
| } | |
| .block-editor-block-list__block-selection-button{ | |
| background-color:#1e1e1e; | |
| border-radius:2px; | |
| display:inline-flex; | |
| font-size:13px; | |
| height:48px; | |
| padding:0 12px; | |
| z-index:22; | |
| } | |
| .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content{ | |
| align-items:center; | |
| display:inline-flex; | |
| margin:auto; | |
| } | |
| .block-editor-block-list__block-selection-button .block-editor-block-list__block-selection-button__content>.components-flex__item{ | |
| margin-left:6px; | |
| } | |
| .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{ | |
| cursor:grab; | |
| height:24px; | |
| margin-right:-2px; | |
| min-width:24px; | |
| padding:0; | |
| } | |
| .block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle svg{ | |
| min-height:18px; | |
| min-width:18px; | |
| } | |
| .block-editor-block-list__block-selection-button .block-editor-block-icon{ | |
| color:#fff; | |
| font-size:13px; | |
| height:48px; | |
| } | |
| .block-editor-block-list__block-selection-button .components-button{ | |
| color:#fff; | |
| display:flex; | |
| height:48px; | |
| min-width:36px; | |
| } | |
| .block-editor-block-list__block-selection-button .components-button:focus{ | |
| border:none; | |
| box-shadow:none; | |
| } | |
| .block-editor-block-list__block-selection-button .components-button:active,.block-editor-block-list__block-selection-button .components-button[aria-disabled=true]:hover{ | |
| color:#fff; | |
| } | |
| .block-editor-block-list__block-selection-button .block-selection-button_select-button.components-button{ | |
| padding:0; | |
| } | |
| .block-editor-block-list__block-selection-button .block-editor-block-mover{ | |
| background:unset; | |
| border:none; | |
| } | |
| @keyframes hide-during-dragging{ | |
| to{ | |
| position:fixed; | |
| transform:translate(-9999px, 9999px); | |
| } | |
| } | |
| .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-list__block-selection-button{ | |
| margin-bottom:8px; | |
| margin-top:8px; | |
| pointer-events:all; | |
| } | |
| .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar{ | |
| border:1px solid #1e1e1e; | |
| border-radius:2px; | |
| overflow:visible; | |
| position:static; | |
| width:auto; | |
| } | |
| .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{ | |
| margin-right:56px; | |
| } | |
| .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-contextual-toolbar.has-parent{ | |
| margin-right:0; | |
| } | |
| .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar{ | |
| overflow:visible; | |
| } | |
| .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar,.components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar .components-toolbar-group{ | |
| border-left-color:#1e1e1e; | |
| } | |
| .components-popover.block-editor-block-list__block-popover.is-insertion-point-visible{ | |
| visibility:hidden; | |
| } | |
| .is-dragging-components-draggable .components-popover.block-editor-block-list__block-popover{ | |
| animation:hide-during-dragging 1ms linear forwards; | |
| opacity:0; | |
| } | |
| .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{ | |
| position:absolute; | |
| right:-57px; | |
| } | |
| .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector:before{ | |
| content:""; | |
| } | |
| .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ | |
| background-color:#fff; | |
| border:1px solid #1e1e1e; | |
| padding-left:6px; | |
| padding-right:6px; | |
| } | |
| .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ | |
| padding-left:12px; | |
| padding-right:12px; | |
| } | |
| .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-parent-selector{ | |
| margin-right:-1px; | |
| position:relative; | |
| right:auto; | |
| } | |
| .show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-mover__move-button-container,.show-icon-labels .components-popover.block-editor-block-list__block-popover .block-editor-block-toolbar__block-controls .block-editor-block-mover{ | |
| border-right:1px solid #1e1e1e; | |
| } | |
| .is-dragging-components-draggable .components-tooltip{ | |
| display:none; | |
| } | |
| .components-popover.block-editor-block-popover__inbetween .block-editor-button-pattern-inserter__button{ | |
| pointer-events:all; | |
| position:absolute; | |
| right:50%; | |
| top:50%; | |
| transform:translateX(50%) translateY(-50%); | |
| } | |
| .block-editor-block-lock-modal{ | |
| z-index:1000001; | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-block-lock-modal .components-modal__frame{ | |
| max-width:480px; | |
| } | |
| } | |
| .block-editor-block-lock-modal__checklist{ | |
| margin:0; | |
| } | |
| .block-editor-block-lock-modal__options-title{ | |
| padding:12px 0; | |
| } | |
| .block-editor-block-lock-modal__options-title .components-checkbox-control__label{ | |
| font-weight:600; | |
| } | |
| .block-editor-block-lock-modal__checklist-item{ | |
| align-items:center; | |
| display:flex; | |
| gap:12px; | |
| justify-content:space-between; | |
| margin-bottom:0; | |
| padding:12px 32px 12px 0; | |
| } | |
| .block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{ | |
| flex-shrink:0; | |
| margin-left:12px; | |
| fill:#1e1e1e; | |
| } | |
| .block-editor-block-lock-modal__checklist-item:hover{ | |
| background-color:#f0f0f0; | |
| border-radius:2px; | |
| } | |
| .block-editor-block-lock-modal__template-lock{ | |
| border-top:1px solid #ddd; | |
| margin-top:16px; | |
| padding:12px 0; | |
| } | |
| .block-editor-block-lock-modal__actions{ | |
| margin-top:24px; | |
| } | |
| .block-editor-block-lock-toolbar .components-button.has-icon{ | |
| min-width:36px ; | |
| } | |
| .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{ | |
| margin-right:-6px ; | |
| } | |
| .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{ | |
| border-right:1px solid #1e1e1e; | |
| margin-left:-6px; | |
| margin-right:6px ; | |
| } | |
| .block-editor-block-breadcrumb{ | |
| list-style:none; | |
| margin:0; | |
| padding:0; | |
| } | |
| .block-editor-block-breadcrumb li{ | |
| display:inline-flex; | |
| margin:0; | |
| } | |
| .block-editor-block-breadcrumb li .block-editor-block-breadcrumb__separator{ | |
| fill:currentColor; | |
| margin-left:-4px; | |
| margin-right:-4px; | |
| transform:scaleX(-1);; | |
| } | |
| .block-editor-block-breadcrumb li:last-child .block-editor-block-breadcrumb__separator{ | |
| display:none; | |
| } | |
| .block-editor-block-breadcrumb__button.components-button{ | |
| height:24px; | |
| line-height:24px; | |
| padding:0; | |
| position:relative; | |
| } | |
| .block-editor-block-breadcrumb__button.components-button:hover:not(:disabled){ | |
| box-shadow:none; | |
| text-decoration:underline; | |
| } | |
| .block-editor-block-breadcrumb__button.components-button:focus{ | |
| box-shadow:none; | |
| } | |
| .block-editor-block-breadcrumb__button.components-button:focus:before{ | |
| border-radius:2px; | |
| bottom:1px; | |
| box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| content:""; | |
| display:block; | |
| left:1px; | |
| outline:2px solid #0000; | |
| position:absolute; | |
| right:1px; | |
| top:1px; | |
| } | |
| .block-editor-block-breadcrumb__current{ | |
| cursor:default; | |
| } | |
| .block-editor-block-breadcrumb__button.components-button,.block-editor-block-breadcrumb__current{ | |
| color:#1e1e1e; | |
| font-size:inherit; | |
| padding:0 8px; | |
| } | |
| .block-editor-block-card{ | |
| align-items:flex-start; | |
| color:#1e1e1e; | |
| display:flex; | |
| padding:16px; | |
| } | |
| .block-editor-block-card__title{ | |
| font-weight:500; | |
| } | |
| .block-editor-block-card__title.block-editor-block-card__title{ | |
| font-size:13px; | |
| line-height:1.4; | |
| margin:0; | |
| padding:3px 0; | |
| } | |
| .block-editor-block-card .block-editor-block-icon{ | |
| flex:0 0 24px; | |
| height:24px; | |
| margin-left:12px; | |
| margin-right:0; | |
| width:24px; | |
| } | |
| .block-editor-block-card.is-synced .block-editor-block-icon{ | |
| color:var(--wp-block-synced-color); | |
| } | |
| .block-editor-block-compare{ | |
| height:auto; | |
| } | |
| .block-editor-block-compare__wrapper{ | |
| display:flex; | |
| padding-bottom:16px; | |
| } | |
| .block-editor-block-compare__wrapper>div{ | |
| display:flex; | |
| flex-direction:column; | |
| justify-content:space-between; | |
| max-width:600px; | |
| min-width:200px; | |
| padding:0 0 0 16px; | |
| width:50%; | |
| } | |
| .block-editor-block-compare__wrapper>div button{ | |
| float:left; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__converted{ | |
| border-right:1px solid #ddd; | |
| padding-left:0; | |
| padding-right:15px; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__html{ | |
| border-bottom:1px solid #ddd; | |
| color:#1e1e1e; | |
| font-family:Menlo,Consolas,monaco,monospace; | |
| font-size:12px; | |
| line-height:1.7; | |
| padding-bottom:15px; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__html span{ | |
| background-color:#e6ffed; | |
| padding-bottom:3px; | |
| padding-top:3px; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__added{ | |
| background-color:#acf2bd; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__html span.block-editor-block-compare__removed{ | |
| background-color:#cc1818; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__preview{ | |
| padding:16px 0 0; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__preview p{ | |
| font-size:12px; | |
| margin-top:0; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__action{ | |
| margin-top:16px; | |
| } | |
| .block-editor-block-compare__wrapper .block-editor-block-compare__heading{ | |
| font-size:1em; | |
| font-weight:400; | |
| margin:.67em 0; | |
| } | |
| .block-editor-block-draggable-chip-wrapper{ | |
| position:absolute; | |
| right:0; | |
| top:-24px; | |
| } | |
| .block-editor-block-draggable-chip{ | |
| background-color:#1e1e1e; | |
| border-radius:2px; | |
| box-shadow:0 6px 8px #0000004d; | |
| color:#fff; | |
| cursor:grabbing; | |
| display:inline-flex; | |
| height:48px; | |
| padding:0 13px; | |
| position:relative; | |
| -webkit-user-select:none; | |
| user-select:none; | |
| width:max-content; | |
| } | |
| .block-editor-block-draggable-chip svg{ | |
| fill:currentColor; | |
| } | |
| .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content{ | |
| justify-content:flex-start; | |
| margin:auto; | |
| } | |
| .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item{ | |
| margin-left:6px; | |
| } | |
| .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{ | |
| margin-left:0; | |
| } | |
| .block-editor-block-draggable-chip .block-editor-block-draggable-chip__content .block-editor-block-icon svg{ | |
| min-height:18px; | |
| min-width:18px; | |
| } | |
| .block-editor-block-draggable-chip .components-flex__item{ | |
| font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; | |
| font-size:13px; | |
| } | |
| .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{ | |
| align-items:center; | |
| background-color:initial; | |
| bottom:0; | |
| display:flex; | |
| justify-content:center; | |
| left:0; | |
| opacity:0; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| transition:all .1s linear .1s; | |
| } | |
| .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled .block-editor-block-draggable-chip__disabled-icon{ | |
| background:#0000 linear-gradient(45deg, #0000 47.5%, #fff 0, #fff 52.5%, #0000 0); | |
| border-radius:50%; | |
| box-shadow:inset 0 0 0 1.5px #fff; | |
| display:inline-block; | |
| height:20px; | |
| padding:0; | |
| width:20px; | |
| } | |
| .block-draggable-invalid-drag-token .block-editor-block-draggable-chip__disabled.block-editor-block-draggable-chip__disabled{ | |
| background-color:#757575; | |
| box-shadow:0 4px 8px #0003; | |
| opacity:1; | |
| } | |
| .block-editor-block-mover__move-button-container{ | |
| border:none; | |
| display:flex; | |
| justify-content:center; | |
| padding:0; | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container{ | |
| flex-direction:column; | |
| } | |
| .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>*{ | |
| height:20px; | |
| min-width:0 ; | |
| width:100%; | |
| } | |
| .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container>:before{ | |
| height:calc(100% - 4px); | |
| } | |
| .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ | |
| flex-shrink:0; | |
| top:3px; | |
| } | |
| .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ | |
| bottom:3px; | |
| flex-shrink:0; | |
| } | |
| .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{ | |
| width:48px; | |
| } | |
| .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container>*{ | |
| min-width:0 ; | |
| overflow:hidden; | |
| width:24px; | |
| } | |
| .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button{ | |
| padding-left:0; | |
| padding-right:0; | |
| } | |
| .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-up-button svg{ | |
| right:5px; | |
| } | |
| .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{ | |
| left:5px; | |
| } | |
| } | |
| .block-editor-block-mover__drag-handle{ | |
| cursor:grab; | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-block-mover__drag-handle{ | |
| min-width:0 ; | |
| overflow:hidden; | |
| width:24px; | |
| } | |
| .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon.has-icon{ | |
| padding-left:0; | |
| padding-right:0; | |
| } | |
| } | |
| .components-button.block-editor-block-mover-button:before{ | |
| animation:components-button__appear-animation .1s ease; | |
| animation-fill-mode:forwards; | |
| border-radius:2px; | |
| content:""; | |
| display:block; | |
| height:32px; | |
| left:8px; | |
| position:absolute; | |
| right:8px; | |
| z-index:-1; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .components-button.block-editor-block-mover-button:before{ | |
| animation-delay:0s; | |
| animation-duration:1ms; | |
| } | |
| } | |
| .components-button.block-editor-block-mover-button:focus,.components-button.block-editor-block-mover-button:focus:before,.components-button.block-editor-block-mover-button:focus:enabled{ | |
| box-shadow:none; | |
| outline:none; | |
| } | |
| .components-button.block-editor-block-mover-button:focus-visible:before{ | |
| box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| } | |
| .block-editor-block-navigation__container{ | |
| min-width:280px; | |
| } | |
| .block-editor-block-navigation__label{ | |
| color:#757575; | |
| font-size:11px; | |
| font-weight:500; | |
| margin:0 0 12px; | |
| text-transform:uppercase; | |
| } | |
| .block-editor-block-patterns-list__list-item{ | |
| cursor:pointer; | |
| margin-bottom:16px; | |
| position:relative; | |
| } | |
| .block-editor-block-patterns-list__list-item.is-placeholder{ | |
| min-height:100px; | |
| } | |
| .block-editor-block-patterns-list__list-item[draggable=true]{ | |
| cursor:grab; | |
| } | |
| .block-editor-block-patterns-list__item{ | |
| height:100%; | |
| scroll-margin-bottom:56px; | |
| scroll-margin-top:24px; | |
| } | |
| .block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{ | |
| flex-grow:1; | |
| font-size:12px; | |
| text-align:right; | |
| } | |
| .block-editor-block-patterns-list__item .block-editor-block-preview__container{ | |
| align-items:center; | |
| border-radius:2px; | |
| display:flex; | |
| overflow:hidden; | |
| } | |
| .block-editor-block-patterns-list__item .block-editor-block-preview__container:after{ | |
| border-radius:2px; | |
| outline:1px solid #0000001a; | |
| outline-offset:-1px; | |
| } | |
| .block-editor-block-patterns-list__item:hover:not(:focus) .block-editor-block-preview__container:after{ | |
| outline-color:#0000004d; | |
| } | |
| .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{ | |
| outline-color:var(--wp-admin-theme-color); | |
| outline-offset:calc(-1*var(--wp-admin-border-width-focus)); | |
| outline-width:var(--wp-admin-border-width-focus); | |
| transition:outline .1s linear; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-block-patterns-list__item:focus .block-editor-block-preview__container:after{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-block-patterns-list__item .block-editor-patterns__pattern-details:not(:empty){ | |
| align-items:center; | |
| margin-top:8px; | |
| padding-bottom:4px; | |
| } | |
| .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper{ | |
| height:24px; | |
| min-width:24px; | |
| } | |
| .block-editor-block-patterns-list__item .block-editor-patterns__pattern-icon-wrapper .block-editor-patterns__pattern-icon{ | |
| fill:var(--wp-block-synced-color); | |
| } | |
| .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination{ | |
| border-top:1px solid #2f2f2f; | |
| justify-content:center; | |
| padding:4px; | |
| } | |
| .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary{ | |
| height:32px; | |
| justify-content:center; | |
| width:auto; | |
| } | |
| .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:disabled{ | |
| background:none; | |
| color:#949494; | |
| } | |
| .block-editor-patterns__grid-pagination-wrapper .block-editor-patterns__grid-pagination .components-button.is-tertiary:hover:not(:disabled){ | |
| background-color:#757575; | |
| color:#fff; | |
| } | |
| .show-icon-labels .block-editor-patterns__grid-pagination,.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-next,.show-icon-labels .block-editor-patterns__grid-pagination .block-editor-patterns__grid-pagination-previous{ | |
| flex-direction:column; | |
| } | |
| .show-icon-labels .block-editor-patterns__grid-pagination .components-button{ | |
| width:auto; | |
| } | |
| .show-icon-labels .block-editor-patterns__grid-pagination .components-button span{ | |
| display:none; | |
| } | |
| .show-icon-labels .block-editor-patterns__grid-pagination .components-button:before{ | |
| content:attr(aria-label); | |
| } | |
| .components-popover.block-editor-block-popover{ | |
| margin:0 ; | |
| pointer-events:none; | |
| position:absolute; | |
| z-index:31; | |
| } | |
| .components-popover.block-editor-block-popover .components-popover__content{ | |
| margin:0 ; | |
| min-width:auto; | |
| overflow-y:visible; | |
| width:max-content; | |
| } | |
| .components-popover.block-editor-block-popover:not(.block-editor-block-popover__inbetween,.block-editor-block-popover__drop-zone,.block-editor-block-list__block-side-inserter-popover) .components-popover__content *{ | |
| pointer-events:all; | |
| } | |
| .components-popover.block-editor-block-popover__inbetween,.components-popover.block-editor-block-popover__inbetween *{ | |
| pointer-events:none; | |
| } | |
| .components-popover.block-editor-block-popover__inbetween .is-with-inserter,.components-popover.block-editor-block-popover__inbetween .is-with-inserter *{ | |
| pointer-events:all; | |
| } | |
| .components-popover.block-editor-block-popover__drop-zone *{ | |
| pointer-events:none; | |
| } | |
| .components-popover.block-editor-block-popover__drop-zone .block-editor-block-popover__drop-zone-foreground{ | |
| background-color:var(--wp-admin-theme-color); | |
| border-radius:2px; | |
| inset:0; | |
| position:absolute; | |
| } | |
| .block-editor-block-preview__container{ | |
| overflow:hidden; | |
| position:relative; | |
| width:100%; | |
| } | |
| .block-editor-block-preview__container .block-editor-block-preview__content{ | |
| margin:0; | |
| min-height:auto; | |
| overflow:visible; | |
| right:0; | |
| text-align:initial; | |
| top:0; | |
| transform-origin:top right; | |
| width:100%; | |
| } | |
| .block-editor-block-preview__container .block-editor-block-preview__content .block-editor-block-list__insertion-point,.block-editor-block-preview__container .block-editor-block-preview__content .block-list-appender{ | |
| display:none; | |
| } | |
| .block-editor-block-preview__container:after{ | |
| bottom:0; | |
| content:""; | |
| left:0; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| z-index:1; | |
| } | |
| .block-editor-block-rename-modal{ | |
| z-index:1000001; | |
| } | |
| .block-editor-block-styles__preview-panel{ | |
| display:none; | |
| z-index:90; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-block-styles__preview-panel{ | |
| display:block; | |
| } | |
| } | |
| .block-editor-block-styles__preview-panel .block-editor-block-icon{ | |
| display:none; | |
| } | |
| .block-editor-block-styles__variants{ | |
| display:flex; | |
| flex-wrap:wrap; | |
| gap:8px; | |
| justify-content:space-between; | |
| } | |
| .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item{ | |
| box-shadow:inset 0 0 0 1px #ddd; | |
| color:#1e1e1e; | |
| display:inline-block; | |
| width:calc(50% - 4px); | |
| } | |
| .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:hover{ | |
| box-shadow:inset 0 0 0 1px #ddd; | |
| color:var(--wp-admin-theme-color); | |
| } | |
| .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover{ | |
| background-color:#1e1e1e; | |
| box-shadow:none; | |
| } | |
| .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active .block-editor-block-styles__item-text,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:hover .block-editor-block-styles__item-text{ | |
| color:#fff; | |
| } | |
| .block-editor-block-styles__variants button.components-button.block-editor-block-styles__item.is-active:focus,.block-editor-block-styles__variants button.components-button.block-editor-block-styles__item:focus{ | |
| box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| } | |
| .block-editor-block-styles__variants .block-editor-block-styles__item-text{ | |
| text-align:start; | |
| text-align-last:center; | |
| white-space:normal; | |
| word-break:break-all; | |
| } | |
| .block-editor-block-styles__block-preview-container,.block-editor-block-styles__block-preview-container *{ | |
| box-sizing:border-box ; | |
| } | |
| .block-editor-block-switcher{ | |
| position:relative; | |
| } | |
| .block-editor-block-switcher .components-button.components-dropdown-menu__toggle.has-icon.has-icon{ | |
| min-width:36px; | |
| } | |
| .block-editor-block-switcher__no-switcher-icon,.block-editor-block-switcher__toggle{ | |
| position:relative; | |
| } | |
| .components-button.block-editor-block-switcher__no-switcher-icon,.components-button.block-editor-block-switcher__toggle{ | |
| display:block; | |
| height:48px; | |
| margin:0; | |
| } | |
| .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.components-button.block-editor-block-switcher__toggle .block-editor-block-icon{ | |
| margin:auto; | |
| } | |
| .block-editor-block-switcher__toggle-text{ | |
| margin-right:8px; | |
| } | |
| .show-icon-labels .block-editor-block-switcher__toggle-text{ | |
| display:none; | |
| } | |
| .components-button.block-editor-block-switcher__no-switcher-icon{ | |
| display:flex; | |
| } | |
| .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ | |
| margin-left:auto; | |
| margin-right:auto; | |
| min-width:24px ; | |
| } | |
| .components-button.block-editor-block-switcher__no-switcher-icon:disabled{ | |
| opacity:1; | |
| } | |
| .components-button.block-editor-block-switcher__no-switcher-icon:disabled,.components-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ | |
| color:#1e1e1e; | |
| } | |
| .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon .block-editor-block-icon,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon .block-editor-block-icon{ | |
| align-items:center; | |
| display:flex; | |
| height:100%; | |
| margin:0 auto; | |
| min-width:100%; | |
| position:relative; | |
| } | |
| .block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__no-switcher-icon.has-icon.has-icon:before,.block-editor-block-toolbar .components-toolbar-group .components-button.block-editor-block-switcher__toggle.has-icon.has-icon:before{ | |
| bottom:8px; | |
| left:8px; | |
| right:8px; | |
| top:8px; | |
| } | |
| .components-popover.block-editor-block-switcher__popover .components-popover__content{ | |
| min-width:300px; | |
| } | |
| .block-editor-block-switcher__popover__preview__parent .block-editor-block-switcher__popover__preview__container{ | |
| position:absolute; | |
| right:calc(100% + 16px); | |
| top:-12px; | |
| } | |
| .block-editor-block-switcher__preview__popover{ | |
| display:none; | |
| overflow:hidden; | |
| } | |
| .block-editor-block-switcher__preview__popover.components-popover{ | |
| margin-top:11px; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-block-switcher__preview__popover{ | |
| display:block; | |
| } | |
| } | |
| .block-editor-block-switcher__preview__popover .components-popover__content{ | |
| background:#fff; | |
| border:1px solid #1e1e1e; | |
| border-radius:2px; | |
| box-shadow:none; | |
| outline:none; | |
| overflow:auto; | |
| width:300px; | |
| } | |
| .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview{ | |
| margin:16px 0; | |
| max-height:468px; | |
| overflow:hidden; | |
| padding:0 16px; | |
| } | |
| .block-editor-block-switcher__preview__popover .block-editor-block-switcher__preview.is-pattern-list-preview{ | |
| overflow:unset; | |
| } | |
| .block-editor-block-switcher__preview-title{ | |
| color:#757575; | |
| font-size:11px; | |
| font-weight:500; | |
| margin-bottom:12px; | |
| text-transform:uppercase; | |
| } | |
| .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon{ | |
| min-width:36px; | |
| } | |
| .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle{ | |
| height:48px; | |
| } | |
| .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-icon,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ | |
| height:48px; | |
| width:48px; | |
| } | |
| .block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__no-switcher-icon .block-editor-block-switcher__transform,.block-editor-block-contextual-toolbar .components-button.block-editor-block-switcher__toggle .block-editor-block-switcher__transform{ | |
| padding:12px; | |
| } | |
| .block-editor-block-switcher__preview-patterns-container{ | |
| padding-bottom:16px; | |
| } | |
| .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item{ | |
| margin-top:16px; | |
| } | |
| .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-preview__container{ | |
| cursor:pointer; | |
| } | |
| .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item{ | |
| border:1px solid #0000; | |
| border-radius:2px; | |
| height:100%; | |
| position:relative; | |
| transition:all .05s ease-in-out; | |
| } | |
| .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:focus,.block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ | |
| box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| } | |
| .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item:hover{ | |
| box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) #1e1e1e; | |
| } | |
| .block-editor-block-switcher__preview-patterns-container .block-editor-block-switcher__preview-patterns-container-list__list-item .block-editor-block-switcher__preview-patterns-container-list__item .block-editor-block-switcher__preview-patterns-container-list__item-title{ | |
| cursor:pointer; | |
| font-size:12px; | |
| padding:4px; | |
| text-align:center; | |
| } | |
| .block-editor-block-switcher__no-transforms{ | |
| color:#757575; | |
| margin:0; | |
| padding:6px 8px; | |
| } | |
| .block-editor-block-switcher__binding-indicator{ | |
| display:block; | |
| padding:8px; | |
| } | |
| .block-editor-block-types-list>[role=presentation]{ | |
| display:flex; | |
| flex-wrap:wrap; | |
| overflow:hidden; | |
| } | |
| .block-editor-block-pattern-setup{ | |
| align-items:flex-start; | |
| border-radius:2px; | |
| display:flex; | |
| flex-direction:column; | |
| justify-content:center; | |
| width:100%; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid{ | |
| padding-top:4px; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__toolbar{ | |
| justify-content:center; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ | |
| column-count:2; | |
| column-gap:24px; | |
| display:block; | |
| padding:0 32px; | |
| width:100%; | |
| } | |
| @media (min-width:1440px){ | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container{ | |
| column-count:3; | |
| } | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-preview__container,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container div[role=button]{ | |
| cursor:pointer; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item{ | |
| scroll-margin:5px 0; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-preview__container{ | |
| box-shadow:0 0 0 2px var(--wp-admin-theme-color); | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-preview__container{ | |
| box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff, 0 0 0 calc(var(--wp-admin-border-width-focus)*2) var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| outline-offset:2px; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:focus .block-editor-block-pattern-setup-list__item-title,.block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__item:hover .block-editor-block-pattern-setup-list__item-title{ | |
| color:var(--wp-admin-theme-color); | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item{ | |
| break-inside:avoid-column; | |
| margin-bottom:24px; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-pattern-setup-list__item-title{ | |
| cursor:pointer; | |
| font-size:12px; | |
| padding-top:8px; | |
| text-align:center; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__container{ | |
| border:1px solid #ddd; | |
| border-radius:2px; | |
| min-height:100px; | |
| } | |
| .block-editor-block-pattern-setup.view-mode-grid .block-editor-block-pattern-setup__container .block-editor-block-pattern-setup-list__list-item .block-editor-block-preview__content{ | |
| width:100%; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar{ | |
| align-items:center; | |
| align-self:stretch; | |
| background-color:#fff; | |
| border-top:1px solid #ddd; | |
| bottom:0; | |
| box-sizing:border-box; | |
| color:#1e1e1e; | |
| display:flex; | |
| flex-direction:row; | |
| height:60px; | |
| justify-content:space-between; | |
| margin:0; | |
| padding:16px; | |
| position:absolute; | |
| text-align:right; | |
| width:100%; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__display-controls{ | |
| display:flex; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions,.block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__navigation{ | |
| display:flex; | |
| width:calc(50% - 36px); | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__toolbar .block-editor-block-pattern-setup__actions{ | |
| justify-content:flex-end; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container{ | |
| box-sizing:border-box; | |
| display:flex; | |
| flex-direction:column; | |
| height:100%; | |
| width:100%; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container{ | |
| height:100%; | |
| list-style:none; | |
| margin:0; | |
| overflow:hidden; | |
| padding:0; | |
| position:relative; | |
| transform-style:preserve-3d; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container *{ | |
| box-sizing:border-box; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide{ | |
| background-color:#fff; | |
| height:100%; | |
| margin:auto; | |
| padding:0; | |
| position:absolute; | |
| top:0; | |
| transition:transform .5s,z-index .5s; | |
| width:100%; | |
| z-index:100; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.active-slide{ | |
| opacity:1; | |
| position:relative; | |
| z-index:102; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.previous-slide{ | |
| transform:translateX(100%); | |
| z-index:101; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .carousel-container .pattern-slide.next-slide{ | |
| transform:translateX(-100%); | |
| z-index:101; | |
| } | |
| .block-editor-block-pattern-setup .block-editor-block-pattern-setup__container .block-list-appender{ | |
| display:none; | |
| } | |
| .block-editor-block-pattern-setup__carousel,.block-editor-block-pattern-setup__grid{ | |
| width:100%; | |
| } | |
| .block-editor-block-variation-transforms{ | |
| padding:0 52px 16px 16px; | |
| width:100%; | |
| } | |
| .block-editor-block-variation-transforms .components-dropdown-menu__toggle{ | |
| border:1px solid #757575; | |
| border-radius:2px; | |
| justify-content:right; | |
| min-height:30px; | |
| padding:6px 12px; | |
| position:relative; | |
| text-align:right; | |
| width:100%; | |
| } | |
| .block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{ | |
| padding-left:24px; | |
| } | |
| .block-editor-block-variation-transforms .components-dropdown-menu__toggle:focus:not(:disabled){ | |
| border-color:var(--wp-admin-theme-color); | |
| box-shadow:0 0 0 calc(var(--wp-admin-border-width-focus) - 1px) var(--wp-admin-theme-color); | |
| } | |
| .block-editor-block-variation-transforms .components-dropdown-menu__toggle svg{ | |
| height:100%; | |
| left:0; | |
| padding:0; | |
| position:absolute; | |
| top:0; | |
| } | |
| .block-editor-block-variation-transforms__popover .components-popover__content{ | |
| min-width:230px; | |
| } | |
| .components-border-radius-control{ | |
| margin-bottom:12px; | |
| } | |
| .components-border-radius-control legend{ | |
| margin-bottom:8px; | |
| } | |
| .components-border-radius-control .components-border-radius-control__wrapper{ | |
| align-items:flex-start; | |
| display:flex; | |
| justify-content:space-between; | |
| } | |
| .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__unit-control{ | |
| flex-shrink:0; | |
| margin-bottom:0; | |
| margin-left:16px; | |
| width:calc(50% - 8px); | |
| } | |
| .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{ | |
| flex:1; | |
| margin-left:12px; | |
| } | |
| .components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control>div{ | |
| align-items:center; | |
| display:flex; | |
| height:40px; | |
| } | |
| .components-border-radius-control .components-border-radius-control__wrapper>span{ | |
| flex:0 0 auto; | |
| } | |
| .components-border-radius-control .components-border-radius-control__input-controls-wrapper{ | |
| display:grid; | |
| gap:16px; | |
| grid-template-columns:repeat(2, minmax(0, 1fr)); | |
| margin-left:12px; | |
| } | |
| .components-border-radius-control .component-border-radius-control__linked-button{ | |
| display:flex; | |
| justify-content:center; | |
| margin-top:8px; | |
| } | |
| .components-border-radius-control .component-border-radius-control__linked-button svg{ | |
| margin-left:0; | |
| } | |
| .block-editor-color-gradient-control .block-editor-color-gradient-control__color-indicator{ | |
| margin-bottom:12px; | |
| } | |
| .block-editor-color-gradient-control__fieldset{ | |
| min-width:0; | |
| } | |
| .block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings,.block-editor-panel-color-gradient-settings.block-editor-panel-color-gradient-settings>div:not(:first-of-type){ | |
| display:block; | |
| } | |
| @media screen and (min-width:782px){ | |
| .block-editor-panel-color-gradient-settings .components-circular-option-picker__swatches{ | |
| display:grid; | |
| grid-template-columns:repeat(6, 28px); | |
| } | |
| } | |
| .block-editor-block-inspector .block-editor-panel-color-gradient-settings .components-base-control{ | |
| margin-bottom:inherit; | |
| } | |
| .block-editor-panel-color-gradient-settings__dropdown-content .block-editor-color-gradient-control__panel{ | |
| padding:16px; | |
| width:260px; | |
| } | |
| .block-editor-panel-color-gradient-settings__color-indicator{ | |
| background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); | |
| } | |
| .block-editor-tools-panel-color-gradient-settings__item{ | |
| border-bottom:1px solid #ddd; | |
| border-left:1px solid #ddd; | |
| border-right:1px solid #ddd; | |
| max-width:100%; | |
| padding:0; | |
| } | |
| .block-editor-tools-panel-color-gradient-settings__item:nth-child(1 of .block-editor-tools-panel-color-gradient-settings__item){ | |
| border-top:1px solid #ddd; | |
| border-top-left-radius:2px; | |
| border-top-right-radius:2px; | |
| margin-top:24px; | |
| } | |
| .block-editor-tools-panel-color-gradient-settings__item:nth-last-child(1 of .block-editor-tools-panel-color-gradient-settings__item){ | |
| border-bottom-left-radius:2px; | |
| border-bottom-right-radius:2px; | |
| } | |
| .block-editor-tools-panel-color-gradient-settings__item>div,.block-editor-tools-panel-color-gradient-settings__item>div>button{ | |
| border-radius:inherit; | |
| } | |
| .block-editor-tools-panel-color-gradient-settings__dropdown{ | |
| display:block; | |
| padding:0; | |
| } | |
| .block-editor-tools-panel-color-gradient-settings__dropdown>button{ | |
| height:auto; | |
| padding-bottom:10px; | |
| padding-top:10px; | |
| text-align:right; | |
| } | |
| .block-editor-tools-panel-color-gradient-settings__dropdown>button.is-open{ | |
| background:#f0f0f0; | |
| color:var(--wp-admin-theme-color); | |
| } | |
| .block-editor-tools-panel-color-gradient-settings__dropdown .block-editor-panel-color-gradient-settings__color-name{ | |
| overflow:hidden; | |
| text-overflow:ellipsis; | |
| white-space:nowrap; | |
| } | |
| .block-editor-panel-color-gradient-settings__dropdown{ | |
| width:100%; | |
| } | |
| .block-editor-panel-color-gradient-settings__dropdown .component-color-indicator{ | |
| flex-shrink:0; | |
| } | |
| .block-editor-date-format-picker{ | |
| margin-bottom:16px; | |
| } | |
| .block-editor-date-format-picker__custom-format-select-control__custom-option{ | |
| border-top:1px solid #ddd; | |
| } | |
| .block-editor-date-format-picker__custom-format-select-control__custom-option.has-hint{ | |
| grid-template-columns:auto 30px; | |
| } | |
| .block-editor-date-format-picker__custom-format-select-control__custom-option .components-custom-select-control__item-hint{ | |
| grid-row:2; | |
| text-align:right; | |
| } | |
| .block-editor-duotone-control__popover>.components-popover__content{ | |
| padding:16px; | |
| width:260px; | |
| } | |
| .block-editor-duotone-control__popover .components-menu-group__label{ | |
| padding:0; | |
| } | |
| .block-editor-duotone-control__popover .components-circular-option-picker__swatches{ | |
| display:grid; | |
| gap:12px; | |
| grid-template-columns:repeat(6, 28px); | |
| justify-content:space-between; | |
| } | |
| .block-editor-duotone-control__unset-indicator{ | |
| background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); | |
| } | |
| .components-font-appearance-control ul li{ | |
| color:#1e1e1e; | |
| text-transform:capitalize; | |
| } | |
| .block-editor-global-styles__toggle-icon{ | |
| fill:currentColor; | |
| } | |
| .block-editor-global-styles__shadow-popover-container{ | |
| width:230px; | |
| } | |
| .block-editor-global-styles__shadow__list{ | |
| display:flex; | |
| flex-wrap:wrap; | |
| gap:12px; | |
| padding-bottom:8px; | |
| } | |
| .block-editor-global-styles__clear-shadow{ | |
| text-align:left; | |
| } | |
| .block-editor-global-styles-filters-panel__dropdown,.block-editor-global-styles__shadow-dropdown{ | |
| display:block; | |
| padding:0; | |
| } | |
| .block-editor-global-styles-filters-panel__dropdown button,.block-editor-global-styles__shadow-dropdown button{ | |
| padding:8px; | |
| width:100%; | |
| } | |
| .block-editor-global-styles-filters-panel__dropdown button.is-open,.block-editor-global-styles__shadow-dropdown button.is-open{ | |
| background-color:#f0f0f0; | |
| } | |
| .block-editor-global-styles__shadow-indicator{ | |
| border:1px solid #e0e0e0; | |
| border-radius:2px; | |
| box-sizing:border-box; | |
| color:#2f2f2f; | |
| cursor:pointer; | |
| height:26px; | |
| padding:0; | |
| transform:scale(1); | |
| transition:transform .1s ease; | |
| width:26px; | |
| will-change:transform; | |
| } | |
| .block-editor-global-styles__shadow-indicator:focus{ | |
| border:2px solid #757575; | |
| } | |
| .block-editor-global-styles__shadow-indicator:hover{ | |
| transform:scale(1.2); | |
| } | |
| .block-editor-global-styles__shadow-indicator.unset{ | |
| background:linear-gradient(45deg, #0000 48%, #ddd 0, #ddd 52%, #0000 0); | |
| } | |
| .block-editor-global-styles-advanced-panel__custom-css-input textarea{ | |
| direction:ltr; | |
| font-family:Menlo,Consolas,monaco,monospace; | |
| } | |
| .block-editor-global-styles-background-panel__inspector-media-replace-container{ | |
| position:relative; | |
| } | |
| .block-editor-global-styles-background-panel__inspector-media-replace-container .components-drop-zone__content-icon{ | |
| display:none; | |
| } | |
| .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button{ | |
| box-shadow:inset 0 0 0 1px #ccc; | |
| color:#1e1e1e; | |
| display:block; | |
| height:40px; | |
| width:100%; | |
| } | |
| .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button:hover{ | |
| color:var(--wp-admin-theme-color); | |
| } | |
| .block-editor-global-styles-background-panel__inspector-media-replace-container button.components-button:focus{ | |
| box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| } | |
| .block-editor-global-styles-background-panel__inspector-media-replace-container .block-editor-global-styles-background-panel__inspector-media-replace-title{ | |
| text-align:start; | |
| text-align-last:center; | |
| white-space:normal; | |
| word-break:break-all; | |
| } | |
| .block-editor-global-styles-background-panel__inspector-media-replace-container .components-dropdown{ | |
| display:block; | |
| } | |
| .block-editor-global-styles-background-panel__inspector-image-indicator-wrapper{ | |
| background:#fff; | |
| display:block; | |
| flex:none; | |
| height:20px; | |
| width:20px; | |
| } | |
| .block-editor-global-styles-background-panel__inspector-image-indicator{ | |
| background-size:cover; | |
| border-radius:50%; | |
| display:block; | |
| height:20px; | |
| position:relative; | |
| width:20px; | |
| } | |
| .block-editor-global-styles-background-panel__inspector-image-indicator:after{ | |
| border:1px solid #0000; | |
| border-radius:50%; | |
| bottom:-1px; | |
| box-shadow:inset 0 0 0 1px #0003; | |
| box-sizing:inherit; | |
| content:""; | |
| left:-1px; | |
| position:absolute; | |
| right:-1px; | |
| top:-1px; | |
| } | |
| .block-editor-grid-visualizer{ | |
| z-index:30 ; | |
| } | |
| .block-editor-grid-visualizer .components-popover__content *{ | |
| pointer-events:none ; | |
| } | |
| .block-editor-grid-visualizer__grid{ | |
| display:grid; | |
| } | |
| .block-editor-grid-visualizer__item{ | |
| border-radius:2px; | |
| outline:1px solid #0000; | |
| } | |
| .block-editor-grid-item-resizer{ | |
| z-index:30 ; | |
| } | |
| .block-editor-grid-item-resizer .components-popover__content *{ | |
| pointer-events:none ; | |
| } | |
| .block-editor-grid-item-resizer__box{ | |
| border:1px solid var(--wp-admin-theme-color); | |
| } | |
| .block-editor-grid-item-resizer__box .components-resizable-box__handle{ | |
| pointer-events:all ; | |
| } | |
| .block-editor-height-control{ | |
| border:0; | |
| margin:0; | |
| padding:0; | |
| } | |
| .block-editor-image-size-control{ | |
| margin-bottom:1em; | |
| } | |
| .block-editor-image-size-control .block-editor-image-size-control__height,.block-editor-image-size-control .block-editor-image-size-control__width{ | |
| margin-bottom:1.115em; | |
| } | |
| .block-editor-block-types-list__list-item{ | |
| display:block; | |
| margin:0; | |
| padding:0; | |
| width:33.33%; | |
| } | |
| .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled) .block-editor-block-icon.has-colors{ | |
| color:var(--wp-block-synced-color); | |
| } | |
| .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ | |
| color:var(--wp-block-synced-color) ; | |
| filter:brightness(.95); | |
| } | |
| .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ | |
| color:var(--wp-block-synced-color) ; | |
| } | |
| .block-editor-block-types-list__list-item.is-synced .components-button.block-editor-block-types-list__item:not(:disabled):after{ | |
| background:var(--wp-block-synced-color); | |
| } | |
| .components-button.block-editor-block-types-list__item{ | |
| align-items:stretch; | |
| background:#0000; | |
| border-radius:2px; | |
| color:#1e1e1e; | |
| cursor:pointer; | |
| display:flex; | |
| flex-direction:column; | |
| font-size:13px; | |
| height:auto; | |
| justify-content:center; | |
| padding:8px; | |
| position:relative; | |
| transition:all .05s ease-in-out; | |
| width:100%; | |
| word-break:break-word; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .components-button.block-editor-block-types-list__item{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .components-button.block-editor-block-types-list__item:disabled{ | |
| cursor:default; | |
| opacity:.6; | |
| } | |
| .components-button.block-editor-block-types-list__item:not(:disabled):hover .block-editor-block-types-list__item-title{ | |
| color:var(--wp-admin-theme-color) ; | |
| filter:brightness(.95); | |
| } | |
| .components-button.block-editor-block-types-list__item:not(:disabled):hover svg{ | |
| color:var(--wp-admin-theme-color) ; | |
| } | |
| .components-button.block-editor-block-types-list__item:not(:disabled):hover:after{ | |
| background:var(--wp-admin-theme-color); | |
| border-radius:2px; | |
| bottom:0; | |
| content:""; | |
| left:0; | |
| opacity:.04; | |
| pointer-events:none; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| } | |
| .components-button.block-editor-block-types-list__item:not(:disabled):focus{ | |
| box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| } | |
| .components-button.block-editor-block-types-list__item:not(:disabled).is-active{ | |
| background:#1e1e1e; | |
| color:#fff; | |
| outline:2px solid #0000; | |
| outline-offset:-2px; | |
| } | |
| .block-editor-block-types-list__item-icon{ | |
| border-radius:2px; | |
| color:#1e1e1e; | |
| padding:12px 20px; | |
| transition:all .05s ease-in-out; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-block-types-list__item-icon{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-block-types-list__item-icon .block-editor-block-icon{ | |
| margin-left:auto; | |
| margin-right:auto; | |
| } | |
| .block-editor-block-types-list__item-icon svg{ | |
| transition:all .15s ease-out; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-block-types-list__item-icon svg{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-block-types-list__list-item[draggable=true] .block-editor-block-types-list__item-icon{ | |
| cursor:grab; | |
| } | |
| .block-editor-block-types-list__item-title{ | |
| font-size:12px; | |
| padding:4px 2px 8px; | |
| } | |
| .show-icon-labels .block-editor-block-inspector__tabs [role=tablist] .components-button{ | |
| justify-content:center; | |
| } | |
| .block-editor-inspector-controls-tabs__hint{ | |
| align-items:flex-start; | |
| background:#f0f0f0; | |
| border-radius:2px; | |
| color:#1e1e1e; | |
| display:flex; | |
| flex-direction:row; | |
| font-size:13px; | |
| margin:16px; | |
| } | |
| .block-editor-inspector-controls-tabs__hint-content{ | |
| margin:12px 12px 12px 0; | |
| } | |
| .block-editor-inspector-controls-tabs__hint-dismiss{ | |
| margin:4px 0 4px 4px; | |
| } | |
| .block-editor-inspector-popover-header{ | |
| margin-bottom:16px; | |
| } | |
| [class].block-editor-inspector-popover-header__action{ | |
| height:24px; | |
| } | |
| [class].block-editor-inspector-popover-header__action.has-icon{ | |
| min-width:24px; | |
| padding:0; | |
| } | |
| [class].block-editor-inspector-popover-header__action:not(.has-icon){ | |
| text-decoration:underline; | |
| } | |
| .items-justified-left{ | |
| justify-content:flex-start; | |
| } | |
| .items-justified-center{ | |
| justify-content:center; | |
| } | |
| .items-justified-right{ | |
| justify-content:flex-end; | |
| } | |
| .items-justified-space-between{ | |
| justify-content:space-between; | |
| } | |
| @keyframes loadingpulse{ | |
| 0%{ | |
| opacity:1; | |
| } | |
| 50%{ | |
| opacity:0; | |
| } | |
| to{ | |
| opacity:1; | |
| } | |
| } | |
| .block-editor-link-control{ | |
| min-width:350px; | |
| position:relative; | |
| } | |
| .components-popover__content .block-editor-link-control{ | |
| max-width:350px; | |
| min-width:auto; | |
| width:90vw; | |
| } | |
| .show-icon-labels .block-editor-link-control .components-button.has-icon svg{ | |
| display:none; | |
| } | |
| .show-icon-labels .block-editor-link-control .components-button.has-icon:before{ | |
| content:attr(aria-label); | |
| } | |
| .show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top{ | |
| flex-wrap:wrap; | |
| gap:4px; | |
| } | |
| .show-icon-labels .block-editor-link-control .block-editor-link-control__search-item-top .components-button.has-icon{ | |
| padding:4px; | |
| width:auto; | |
| } | |
| .show-icon-labels .block-editor-link-control .is-preview .block-editor-link-control__search-item-header{ | |
| margin-left:0; | |
| min-width:100%; | |
| } | |
| .block-editor-link-control__search-input-wrapper{ | |
| margin-bottom:8px; | |
| position:relative; | |
| } | |
| .block-editor-link-control__search-input-container,.block-editor-link-control__search-input-wrapper{ | |
| position:relative; | |
| } | |
| .block-editor-link-control__field{ | |
| margin:16px; | |
| } | |
| .block-editor-link-control__field .components-base-control__label{ | |
| color:#1e1e1e; | |
| } | |
| .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ | |
| border:1px solid #949494; | |
| 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:40px; | |
| line-height:normal; | |
| margin:0; | |
| padding:8px 16px 8px 40px; | |
| position:relative; | |
| transition:box-shadow .1s linear; | |
| width:100%; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-link-control__field input[type=text],.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ | |
| font-size:13px; | |
| line-height:normal; | |
| } | |
| } | |
| .block-editor-link-control__field input[type=text]:focus,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:focus{ | |
| border-color:var(--wp-admin-theme-color); | |
| box-shadow:0 0 0 .5px var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| } | |
| .block-editor-link-control__field input[type=text]::-webkit-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-webkit-input-placeholder{ | |
| color:#1e1e1e9e; | |
| } | |
| .block-editor-link-control__field input[type=text]::-moz-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input::-moz-placeholder{ | |
| color:#1e1e1e9e; | |
| opacity:1; | |
| } | |
| .block-editor-link-control__field input[type=text]:-ms-input-placeholder,.block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input:-ms-input-placeholder{ | |
| color:#1e1e1e9e; | |
| } | |
| .has-actions .block-editor-link-control__field input[type=text],.has-actions .block-editor-link-control__field.block-editor-url-input input[type=text].block-editor-url-input__input{ | |
| padding-left:16px; | |
| } | |
| .block-editor-link-control__search-error{ | |
| margin:-8px 16px 16px; | |
| } | |
| .block-editor-link-control__search-enter{ | |
| left:19px; | |
| position:absolute; | |
| top:3px; | |
| } | |
| .block-editor-link-control__search-actions{ | |
| padding:8px 16px 16px; | |
| } | |
| .block-editor-link-control__search-results-wrapper{ | |
| position:relative; | |
| } | |
| .block-editor-link-control__search-results-wrapper:after,.block-editor-link-control__search-results-wrapper:before{ | |
| content:""; | |
| display:block; | |
| left:16px; | |
| pointer-events:none; | |
| position:absolute; | |
| right:-1px; | |
| z-index:100; | |
| } | |
| .block-editor-link-control__search-results-wrapper:before{ | |
| bottom:auto; | |
| height:8px; | |
| top:0; | |
| } | |
| .block-editor-link-control__search-results-wrapper:after{ | |
| bottom:0; | |
| height:16px; | |
| top:auto; | |
| } | |
| .block-editor-link-control__search-results{ | |
| margin-top:-16px; | |
| max-height:200px; | |
| overflow-y:auto; | |
| padding:8px; | |
| } | |
| .block-editor-link-control__search-results.is-loading{ | |
| opacity:.2; | |
| } | |
| .block-editor-link-control__search-item.components-button.components-menu-item__button{ | |
| height:auto; | |
| text-align:right; | |
| } | |
| .block-editor-link-control__search-item .components-menu-item__item{ | |
| display:inline-block; | |
| overflow:hidden; | |
| text-overflow:ellipsis; | |
| width:100%; | |
| } | |
| .block-editor-link-control__search-item .components-menu-item__item mark{ | |
| background-color:initial; | |
| color:inherit; | |
| font-weight:600; | |
| } | |
| .block-editor-link-control__search-item .components-menu-item__shortcut{ | |
| color:#757575; | |
| text-transform:capitalize; | |
| white-space:nowrap; | |
| } | |
| .block-editor-link-control__search-item[aria-selected]{ | |
| background:#f0f0f0; | |
| } | |
| .block-editor-link-control__search-item.is-current{ | |
| background:#0000; | |
| border:0; | |
| cursor:default; | |
| flex-direction:column; | |
| padding:16px; | |
| width:100%; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-header{ | |
| align-items:center; | |
| display:block; | |
| flex-direction:row; | |
| gap:8px; | |
| margin-left:8px; | |
| overflow-wrap:break-word; | |
| white-space:pre-wrap; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-info{ | |
| color:#757575; | |
| font-size:12px; | |
| line-height:1.1; | |
| word-break:break-all; | |
| } | |
| .block-editor-link-control__search-item.is-preview .block-editor-link-control__search-item-header{ | |
| display:flex; | |
| flex:1; | |
| } | |
| .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-header{ | |
| align-items:center; | |
| } | |
| .block-editor-link-control__search-item.is-url-title .block-editor-link-control__search-item-title{ | |
| word-break:break-all; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-details{ | |
| display:flex; | |
| flex-direction:column; | |
| gap:4px; | |
| justify-content:space-between; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-header .block-editor-link-control__search-item-icon{ | |
| background-color:#f0f0f0; | |
| border-radius:2px; | |
| height:32px; | |
| width:32px; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-icon{ | |
| align-items:center; | |
| display:flex; | |
| flex-shrink:0; | |
| justify-content:center; | |
| position:relative; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-icon img{ | |
| width:16px; | |
| } | |
| .block-editor-link-control__search-item.is-error .block-editor-link-control__search-item-icon{ | |
| max-height:32px; | |
| top:0; | |
| width:32px; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-title{ | |
| border-radius:2px; | |
| line-height:1.1; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus{ | |
| box-shadow:none; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-title:focus-visible{ | |
| box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| text-decoration:none; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-title mark{ | |
| background-color:initial; | |
| color:inherit; | |
| font-weight:600; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-title span{ | |
| font-weight:400; | |
| } | |
| .block-editor-link-control__search-item .block-editor-link-control__search-item-title .components-external-link__icon{ | |
| height:1px; | |
| margin:-1px; | |
| overflow:hidden; | |
| padding:0; | |
| position:absolute; | |
| width:1px; | |
| clip:rect(0, 0, 0, 0); | |
| border:0; | |
| } | |
| .block-editor-link-control__search-item-top{ | |
| align-items:center; | |
| display:flex; | |
| flex-direction:row; | |
| width:100%; | |
| } | |
| .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon img,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon svg{ | |
| opacity:0; | |
| } | |
| .block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-icon:before{ | |
| animation:loadingpulse 1s linear infinite; | |
| animation-delay:.5s; | |
| background-color:#f0f0f0; | |
| border-radius:100%; | |
| bottom:0; | |
| content:""; | |
| display:block; | |
| left:0; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| } | |
| .block-editor-link-control__loading{ | |
| align-items:center; | |
| display:flex; | |
| margin:16px; | |
| } | |
| .block-editor-link-control__loading .components-spinner{ | |
| margin-top:0; | |
| } | |
| .components-button+.block-editor-link-control__search-create{ | |
| overflow:visible; | |
| padding:12px 16px; | |
| } | |
| .components-button+.block-editor-link-control__search-create:before{ | |
| content:""; | |
| display:block; | |
| position:absolute; | |
| right:0; | |
| top:-10px; | |
| width:100%; | |
| } | |
| .block-editor-link-control__search-create{ | |
| align-items:center; | |
| } | |
| .block-editor-link-control__search-create .block-editor-link-control__search-item-title{ | |
| margin-bottom:0; | |
| } | |
| .block-editor-link-control__search-create .block-editor-link-control__search-item-icon{ | |
| top:0; | |
| } | |
| .block-editor-link-control__drawer-inner{ | |
| display:flex; | |
| flex-basis:100%; | |
| flex-direction:column; | |
| position:relative; | |
| } | |
| .block-editor-link-control__setting{ | |
| flex:1; | |
| margin-bottom:0; | |
| padding:8px 24px 8px 0; | |
| } | |
| .block-editor-link-control__setting .components-base-control__field{ | |
| display:flex; | |
| } | |
| .block-editor-link-control__setting .components-base-control__field .components-checkbox-control__label{ | |
| color:#1e1e1e; | |
| } | |
| .block-editor-link-control__setting input{ | |
| margin-right:0; | |
| } | |
| .is-preview .block-editor-link-control__setting{ | |
| padding:20px 0 8px 8px; | |
| } | |
| .block-editor-link-control__tools{ | |
| margin-top:-16px; | |
| padding:8px 8px 0; | |
| } | |
| .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle{ | |
| gap:0; | |
| padding-right:0; | |
| } | |
| .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true]{ | |
| color:#1e1e1e; | |
| } | |
| .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ | |
| transform:rotate(-90deg); | |
| transition:transform .1s ease; | |
| visibility:visible; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=true] svg{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ | |
| transform:rotate(0deg); | |
| transition:transform .1s ease; | |
| visibility:visible; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-link-control__tools .components-button.block-editor-link-control__drawer-toggle[aria-expanded=false] svg{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-link-control .block-editor-link-control__search-input .components-spinner{ | |
| display:block; | |
| } | |
| .block-editor-link-control .block-editor-link-control__search-input .components-spinner.components-spinner{ | |
| bottom:auto; | |
| left:40px; | |
| position:absolute; | |
| right:auto; | |
| top:calc(50% - 8px); | |
| } | |
| .block-editor-link-control .block-editor-link-control__search-input-wrapper.has-actions .components-spinner{ | |
| left:12px; | |
| top:calc(50% + 4px); | |
| } | |
| .block-editor-list-view-tree{ | |
| border-collapse:collapse; | |
| margin:0; | |
| padding:0; | |
| width:100%; | |
| } | |
| .components-modal__content .block-editor-list-view-tree{ | |
| margin:-12px -6px 0; | |
| width:calc(100% + 12px); | |
| } | |
| .block-editor-list-view-tree.is-dragging tbody{ | |
| pointer-events:none; | |
| } | |
| .block-editor-list-view-leaf{ | |
| position:relative; | |
| transform:translateY(0); | |
| } | |
| .block-editor-list-view-leaf.is-draggable,.block-editor-list-view-leaf.is-draggable .block-editor-list-view-block-contents{ | |
| cursor:grab; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button[aria-expanded=true]{ | |
| color:inherit; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button:hover{ | |
| color:var(--wp-admin-theme-color); | |
| } | |
| .is-dragging-components-draggable .block-editor-list-view-leaf:not(.is-selected) .block-editor-list-view-block-select-button:hover{ | |
| color:inherit; | |
| } | |
| .block-editor-list-view-leaf.is-selected td{ | |
| background:var(--wp-admin-theme-color); | |
| } | |
| .block-editor-list-view-leaf.is-selected.is-synced td{ | |
| background:var(--wp-block-synced-color); | |
| } | |
| .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents .block-editor-block-icon,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:hover{ | |
| color:var(--wp-block-synced-color); | |
| } | |
| .block-editor-list-view-leaf.is-synced:not(.is-selected) .block-editor-list-view-block-contents:focus:after{ | |
| box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); | |
| } | |
| .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents,.block-editor-list-view-leaf.is-selected .components-button.has-icon{ | |
| color:#fff; | |
| } | |
| .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-contents:focus:after{ | |
| box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| } | |
| .block-editor-list-view-leaf.is-selected.is-synced .block-editor-list-view-block-contents:focus:after{ | |
| box-shadow:inset 0 0 0 1px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-block-synced-color); | |
| } | |
| .block-editor-list-view-leaf.is-selected .block-editor-list-view-block__menu:focus{ | |
| box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) #fff; | |
| } | |
| .block-editor-list-view-leaf.is-first-selected td:first-child{ | |
| border-top-right-radius:2px; | |
| } | |
| .block-editor-list-view-leaf.is-first-selected td:last-child{ | |
| border-top-left-radius:2px; | |
| } | |
| .block-editor-list-view-leaf.is-last-selected td:first-child{ | |
| border-bottom-right-radius:2px; | |
| } | |
| .block-editor-list-view-leaf.is-last-selected td:last-child{ | |
| border-bottom-left-radius:2px; | |
| } | |
| .block-editor-list-view-leaf.is-branch-selected:not(.is-selected):not(.is-synced-branch){ | |
| background:rgba(var(--wp-admin-theme-color--rgb), .04); | |
| } | |
| .block-editor-list-view-leaf.is-synced-branch.is-branch-selected{ | |
| background:rgba(var(--wp-block-synced-color--rgb), .04); | |
| } | |
| .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:first-child{ | |
| border-top-right-radius:2px; | |
| } | |
| .block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{ | |
| border-top-left-radius:2px; | |
| } | |
| .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child{ | |
| border-top-right-radius:2px; | |
| } | |
| .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child{ | |
| border-top-left-radius:2px; | |
| } | |
| .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child{ | |
| border-bottom-right-radius:2px; | |
| } | |
| .block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child{ | |
| border-bottom-left-radius:2px; | |
| } | |
| .block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{ | |
| border-radius:0; | |
| } | |
| .block-editor-list-view-leaf.is-displacement-normal{ | |
| transform:translateY(0); | |
| transition:transform .2s; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf.is-displacement-normal{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-list-view-leaf.is-displacement-up{ | |
| transform:translateY(-32px); | |
| transition:transform .2s; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf.is-displacement-up{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-list-view-leaf.is-displacement-down{ | |
| transform:translateY(32px); | |
| transition:transform .2s; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf.is-displacement-down{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-list-view-leaf.is-after-dragged-blocks{ | |
| transform:translateY(calc(var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); | |
| transition:transform .2s; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf.is-after-dragged-blocks{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ | |
| transform:translateY(calc(-32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); | |
| transition:transform .2s; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-up{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ | |
| transform:translateY(calc(32px + var(--wp-admin--list-view-dragged-items-height, 32px)*-1)); | |
| transition:transform .2s; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf.is-after-dragged-blocks.is-displacement-down{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-list-view-leaf.is-dragging{ | |
| opacity:0; | |
| pointer-events:none; | |
| right:0; | |
| z-index:-9999; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-contents{ | |
| align-items:center; | |
| border-radius:2px; | |
| display:flex; | |
| height:32px; | |
| padding:6px 0 6px 4px; | |
| position:relative; | |
| text-align:right; | |
| white-space:nowrap; | |
| width:100%; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-contents.is-dropping-before:before{ | |
| border-top:4px solid var(--wp-admin-theme-color); | |
| content:""; | |
| left:0; | |
| pointer-events:none; | |
| position:absolute; | |
| right:0; | |
| top:-2px; | |
| transition:border-color .1s linear,border-style .1s linear,box-shadow .1s linear; | |
| } | |
| .components-modal__content .block-editor-list-view-leaf .block-editor-list-view-block-contents{ | |
| padding-left:0; | |
| padding-right:0; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents{ | |
| box-shadow:none; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after,.block-editor-list-view-leaf.is-nesting .block-editor-list-view-block-contents:after{ | |
| border-radius:inherit; | |
| bottom:0; | |
| box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| content:""; | |
| left:-29px; | |
| pointer-events:none; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| z-index:2; | |
| } | |
| .block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{ | |
| left:0; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus,.block-editor-list-view-leaf.is-nesting .block-editor-list-view__menu{ | |
| box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| z-index:1; | |
| } | |
| .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ | |
| animation:edit-post__fade-in-animation .2s ease-out 0s; | |
| animation-fill-mode:forwards; | |
| opacity:1; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf.is-visible .block-editor-list-view-block-contents{ | |
| animation-delay:0s; | |
| animation-duration:1ms; | |
| } | |
| } | |
| .block-editor-list-view-leaf .block-editor-block-icon{ | |
| flex:0 0 24px; | |
| margin-left:4px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__contents-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ | |
| padding:0; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell{ | |
| line-height:0; | |
| vertical-align:middle; | |
| width:36px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell>*{ | |
| opacity:0; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell:hover>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell.is-visible>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:focus-within>*,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell:hover>*{ | |
| opacity:1; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell,.block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell,.block-editor-list-view-leaf .block-editor-list-view-block__mover-cell .components-button.has-icon{ | |
| min-width:24px; | |
| padding:0; | |
| width:24px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell{ | |
| padding-left:4px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__menu-cell .components-button.has-icon{ | |
| height:24px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block__mover-cell-alignment-wrapper{ | |
| align-items:center; | |
| display:flex; | |
| flex-direction:column; | |
| height:100%; | |
| } | |
| .block-editor-list-view-leaf .block-editor-block-mover-button{ | |
| height:24px; | |
| position:relative; | |
| width:36px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-block-mover-button svg{ | |
| height:24px; | |
| position:relative; | |
| } | |
| .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button{ | |
| align-items:flex-end; | |
| margin-top:-6px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-block-mover-button.is-up-button svg{ | |
| bottom:-4px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button{ | |
| align-items:flex-start; | |
| margin-bottom:-6px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-block-mover-button.is-down-button svg{ | |
| top:-4px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-block-mover-button:before{ | |
| height:16px; | |
| left:0; | |
| min-width:100%; | |
| right:0; | |
| } | |
| .block-editor-list-view-leaf .block-editor-inserter__toggle{ | |
| background:#1e1e1e; | |
| color:#fff; | |
| height:24px; | |
| margin:6px 1px 6px 6px; | |
| min-width:24px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-inserter__toggle:active{ | |
| color:#fff; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__label-wrapper svg{ | |
| position:relative; | |
| right:2px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title{ | |
| flex:1; | |
| position:relative; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__title .components-truncate{ | |
| position:absolute; | |
| transform:translateY(-50%); | |
| width:100%; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor-wrapper{ | |
| max-width:min(110px, 40%); | |
| position:relative; | |
| width:100%; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__anchor{ | |
| background:#0000001a; | |
| border-radius:2px; | |
| box-sizing:border-box; | |
| left:0; | |
| max-width:100%; | |
| padding:2px 6px; | |
| position:absolute; | |
| transform:translateY(-50%); | |
| } | |
| .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{ | |
| background:#0000004d; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock{ | |
| line-height:0; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__images{ | |
| display:flex; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image{ | |
| background-size:cover; | |
| border-radius:2px; | |
| height:18px; | |
| width:18px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:only-child){ | |
| box-shadow:0 0 0 2px #fff; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view-block-select-button__image:not(:first-child){ | |
| margin-right:-6px; | |
| } | |
| .block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__image:not(:only-child){ | |
| box-shadow:0 0 0 2px var(--wp-admin-theme-color); | |
| } | |
| .block-editor-list-view-draggable-chip{ | |
| opacity:.8; | |
| } | |
| .block-editor-list-view-appender__cell .block-editor-list-view-appender__container,.block-editor-list-view-appender__cell .block-editor-list-view-block__contents-container,.block-editor-list-view-block__contents-cell .block-editor-list-view-appender__container,.block-editor-list-view-block__contents-cell .block-editor-list-view-block__contents-container{ | |
| display:flex; | |
| } | |
| .block-editor-list-view__expander{ | |
| cursor:pointer; | |
| height:24px; | |
| width:24px; | |
| } | |
| .block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{ | |
| margin-right:192px; | |
| } | |
| .block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{ | |
| margin-right:0; | |
| } | |
| .block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{ | |
| margin-right:24px; | |
| } | |
| .block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{ | |
| margin-right:48px; | |
| } | |
| .block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{ | |
| margin-right:72px; | |
| } | |
| .block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{ | |
| margin-right:96px; | |
| } | |
| .block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{ | |
| margin-right:120px; | |
| } | |
| .block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{ | |
| margin-right:144px; | |
| } | |
| .block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{ | |
| margin-right:168px; | |
| } | |
| .block-editor-list-view-leaf .block-editor-list-view__expander{ | |
| visibility:hidden; | |
| } | |
| .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ | |
| transform:rotate(-90deg); | |
| transition:transform .2s ease; | |
| visibility:visible; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf[data-expanded=true] .block-editor-list-view__expander svg{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ | |
| transform:rotate(0deg); | |
| transition:transform .2s ease; | |
| visibility:visible; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-list-view-leaf[data-expanded=false] .block-editor-list-view__expander svg{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-list-view-drop-indicator{ | |
| pointer-events:none; | |
| } | |
| .block-editor-list-view-drop-indicator .block-editor-list-view-drop-indicator__line{ | |
| background:var(--wp-admin-theme-color); | |
| border-radius:4px; | |
| height:4px; | |
| } | |
| .block-editor-list-view-drop-indicator--preview{ | |
| pointer-events:none; | |
| } | |
| .block-editor-list-view-drop-indicator--preview .components-popover__content{ | |
| overflow:hidden ; | |
| } | |
| .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line{ | |
| background:rgba(var(--wp-admin-theme-color--rgb), .04); | |
| border-radius:4px; | |
| height:32px; | |
| overflow:hidden; | |
| } | |
| .block-editor-list-view-drop-indicator--preview .block-editor-list-view-drop-indicator__line--darker{ | |
| background:rgba(var(--wp-admin-theme-color--rgb), .09); | |
| } | |
| .block-editor-list-view-placeholder{ | |
| height:32px; | |
| margin:0; | |
| padding:0; | |
| } | |
| .list-view-appender .block-editor-inserter__toggle{ | |
| background-color:#1e1e1e; | |
| border-radius:2px; | |
| color:#fff; | |
| height:24px; | |
| margin:8px 24px 0 0; | |
| min-width:24px; | |
| padding:0; | |
| } | |
| .list-view-appender .block-editor-inserter__toggle:focus,.list-view-appender .block-editor-inserter__toggle:hover{ | |
| background:var(--wp-admin-theme-color); | |
| color:#fff; | |
| } | |
| .list-view-appender__description,.modal-open .block-editor-media-replace-flow__options{ | |
| display:none; | |
| } | |
| .block-editor-media-replace-flow__indicator{ | |
| margin-right:4px; | |
| } | |
| .block-editor-media-flow__url-input{ | |
| margin-left:-8px; | |
| margin-right:-8px; | |
| padding:16px; | |
| } | |
| .block-editor-media-flow__url-input.has-siblings{ | |
| border-top:1px solid #1e1e1e; | |
| margin-top:8px; | |
| padding-bottom:8px; | |
| } | |
| .block-editor-media-flow__url-input .block-editor-media-replace-flow__image-url-label{ | |
| display:block; | |
| margin-bottom:8px; | |
| top:16px; | |
| } | |
| .block-editor-media-flow__url-input .block-editor-link-control{ | |
| width:300px; | |
| } | |
| .block-editor-media-flow__url-input .block-editor-link-control .block-editor-url-input{ | |
| margin:0; | |
| padding:0; | |
| } | |
| .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-info,.block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item-title{ | |
| max-width:200px; | |
| white-space:nowrap; | |
| } | |
| .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__tools{ | |
| justify-content:flex-end; | |
| padding:16px var(--wp-admin-border-width-focus) var(--wp-admin-border-width-focus); | |
| } | |
| .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-item.is-current{ | |
| padding:0; | |
| width:auto; | |
| } | |
| .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-input.block-editor-link-control__search-input input[type=text]{ | |
| margin:0; | |
| width:100%; | |
| } | |
| .block-editor-media-flow__url-input .block-editor-link-control .block-editor-link-control__search-actions{ | |
| padding:8px 0 0; | |
| } | |
| .block-editor-media-flow__error{ | |
| max-width:255px; | |
| padding:0 20px 20px; | |
| } | |
| .block-editor-media-flow__error .components-with-notices-ui{ | |
| max-width:255px; | |
| } | |
| .block-editor-media-flow__error .components-with-notices-ui .components-notice__content{ | |
| overflow:hidden; | |
| word-wrap:break-word; | |
| } | |
| .block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{ | |
| left:10px; | |
| position:absolute; | |
| } | |
| .block-editor-multi-selection-inspector__card{ | |
| align-items:flex-start; | |
| display:flex; | |
| padding:16px; | |
| } | |
| .block-editor-multi-selection-inspector__card-content{ | |
| flex-grow:1; | |
| } | |
| .block-editor-multi-selection-inspector__card-title{ | |
| font-weight:500; | |
| margin-bottom:5px; | |
| } | |
| .block-editor-multi-selection-inspector__card-description{ | |
| font-size:13px; | |
| } | |
| .block-editor-multi-selection-inspector__card .block-editor-block-icon{ | |
| height:24px; | |
| margin-left:10px; | |
| margin-right:-2px; | |
| padding:0 3px; | |
| width:36px; | |
| } | |
| .block-editor-responsive-block-control{ | |
| border-bottom:1px solid #ccc; | |
| margin-bottom:28px; | |
| padding-bottom:14px; | |
| } | |
| .block-editor-responsive-block-control:last-child{ | |
| border-bottom:0; | |
| padding-bottom:0; | |
| } | |
| .block-editor-responsive-block-control__title{ | |
| margin:0 -3px .6em 0; | |
| } | |
| .block-editor-responsive-block-control__label{ | |
| font-weight:600; | |
| margin-bottom:.6em; | |
| margin-right:-3px; | |
| } | |
| .block-editor-responsive-block-control__inner{ | |
| margin-right:-1px; | |
| } | |
| .block-editor-responsive-block-control__toggle{ | |
| margin-right:1px; | |
| } | |
| .block-editor-responsive-block-control .components-base-control__help{ | |
| border:0; | |
| clip:rect(1px, 1px, 1px, 1px); | |
| clip-path:inset(50%); | |
| height:1px; | |
| margin:-1px; | |
| overflow:hidden; | |
| padding:0; | |
| position:absolute; | |
| width:1px; | |
| word-wrap:normal ; | |
| } | |
| .components-popover.block-editor-rich-text__inline-format-toolbar{ | |
| z-index:99998; | |
| } | |
| .components-popover.block-editor-rich-text__inline-format-toolbar .components-popover__content{ | |
| box-shadow:none; | |
| margin-bottom:8px; | |
| min-width:auto; | |
| outline:none; | |
| width:auto; | |
| } | |
| .components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar{ | |
| border-radius:2px; | |
| } | |
| .components-popover.block-editor-rich-text__inline-format-toolbar .components-dropdown-menu__toggle,.components-popover.block-editor-rich-text__inline-format-toolbar .components-toolbar__control{ | |
| min-height:48px; | |
| min-width:48px; | |
| padding-left:12px; | |
| padding-right:12px; | |
| } | |
| .block-editor-rich-text__inline-format-toolbar-group .components-dropdown-menu__toggle{ | |
| justify-content:center; | |
| } | |
| .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon{ | |
| width:auto; | |
| } | |
| .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon svg{ | |
| display:none; | |
| } | |
| .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button.has-icon:after{ | |
| content:attr(aria-label); | |
| } | |
| .block-editor-segmented-text-control{ | |
| border:0; | |
| margin:0; | |
| padding:0; | |
| } | |
| .block-editor-segmented-text-control .block-editor-segmented-text-control__buttons{ | |
| display:flex; | |
| padding:4px 0; | |
| } | |
| .block-editor-segmented-text-control .components-button.has-icon{ | |
| margin-left:4px; | |
| } | |
| .block-editor-skip-to-selected-block{ | |
| position:absolute; | |
| top:-9999em; | |
| } | |
| .block-editor-skip-to-selected-block:focus{ | |
| background:#f1f1f1; | |
| box-shadow:0 0 2px 2px #0009; | |
| color:var(--wp-admin-theme-color); | |
| display:block; | |
| font-size:14px; | |
| font-weight:600; | |
| height:auto; | |
| line-height:normal; | |
| outline:none; | |
| padding:15px 23px 14px; | |
| text-decoration:none; | |
| width:auto; | |
| z-index:100000; | |
| } | |
| .block-editor-tool-selector__help{ | |
| border-top:1px solid #ddd; | |
| color:#757575; | |
| margin:8px -8px -8px; | |
| min-width:280px; | |
| padding:16px; | |
| } | |
| .block-editor-block-list__block .block-editor-url-input,.block-editor-url-input,.components-popover .block-editor-url-input{ | |
| flex-grow:1; | |
| padding:1px; | |
| position:relative; | |
| } | |
| .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ | |
| font-size:16px; | |
| margin-left:0; | |
| margin-right:0; | |
| padding:8px 12px 8px 8px; | |
| width:100%; | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-block-list__block .block-editor-url-input input[type=text],.block-editor-url-input input[type=text],.components-popover .block-editor-url-input input[type=text]{ | |
| font-size:13px; | |
| width:300px; | |
| } | |
| } | |
| .block-editor-block-list__block .block-editor-url-input input[type=text]::-ms-clear,.block-editor-url-input input[type=text]::-ms-clear,.components-popover .block-editor-url-input input[type=text]::-ms-clear{ | |
| display:none; | |
| } | |
| .block-editor-block-list__block .block-editor-url-input.is-full-width,.block-editor-block-list__block .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-block-list__block .block-editor-url-input.is-full-width__suggestions,.block-editor-url-input.is-full-width,.block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.block-editor-url-input.is-full-width__suggestions,.components-popover .block-editor-url-input.is-full-width,.components-popover .block-editor-url-input.is-full-width .block-editor-url-input__input[type=text],.components-popover .block-editor-url-input.is-full-width__suggestions{ | |
| width:100%; | |
| } | |
| .block-editor-block-list__block .block-editor-url-input .components-spinner,.block-editor-url-input .components-spinner,.components-popover .block-editor-url-input .components-spinner{ | |
| left:8px; | |
| margin:0; | |
| position:absolute; | |
| top:calc(50% - 8px); | |
| } | |
| .block-editor-url-input__input[type=text]{ | |
| border:1px solid #949494; | |
| border-radius:2px; | |
| box-shadow:0 0 0 #0000; | |
| font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; | |
| font-size:16px; | |
| line-height:normal; | |
| padding:6px 8px; | |
| transition:box-shadow .1s linear; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-url-input__input[type=text]{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-url-input__input[type=text]{ | |
| font-size:13px; | |
| line-height:normal; | |
| } | |
| } | |
| .block-editor-url-input__input[type=text]:focus{ | |
| border-color:var(--wp-admin-theme-color); | |
| box-shadow:0 0 0 .5px var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| } | |
| .block-editor-url-input__input[type=text]::-webkit-input-placeholder{ | |
| color:#1e1e1e9e; | |
| } | |
| .block-editor-url-input__input[type=text]::-moz-placeholder{ | |
| color:#1e1e1e9e; | |
| opacity:1; | |
| } | |
| .block-editor-url-input__input[type=text]:-ms-input-placeholder{ | |
| color:#1e1e1e9e; | |
| } | |
| .block-editor-url-input__suggestions{ | |
| max-height:200px; | |
| overflow-y:auto; | |
| padding:4px 0; | |
| transition:all .15s ease-in-out; | |
| width:302px; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-url-input__suggestions{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ | |
| display:none; | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-url-input .components-spinner,.block-editor-url-input__suggestions{ | |
| display:grid; | |
| } | |
| } | |
| .block-editor-url-input__suggestion{ | |
| background:#fff; | |
| border:none; | |
| box-shadow:none; | |
| color:#757575; | |
| cursor:pointer; | |
| display:block; | |
| font-size:13px; | |
| height:auto; | |
| min-height:36px; | |
| text-align:right; | |
| width:100%; | |
| } | |
| .block-editor-url-input__suggestion:hover{ | |
| background:#ddd; | |
| } | |
| .block-editor-url-input__suggestion.is-selected,.block-editor-url-input__suggestion:focus{ | |
| background:var(--wp-admin-theme-color-darker-20); | |
| color:#fff; | |
| outline:none; | |
| } | |
| .components-toolbar-group>.block-editor-url-input__button,.components-toolbar>.block-editor-url-input__button{ | |
| position:inherit; | |
| } | |
| .block-editor-url-input__button .block-editor-url-input__back{ | |
| margin-left:4px; | |
| overflow:visible; | |
| } | |
| .block-editor-url-input__button .block-editor-url-input__back:after{ | |
| background:#ddd; | |
| content:""; | |
| display:block; | |
| height:24px; | |
| left:-1px; | |
| position:absolute; | |
| width:1px; | |
| } | |
| .block-editor-url-input__button-modal{ | |
| background:#fff; | |
| border:1px solid #ddd; | |
| box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; | |
| } | |
| .block-editor-url-input__button-modal-line{ | |
| align-items:flex-start; | |
| display:flex; | |
| flex-direction:row; | |
| flex-grow:1; | |
| flex-shrink:1; | |
| min-width:0; | |
| } | |
| .block-editor-url-input__button-modal-line .components-button{ | |
| flex-shrink:0; | |
| height:36px; | |
| width:36px; | |
| } | |
| .block-editor-url-popover__additional-controls{ | |
| border-top:1px solid #1e1e1e; | |
| padding:8px; | |
| } | |
| .block-editor-url-popover__input-container{ | |
| padding:8px; | |
| } | |
| .block-editor-url-popover__row{ | |
| display:flex; | |
| gap:4px; | |
| } | |
| .block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){ | |
| flex-grow:1; | |
| gap:8px; | |
| } | |
| .block-editor-url-popover__additional-controls .components-button.has-icon{ | |
| height:auto; | |
| padding-left:8px; | |
| padding-right:8px; | |
| text-align:right; | |
| } | |
| .block-editor-url-popover__additional-controls .components-button.has-icon>svg{ | |
| margin-left:8px; | |
| } | |
| .block-editor-url-popover__settings-toggle{ | |
| flex-shrink:0; | |
| } | |
| .block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{ | |
| transform:rotate(-180deg); | |
| } | |
| .block-editor-url-popover__settings{ | |
| border-top:1px solid #1e1e1e; | |
| display:block; | |
| padding:16px; | |
| } | |
| .block-editor-url-popover__link-editor,.block-editor-url-popover__link-viewer{ | |
| display:flex; | |
| } | |
| .block-editor-url-popover__link-viewer-url{ | |
| align-items:center; | |
| display:flex; | |
| flex-grow:1; | |
| flex-shrink:1; | |
| margin-left:8px; | |
| max-width:350px; | |
| min-width:150px; | |
| overflow:hidden; | |
| text-overflow:ellipsis; | |
| white-space:nowrap; | |
| } | |
| .block-editor-url-popover__link-viewer-url.has-invalid-link{ | |
| color:#cc1818; | |
| } | |
| .block-editor-url-popover__expand-on-click{ | |
| align-items:center; | |
| display:flex; | |
| min-width:350px; | |
| white-space:nowrap; | |
| } | |
| .block-editor-url-popover__expand-on-click .text{ | |
| flex-grow:1; | |
| } | |
| .block-editor-url-popover__expand-on-click .text p{ | |
| line-height:16px; | |
| margin:0; | |
| } | |
| .block-editor-url-popover__expand-on-click .text p.description{ | |
| color:#757575; | |
| font-size:12px; | |
| } | |
| .components-panel__block-bindings-panel .components-item__block-bindings-source{ | |
| color:#757575; | |
| } | |
| .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack{ | |
| flex-direction:row-reverse; | |
| } | |
| .block-editor-hooks__block-hooks .components-toggle-control .components-h-stack .components-h-stack{ | |
| flex-direction:row; | |
| } | |
| .block-editor-hooks__block-hooks .block-editor-hooks__block-hooks-helptext{ | |
| color:#757575; | |
| font-size:12px; | |
| margin-bottom:16px; | |
| } | |
| .border-block-support-panel .single-column{ | |
| grid-column:span 1; | |
| } | |
| .color-block-support-panel .block-editor-contrast-checker{ | |
| grid-column:span 2; | |
| margin-top:16px; | |
| order:9999; | |
| } | |
| .color-block-support-panel .block-editor-contrast-checker .components-notice__content{ | |
| margin-left:0; | |
| } | |
| .color-block-support-panel.color-block-support-panel .color-block-support-panel__inner-wrapper{ | |
| row-gap:0; | |
| } | |
| .color-block-support-panel .block-editor-tools-panel-color-gradient-settings__item.first{ | |
| margin-top:0; | |
| } | |
| .dimensions-block-support-panel .single-column{ | |
| grid-column:span 1; | |
| } | |
| .block-editor-hooks__layout-controls{ | |
| display:flex; | |
| margin-bottom:8px; | |
| } | |
| .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit{ | |
| display:flex; | |
| margin-left:24px; | |
| } | |
| .block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{ | |
| margin:auto 8px 4px 0; | |
| } | |
| .block-editor-block-inspector .block-editor-hooks__layout-controls-unit-input{ | |
| margin-bottom:0; | |
| } | |
| .block-editor-hooks__layout-controls-reset{ | |
| display:flex; | |
| justify-content:flex-end; | |
| margin-bottom:24px; | |
| } | |
| .block-editor-hooks__layout-controls-helptext{ | |
| color:#757575; | |
| font-size:12px; | |
| margin-bottom:16px; | |
| } | |
| .block-editor-hooks__flex-layout-justification-controls,.block-editor-hooks__flex-layout-orientation-controls{ | |
| margin-bottom:12px; | |
| } | |
| .block-editor-hooks__flex-layout-justification-controls legend,.block-editor-hooks__flex-layout-orientation-controls legend{ | |
| margin-bottom:8px; | |
| } | |
| .block-editor-hooks__toggle-control.block-editor-hooks__toggle-control{ | |
| margin-bottom:16px; | |
| } | |
| .block-editor-hooks__position-selection__select-control .components-custom-select-control__hint{ | |
| display:none; | |
| } | |
| .block-editor-hooks__position-selection__select-control__option.has-hint{ | |
| grid-template-columns:auto 30px; | |
| line-height:1.4; | |
| margin-bottom:0; | |
| } | |
| .block-editor-hooks__position-selection__select-control__option .components-custom-select-control__item-hint{ | |
| grid-row:2; | |
| text-align:right; | |
| } | |
| .block-editor__spacing-visualizer{ | |
| border-color:var(--wp-admin-theme-color); | |
| border-style:solid; | |
| bottom:0; | |
| box-sizing:border-box; | |
| left:0; | |
| opacity:.5; | |
| pointer-events:none; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| } | |
| .typography-block-support-panel .single-column{ | |
| grid-column:span 1; | |
| } | |
| .block-editor-block-toolbar{ | |
| display:flex; | |
| flex-grow:1; | |
| overflow-x:auto; | |
| overflow-y:hidden; | |
| position:relative; | |
| transition:border-color .1s linear,box-shadow .1s linear; | |
| width:100%; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-block-toolbar{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-block-toolbar{ | |
| overflow:inherit; | |
| } | |
| } | |
| .block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group{ | |
| background:none; | |
| border:0; | |
| border-left:1px solid #ddd; | |
| line-height:0; | |
| margin-bottom:-1px; | |
| margin-top:-1px; | |
| } | |
| .block-editor-block-toolbar.is-connected .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-connected .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors,.block-editor-block-toolbar.is-synced .block-editor-block-switcher .components-button .block-editor-block-icon,.block-editor-block-toolbar.is-synced .components-toolbar-button.block-editor-block-switcher__no-switcher-icon:disabled .block-editor-block-icon.has-colors{ | |
| color:var(--wp-block-synced-color); | |
| } | |
| .block-editor-block-toolbar>:last-child,.block-editor-block-toolbar>:last-child .components-toolbar,.block-editor-block-toolbar>:last-child .components-toolbar-group{ | |
| border-left:none; | |
| } | |
| .block-editor-block-contextual-toolbar{ | |
| background-color:#fff; | |
| display:block; | |
| flex-shrink:3; | |
| position:sticky; | |
| top:0; | |
| width:100%; | |
| z-index:31; | |
| } | |
| .block-editor-block-contextual-toolbar.components-accessible-toolbar{ | |
| border:none; | |
| border-bottom:1px solid #e0e0e0; | |
| border-radius:0; | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-toolbar{ | |
| overflow:auto; | |
| overflow-y:hidden; | |
| scrollbar-color:#e0e0e0 #0000; | |
| scrollbar-gutter:stable both-edges; | |
| scrollbar-gutter:auto; | |
| scrollbar-width:thin; | |
| will-change:transform; | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar{ | |
| height:12px; | |
| width:12px; | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-track{ | |
| background-color:initial; | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-toolbar::-webkit-scrollbar-thumb{ | |
| background-clip:padding-box; | |
| background-color:#e0e0e0; | |
| border:3px solid #0000; | |
| border-radius:8px; | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus::-webkit-scrollbar-thumb,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover::-webkit-scrollbar-thumb{ | |
| background-color:#949494; | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:focus-within,.block-editor-block-contextual-toolbar .block-editor-block-toolbar:hover{ | |
| scrollbar-color:#949494 #0000; | |
| } | |
| @media (hover:none){ | |
| .block-editor-block-contextual-toolbar .block-editor-block-toolbar{ | |
| scrollbar-color:#949494 #0000; | |
| } | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar-group:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child .components-toolbar:after,.block-editor-block-contextual-toolbar .block-editor-block-toolbar>:last-child:after{ | |
| display:none; | |
| } | |
| .block-editor-block-contextual-toolbar>.block-editor-block-toolbar{ | |
| flex-grow:0; | |
| width:auto; | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-parent-selector{ | |
| margin-bottom:-1px; | |
| margin-top:-1px; | |
| position:relative; | |
| } | |
| .block-editor-block-contextual-toolbar .block-editor-block-parent-selector:after{ | |
| align-items:center; | |
| background-color:#1e1e1e; | |
| border-radius:100%; | |
| content:""; | |
| display:inline-flex; | |
| height:2px; | |
| left:0; | |
| position:absolute; | |
| top:15px; | |
| width:2px; | |
| } | |
| .block-editor-block-toolbar__block-controls .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.block-editor-block-toolbar__block-controls .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ | |
| margin:0 ; | |
| width:24px ; | |
| } | |
| .block-editor-block-toolbar__block-controls .components-toolbar-group{ | |
| padding:0; | |
| } | |
| .block-editor-block-toolbar .components-toolbar,.block-editor-block-toolbar .components-toolbar-group,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar,.block-editor-rich-text__inline-format-toolbar-group .components-toolbar-group{ | |
| display:flex; | |
| flex-wrap:nowrap; | |
| } | |
| .block-editor-block-toolbar__slot{ | |
| display:inline-block; | |
| line-height:0; | |
| } | |
| @supports (position:sticky){ | |
| .block-editor-block-toolbar__slot{ | |
| display:inline-flex; | |
| } | |
| } | |
| .show-icon-labels .block-editor-block-toolbar .components-button.has-icon{ | |
| width:auto; | |
| } | |
| .show-icon-labels .block-editor-block-toolbar .components-button.has-icon svg{ | |
| display:none; | |
| } | |
| .show-icon-labels .block-editor-block-toolbar .components-button.has-icon:after{ | |
| content:attr(aria-label); | |
| font-size:12px; | |
| } | |
| .show-icon-labels .components-accessible-toolbar .components-toolbar-group>div:first-child:last-child>.components-button.has-icon{ | |
| padding-left:6px; | |
| padding-right:6px; | |
| } | |
| .show-icon-labels .block-editor-block-switcher .components-dropdown-menu__toggle .block-editor-block-icon,.show-icon-labels .block-editor-block-switcher__no-switcher-icon .block-editor-block-icon{ | |
| height:0 ; | |
| min-width:0 ; | |
| width:0 ; | |
| } | |
| .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button{ | |
| border-bottom-left-radius:0; | |
| border-top-left-radius:0; | |
| padding-left:12px; | |
| padding-right:12px; | |
| text-wrap:nowrap; | |
| } | |
| .show-icon-labels .block-editor-block-parent-selector .block-editor-block-parent-selector__button .block-editor-block-icon{ | |
| width:0; | |
| } | |
| .show-icon-labels .block-editor-block-mover .block-editor-block-mover__move-button-container{ | |
| position:relative; | |
| width:auto; | |
| } | |
| @media (min-width:600px){ | |
| .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{ | |
| background:#e0e0e0; | |
| content:""; | |
| height:1px; | |
| margin-top:-.5px; | |
| position:absolute; | |
| right:50%; | |
| top:50%; | |
| transform:translate(50%); | |
| width:100%; | |
| } | |
| } | |
| @media (min-width:782px){ | |
| .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container:before{ | |
| background:#1e1e1e; | |
| } | |
| } | |
| .show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover-button,.show-icon-labels .block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container{ | |
| padding-left:6px; | |
| padding-right:6px; | |
| } | |
| .show-icon-labels .block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover-button{ | |
| padding-left:8px; | |
| padding-right:8px; | |
| } | |
| .show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-mover{ | |
| border-right:1px solid #ddd; | |
| margin-left:-6px; | |
| margin-right:6px; | |
| white-space:nowrap; | |
| } | |
| .show-icon-labels .block-editor-block-mover .block-editor-block-mover__drag-handle.has-icon{ | |
| padding-left:12px; | |
| padding-right:12px; | |
| } | |
| .show-icon-labels .block-editor-block-contextual-toolbar .block-editor-block-mover.is-horizontal .block-editor-block-mover-button.block-editor-block-mover-button{ | |
| width:auto; | |
| } | |
| .show-icon-labels .components-toolbar,.show-icon-labels .components-toolbar-group{ | |
| flex-shrink:1; | |
| } | |
| .show-icon-labels .block-editor-rich-text__inline-format-toolbar-group .components-button+.components-button{ | |
| margin-right:6px; | |
| } | |
| .block-editor-inserter{ | |
| background:none; | |
| border:none; | |
| display:inline-block; | |
| font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif; | |
| font-size:13px; | |
| line-height:0; | |
| padding:0; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-inserter{ | |
| position:relative; | |
| } | |
| } | |
| .block-editor-inserter__main-area{ | |
| display:flex; | |
| flex-direction:column; | |
| gap:16px; | |
| height:100%; | |
| position:relative; | |
| } | |
| .block-editor-inserter__main-area.show-as-tabs{ | |
| gap:0; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-inserter__main-area{ | |
| width:350px; | |
| } | |
| } | |
| .block-editor-inserter__popover.is-quick .components-popover__content{ | |
| border:none; | |
| box-shadow:0 .7px 1px #0000001a,0 1.2px 1.7px -.2px #0000001a,0 2.3px 3.3px -.5px #0000001a; | |
| outline:none; | |
| } | |
| .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>*{ | |
| border-left:1px solid #ccc; | |
| border-right:1px solid #ccc; | |
| } | |
| .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:first-child{ | |
| border-radius:2px 2px 0 0; | |
| border-top:1px solid #ccc; | |
| } | |
| .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>:last-child{ | |
| border-bottom:1px solid #ccc; | |
| border-radius:0 0 2px 2px; | |
| } | |
| .block-editor-inserter__popover.is-quick .components-popover__content .block-editor-inserter__quick-inserter>.components-button{ | |
| border:1px solid #1e1e1e; | |
| } | |
| .block-editor-inserter__popover .block-editor-inserter__menu{ | |
| margin:-12px; | |
| } | |
| .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__tablist{ | |
| top:60px; | |
| } | |
| .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__main-area{ | |
| height:auto; | |
| overflow:visible; | |
| } | |
| .block-editor-inserter__popover .block-editor-inserter__menu .block-editor-inserter__preview-container{ | |
| display:none; | |
| } | |
| .block-editor-inserter__toggle.components-button{ | |
| align-items:center; | |
| border:none; | |
| cursor:pointer; | |
| display:inline-flex; | |
| outline:none; | |
| padding:0; | |
| transition:color .2s ease; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-inserter__toggle.components-button{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-inserter__menu{ | |
| height:100%; | |
| overflow:visible; | |
| position:relative; | |
| } | |
| .block-editor-inserter__inline-elements{ | |
| margin-top:-1px; | |
| } | |
| .block-editor-inserter__menu.is-bottom:after{ | |
| border-bottom-color:#fff; | |
| } | |
| .components-popover.block-editor-inserter__popover{ | |
| z-index:99999; | |
| } | |
| .block-editor-inserter__search{ | |
| padding:16px 16px 0; | |
| } | |
| .block-editor-inserter__tabs{ | |
| display:flex; | |
| flex-direction:column; | |
| flex-grow:1; | |
| overflow:hidden; | |
| } | |
| .block-editor-inserter__tabs .block-editor-inserter__tablist-and-close-button{ | |
| border-bottom:1px solid #ddd; | |
| display:flex; | |
| justify-content:space-between; | |
| padding-left:12px; | |
| } | |
| .block-editor-inserter__tabs .block-editor-inserter__close-button{ | |
| align-self:center; | |
| order:1; | |
| } | |
| .block-editor-inserter__tabs .block-editor-inserter__tablist{ | |
| margin-bottom:-1px; | |
| width:100%; | |
| } | |
| .block-editor-inserter__tabs .block-editor-inserter__tablist button[role=tab]{ | |
| flex-grow:1; | |
| } | |
| .block-editor-inserter__tabs .block-editor-inserter__tablist button[role=tab][id$=reusable]{ | |
| flex-grow:inherit; | |
| padding-left:16px; | |
| padding-right:16px; | |
| } | |
| .block-editor-inserter__tabs .block-editor-inserter__tabpanel{ | |
| display:flex; | |
| flex-direction:column; | |
| flex-grow:1; | |
| overflow-y:auto; | |
| } | |
| .block-editor-inserter__no-tab-container{ | |
| flex-grow:1; | |
| overflow-y:auto; | |
| position:relative; | |
| } | |
| .block-editor-inserter__panel-header{ | |
| align-items:center; | |
| display:inline-flex; | |
| padding:16px 16px 0; | |
| } | |
| .block-editor-inserter__panel-content{ | |
| padding:16px; | |
| } | |
| .block-editor-inserter__panel-title,.block-editor-inserter__panel-title button{ | |
| color:#757575; | |
| font-size:11px; | |
| font-weight:500; | |
| margin:0 0 0 12px; | |
| text-transform:uppercase; | |
| } | |
| .block-editor-inserter__panel-dropdown select.components-select-control__input.components-select-control__input.components-select-control__input{ | |
| height:36px; | |
| line-height:36px; | |
| } | |
| .block-editor-inserter__panel-dropdown select{ | |
| border:none; | |
| } | |
| .block-editor-inserter__reusable-blocks-panel{ | |
| position:relative; | |
| text-align:left; | |
| } | |
| .block-editor-inserter__manage-reusable-blocks-container{ | |
| margin:auto 16px 16px; | |
| } | |
| .block-editor-inserter__manage-reusable-blocks{ | |
| justify-content:center; | |
| width:100%; | |
| } | |
| .block-editor-inserter__no-results,.block-editor-inserter__patterns-loading{ | |
| padding:32px; | |
| text-align:center; | |
| } | |
| .block-editor-inserter__no-results-icon{ | |
| fill:#949494; | |
| } | |
| .block-editor-inserter__child-blocks{ | |
| padding:0 16px; | |
| } | |
| .block-editor-inserter__parent-block-header{ | |
| align-items:center; | |
| display:flex; | |
| } | |
| .block-editor-inserter__parent-block-header h2{ | |
| font-size:13px; | |
| } | |
| .block-editor-inserter__parent-block-header .block-editor-block-icon{ | |
| margin-left:8px; | |
| } | |
| .block-editor-inserter__preview-container__popover{ | |
| top:16px ; | |
| } | |
| .block-editor-inserter__preview-container{ | |
| display:none; | |
| max-height:calc(100% - 32px); | |
| overflow-y:hidden; | |
| padding:16px; | |
| width:280px; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-inserter__preview-container{ | |
| display:block; | |
| } | |
| } | |
| .block-editor-inserter__preview-container .block-editor-inserter__media-list__list-item{ | |
| height:100%; | |
| } | |
| .block-editor-inserter__preview-container .block-editor-block-card{ | |
| padding-bottom:4px; | |
| padding-left:0; | |
| padding-right:0; | |
| } | |
| .block-editor-inserter__insertable-blocks-at-selection{ | |
| border-bottom:1px solid #e0e0e0; | |
| } | |
| .block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__media-tabs-container{ | |
| display:flex; | |
| flex-direction:column; | |
| height:100%; | |
| justify-content:space-between; | |
| padding:16px; | |
| } | |
| .block-editor-inserter__category-tablist{ | |
| border:none; | |
| display:flex; | |
| flex-direction:column; | |
| margin-bottom:8px; | |
| } | |
| .block-editor-inserter__category-tablist div[role=listitem]:last-child{ | |
| margin-top:auto; | |
| } | |
| .block-editor-inserter__category-tablist .block-editor-inserter__category-tab{ | |
| display:block; | |
| font-weight:inherit; | |
| height:auto; | |
| padding:8px 12px 8px 4px; | |
| position:relative; | |
| text-align:right; | |
| } | |
| .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]{ | |
| color:var(--wp-admin-theme-color); | |
| } | |
| .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] .components-flex-item{ | |
| filter:brightness(.95); | |
| } | |
| .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true] svg{ | |
| fill:var(--wp-admin-theme-color); | |
| } | |
| .block-editor-inserter__category-tablist .block-editor-inserter__category-tab[aria-selected=true]:after{ | |
| background:var(--wp-admin-theme-color); | |
| border-radius:2px; | |
| bottom:0; | |
| content:""; | |
| display:block; | |
| height:100%; | |
| left:0; | |
| opacity:.04; | |
| outline:none; | |
| position:absolute; | |
| right:0; | |
| top:0; | |
| } | |
| .block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus-visible,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:focus:not(:disabled){ | |
| border-radius:2px; | |
| box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| outline-offset:0; | |
| } | |
| .block-editor-inserter__category-tablist .block-editor-inserter__category-tab:after,.block-editor-inserter__category-tablist .block-editor-inserter__category-tab:before{ | |
| display:none; | |
| } | |
| .block-editor-inserter__category-panel{ | |
| background:#f0f0f0; | |
| border-top:1px solid #e0e0e0; | |
| box-shadow:-1px 1px 0 0 rgba(0,0,0,.133); | |
| display:flex; | |
| flex-direction:column; | |
| height:calc(100% + 1px); | |
| outline:1px solid #0000; | |
| padding:0 16px; | |
| position:absolute; | |
| right:0; | |
| top:-1px; | |
| width:100%; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-inserter__category-panel{ | |
| border-right:1px solid #e0e0e0; | |
| padding:0; | |
| right:100%; | |
| width:300px; | |
| } | |
| } | |
| .block-editor-inserter__category-panel .block-editor-block-patterns-list,.block-editor-inserter__category-panel .block-editor-inserter__media-list{ | |
| padding:0 24px 16px; | |
| } | |
| .block-editor-inserter__patterns-category-panel-header{ | |
| padding:8px 24px; | |
| } | |
| .block-editor-inserter__patterns-category-no-results{ | |
| margin-top:24px; | |
| } | |
| .block-editor-block-patterns-list,.block-editor-inserter__media-list{ | |
| flex-grow:1; | |
| height:100%; | |
| overflow-y:auto; | |
| } | |
| .block-editor-inserter__preview-content{ | |
| align-items:center; | |
| background:#f0f0f0; | |
| display:grid; | |
| flex-grow:1; | |
| min-height:144px; | |
| } | |
| .block-editor-inserter__preview-content-missing{ | |
| align-items:center; | |
| background:#f0f0f0; | |
| border-radius:2px; | |
| color:#757575; | |
| display:flex; | |
| flex:1; | |
| justify-content:center; | |
| min-height:144px; | |
| } | |
| .block-editor-inserter__tips{ | |
| border-top:1px solid #ddd; | |
| flex-shrink:0; | |
| padding:16px; | |
| position:relative; | |
| } | |
| .block-editor-inserter__quick-inserter{ | |
| max-width:100%; | |
| width:100%; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-inserter__quick-inserter{ | |
| width:350px; | |
| } | |
| } | |
| .block-editor-inserter__quick-inserter-results .block-editor-inserter__panel-header{ | |
| float:right; | |
| height:0; | |
| padding:0; | |
| } | |
| .block-editor-inserter__quick-inserter.has-expand .block-editor-inserter__panel-content,.block-editor-inserter__quick-inserter.has-search .block-editor-inserter__panel-content{ | |
| padding:16px; | |
| } | |
| .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list{ | |
| display:grid; | |
| grid-template-columns:1fr 1fr; | |
| grid-gap:8px; | |
| } | |
| .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ | |
| margin-bottom:0; | |
| } | |
| .block-editor-inserter__quick-inserter-patterns .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{ | |
| min-height:100px; | |
| } | |
| .block-editor-inserter__quick-inserter-separator{ | |
| border-top:1px solid #ddd; | |
| } | |
| .block-editor-inserter__popover.is-quick>.components-popover__content{ | |
| padding:0; | |
| } | |
| .block-editor-inserter__quick-inserter-expand.components-button{ | |
| background:#1e1e1e; | |
| border-radius:0; | |
| color:#fff; | |
| display:block; | |
| height:44px; | |
| width:100%; | |
| } | |
| .block-editor-inserter__quick-inserter-expand.components-button:hover{ | |
| color:#fff; | |
| } | |
| .block-editor-inserter__quick-inserter-expand.components-button:active{ | |
| color:#ccc; | |
| } | |
| .block-editor-inserter__quick-inserter-expand.components-button.components-button:focus:not(:disabled){ | |
| background:var(--wp-admin-theme-color); | |
| border-color:var(--wp-admin-theme-color); | |
| box-shadow:none; | |
| } | |
| .block-editor-block-patterns-explorer__sidebar{ | |
| bottom:0; | |
| overflow-x:visible; | |
| overflow-y:scroll; | |
| padding:24px 32px 32px; | |
| position:absolute; | |
| right:0; | |
| top:72px; | |
| width:280px; | |
| } | |
| .block-editor-block-patterns-explorer__sidebar__categories-list__item{ | |
| display:block; | |
| height:48px; | |
| text-align:right; | |
| width:100%; | |
| } | |
| .block-editor-block-patterns-explorer__search{ | |
| margin-bottom:32px; | |
| } | |
| .block-editor-block-patterns-explorer__search-results-count{ | |
| padding-bottom:32px; | |
| } | |
| .block-editor-block-patterns-explorer__list{ | |
| margin-right:280px; | |
| padding:24px 0 32px; | |
| } | |
| .block-editor-block-patterns-explorer__list .block-editor-patterns__sync-status-filter .components-input-control__container{ | |
| width:380px; | |
| } | |
| .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ | |
| display:grid; | |
| grid-gap:32px; | |
| grid-template-columns:repeat(1, 1fr); | |
| margin-bottom:16px; | |
| } | |
| @media (min-width:1080px){ | |
| .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ | |
| grid-template-columns:repeat(2, 1fr); | |
| } | |
| } | |
| @media (min-width:1440px){ | |
| .block-editor-block-patterns-explorer .block-editor-block-patterns-list{ | |
| grid-template-columns:repeat(3, 1fr); | |
| } | |
| } | |
| .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-block-patterns-list__list-item{ | |
| min-height:240px; | |
| } | |
| .block-editor-block-patterns-explorer .block-editor-block-patterns-list .block-editor-inserter__media-list__list-item{ | |
| height:inherit; | |
| max-height:800px; | |
| min-height:100px; | |
| } | |
| .components-heading.block-editor-inserter__patterns-category-panel-title{ | |
| font-weight:500; | |
| } | |
| .block-editor-inserter__media-library-button.components-button,.block-editor-inserter__patterns-explore-button.components-button{ | |
| justify-content:center; | |
| margin-top:16px; | |
| padding:16px; | |
| width:100%; | |
| } | |
| .block-editor-inserter__media-panel{ | |
| display:flex; | |
| flex-direction:column; | |
| min-height:100%; | |
| padding:0 16px; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-inserter__media-panel{ | |
| padding:0; | |
| } | |
| } | |
| .block-editor-inserter__media-panel .block-editor-inserter__media-panel-spinner{ | |
| align-items:center; | |
| display:flex; | |
| flex:1; | |
| height:100%; | |
| justify-content:center; | |
| } | |
| .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search{ | |
| padding:16px 24px 8px; | |
| } | |
| .block-editor-inserter__media-panel .block-editor-inserter__media-panel-search:not(:focus-within){ | |
| --wp-components-color-background:#fff; | |
| } | |
| .block-editor-inserter__media-list__list-item{ | |
| cursor:pointer; | |
| margin-bottom:24px; | |
| position:relative; | |
| } | |
| .block-editor-inserter__media-list__list-item.is-placeholder{ | |
| min-height:100px; | |
| } | |
| .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-inserter__media-list__list-item{ | |
| cursor:grab; | |
| } | |
| .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview>*{ | |
| outline-color:#0000004d; | |
| } | |
| .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview-options>button{ | |
| display:block; | |
| } | |
| .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{ | |
| left:8px; | |
| position:absolute; | |
| top:8px; | |
| } | |
| .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button{ | |
| background:#fff; | |
| border-radius:2px; | |
| display:none; | |
| } | |
| .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{ | |
| display:block; | |
| } | |
| .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:hover{ | |
| box-shadow:inset 0 0 0 2px #fff, 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color); | |
| outline:2px solid #0000; | |
| } | |
| .block-editor-inserter__media-list__item{ | |
| height:100%; | |
| } | |
| .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview{ | |
| align-items:center; | |
| border-radius:2px; | |
| display:flex; | |
| overflow:hidden; | |
| } | |
| .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{ | |
| border-radius:2px; | |
| margin:0 auto; | |
| max-width:100%; | |
| outline:1px solid #0000001a; | |
| outline-offset:-1px; | |
| } | |
| .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview .block-editor-inserter__media-list__item-preview-spinner{ | |
| align-items:center; | |
| background:#ffffffb3; | |
| display:flex; | |
| height:100%; | |
| justify-content:center; | |
| pointer-events:none; | |
| position:absolute; | |
| width:100%; | |
| } | |
| .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{ | |
| outline-color:var(--wp-admin-theme-color); | |
| outline-offset:calc(-1*var(--wp-admin-border-width-focus)); | |
| outline-width:var(--wp-admin-border-width-focus); | |
| transition:outline .1s linear; | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview>*{ | |
| transition-delay:0s; | |
| transition-duration:0s; | |
| } | |
| } | |
| .block-editor-inserter__media-list__item-preview-options__popover .components-menu-item__button .components-menu-item__item{ | |
| min-width:auto; | |
| } | |
| .block-editor-inserter__mobile-tab-navigation{ | |
| height:100%; | |
| padding:16px; | |
| } | |
| .block-editor-inserter__mobile-tab-navigation>*{ | |
| height:100%; | |
| } | |
| @media (min-width:600px){ | |
| .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal{ | |
| max-width:480px; | |
| } | |
| } | |
| .block-editor-inserter-media-tab-media-preview-inserter-external-image-modal p{ | |
| margin:0; | |
| } | |
| .block-editor-inserter__hint{ | |
| margin:16px 16px 0; | |
| } | |
| .reusable-blocks-menu-items__rename-hint{ | |
| align-items:top; | |
| background:#f0f0f0; | |
| border-radius:2px; | |
| color:#1e1e1e; | |
| display:flex; | |
| flex-direction:row; | |
| max-width:380px; | |
| } | |
| .reusable-blocks-menu-items__rename-hint-content{ | |
| margin:12px 12px 12px 0; | |
| } | |
| .reusable-blocks-menu-items__rename-hint-dismiss{ | |
| margin:4px 0 4px 4px; | |
| } | |
| .components-menu-group .reusable-blocks-menu-items__rename-hint{ | |
| margin:0; | |
| } | |
| .block-editor-patterns__sync-status-filter .components-input-control__container select.components-select-control__input{ | |
| height:40px; | |
| } | |
| .block-editor-inserter__pattern-panel-placeholder{ | |
| display:none; | |
| } | |
| .block-editor-inserter__menu.is-zoom-out{ | |
| display:flex; | |
| } | |
| @media (min-width:782px){ | |
| .block-editor-inserter__menu.is-zoom-out.show-panel:after{ | |
| content:""; | |
| display:block; | |
| height:100%; | |
| width:300px; | |
| } | |
| } | |
| .spacing-sizes-control .spacing-sizes-control__custom-value-input,.spacing-sizes-control .spacing-sizes-control__label{ | |
| margin-bottom:0; | |
| } | |
| .spacing-sizes-control .spacing-sizes-control__custom-value-range,.spacing-sizes-control .spacing-sizes-control__range-control{ | |
| align-items:center; | |
| display:flex; | |
| flex:1; | |
| height:40px; | |
| margin-bottom:0; | |
| } | |
| .spacing-sizes-control .spacing-sizes-control__custom-value-range>.components-base-control__field,.spacing-sizes-control .spacing-sizes-control__range-control>.components-base-control__field{ | |
| flex:1; | |
| } | |
| .spacing-sizes-control .components-range-control__mark{ | |
| background-color:#fff; | |
| height:4px; | |
| width:3px; | |
| z-index:1; | |
| } | |
| .spacing-sizes-control .components-range-control__marks{ | |
| margin-top:17px; | |
| } | |
| .spacing-sizes-control .components-range-control__marks :first-child{ | |
| display:none; | |
| } | |
| .spacing-sizes-control .components-range-control__thumb-wrapper{ | |
| z-index:3; | |
| } | |
| .spacing-sizes-control__header{ | |
| height:16px; | |
| margin-bottom:12px; | |
| } | |
| .spacing-sizes-control__dropdown{ | |
| height:24px; | |
| } | |
| .spacing-sizes-control__custom-select-control,.spacing-sizes-control__custom-value-input{ | |
| flex:1; | |
| } | |
| .spacing-sizes-control__custom-toggle,.spacing-sizes-control__icon{ | |
| flex:0 0 auto; | |
| } | |
| .spacing-sizes-control__icon{ | |
| margin-right:-4px; | |
| } | |
| 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 (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 (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 (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 (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 (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 (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 (min-resolution:192dpi){ | |
| body.admin-color-sunrise{ | |
| --wp-admin-border-width-focus:1.5px; | |
| } | |
| } |