mirror of
https://github.com/WordPress/WordPress.git
synced 2024-11-07 11:20:28 +01:00
f29e4144fa
Includes miscellaneous bug fixes for 6.3 RC1. Props ramonopoly. See #58804. Built from https://develop.svn.wordpress.org/trunk@56229 git-svn-id: http://core.svn.wordpress.org/trunk@55741 1a063a9b-81f0-0310-95a4-ce76da25c4cd
4024 lines
120 KiB
CSS
4024 lines
120 KiB
CSS
@charset "UTF-8";
|
|
:root{
|
|
--wp-admin-theme-color:#007cba;
|
|
--wp-admin-theme-color--rgb:0, 124, 186;
|
|
--wp-admin-theme-color-darker-10:#006ba1;
|
|
--wp-admin-theme-color-darker-10--rgb:0, 107, 161;
|
|
--wp-admin-theme-color-darker-20:#005a87;
|
|
--wp-admin-theme-color-darker-20--rgb:0, 90, 135;
|
|
--wp-admin-border-width-focus:2px;
|
|
--wp-block-synced-color:#7a00df;
|
|
--wp-block-synced-color--rgb:122, 0, 223;
|
|
}
|
|
@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-right:8px;
|
|
}
|
|
|
|
.block-editor-autocompleters__link{
|
|
white-space:nowrap;
|
|
}
|
|
.block-editor-autocompleters__link .block-editor-block-icon{
|
|
margin-right:8px;
|
|
}
|
|
|
|
.block-editor-block-alignment-control__menu-group .components-menu-item__info{
|
|
margin-top:0;
|
|
}
|
|
|
|
.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{
|
|
margin-bottom:0;
|
|
}
|
|
.block-editor-block-inspector .components-panel__body{
|
|
border:none;
|
|
border-top:1px solid #e0e0e0;
|
|
margin-top:-1px;
|
|
}
|
|
.block-editor-block-inspector .block-editor-block-card{
|
|
padding:16px;
|
|
}
|
|
|
|
.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;
|
|
left:calc(50% - 2px);
|
|
top:0;
|
|
width:4px;
|
|
}
|
|
|
|
.block-editor-block-list__insertion-point-inserter{
|
|
display:none;
|
|
justify-content:center;
|
|
left:calc(50% - 12px);
|
|
position:absolute;
|
|
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-contextual-toolbar.is-fixed{
|
|
left:0;
|
|
}
|
|
@media (min-width:783px){
|
|
.block-editor-block-contextual-toolbar.is-fixed{
|
|
left:160px;
|
|
}
|
|
}
|
|
@media (min-width:783px){
|
|
.auto-fold .block-editor-block-contextual-toolbar.is-fixed{
|
|
left:36px;
|
|
}
|
|
}
|
|
@media (min-width:961px){
|
|
.auto-fold .block-editor-block-contextual-toolbar.is-fixed{
|
|
left:160px;
|
|
}
|
|
}
|
|
.folded .block-editor-block-contextual-toolbar.is-fixed{
|
|
left:0;
|
|
}
|
|
@media (min-width:783px){
|
|
.folded .block-editor-block-contextual-toolbar.is-fixed{
|
|
left:36px;
|
|
}
|
|
}
|
|
|
|
body.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed{
|
|
left:0 !important;
|
|
}
|
|
|
|
.block-editor-block-contextual-toolbar{
|
|
background-color:#fff;
|
|
border:1px solid #1e1e1e;
|
|
border-radius:2px;
|
|
display:inline-flex;
|
|
}
|
|
.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar .block-editor-block-toolbar .components-toolbar-group{
|
|
border-right-color:#1e1e1e;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed{
|
|
border:none;
|
|
border-bottom:1px solid #e0e0e0;
|
|
border-radius:0;
|
|
display:block;
|
|
position:sticky;
|
|
top:0;
|
|
width:100%;
|
|
z-index:31;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{
|
|
border-right-color:#e0e0e0;
|
|
}
|
|
.block-editor-block-contextual-toolbar:has(.block-editor-block-toolbar:empty){
|
|
display:none;
|
|
}
|
|
@media (min-width:782px){
|
|
.block-editor-block-contextual-toolbar.is-fixed{
|
|
border-bottom:none;
|
|
display:flex;
|
|
margin-left:180px;
|
|
min-height:auto;
|
|
position:fixed;
|
|
top:39px;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed.is-collapsed{
|
|
width:auto;
|
|
}
|
|
.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed{
|
|
margin-left:240px;
|
|
top:7px;
|
|
}
|
|
.is-fullscreen-mode .block-editor-block-contextual-toolbar.is-fixed.is-collapsed{
|
|
width:auto;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar.is-showing-movers{
|
|
flex-grow:0;
|
|
width:auto;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar.is-showing-movers:before{
|
|
background-color:#ddd;
|
|
content:"";
|
|
height:24px;
|
|
left:-2px;
|
|
margin-right:0;
|
|
margin-top:12px;
|
|
position:relative;
|
|
top:-1px;
|
|
width:1px;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar{
|
|
border:none;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar .components-button.has-icon svg{
|
|
display:none;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar .components-button.has-icon:after{
|
|
content:attr(aria-label);
|
|
font-size:12px;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-collapse-fixed-toolbar:before{
|
|
background-color:#ddd;
|
|
content:"";
|
|
height:24px;
|
|
left:0;
|
|
margin-right:8px;
|
|
margin-top:12px;
|
|
position:relative;
|
|
top:-1px;
|
|
width:1px;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar{
|
|
border:none;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar{
|
|
width:256px;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar .components-button.has-icon svg{
|
|
display:none;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar .components-button.has-icon:after{
|
|
content:attr(aria-label);
|
|
font-size:12px;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed>.block-editor-block-toolbar__group-expand-fixed-toolbar:before{
|
|
background-color:#ddd;
|
|
content:"";
|
|
height:24px;
|
|
left:-8px;
|
|
margin-bottom:12px;
|
|
margin-top:12px;
|
|
position:relative;
|
|
top:-1px;
|
|
width:1px;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed{
|
|
margin-left:80px;
|
|
}
|
|
.is-fullscreen-mode .show-icon-labels .block-editor-block-contextual-toolbar.is-fixed{
|
|
margin-left:144px;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button:after{
|
|
left:0;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{
|
|
border-left:none;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover:before{
|
|
background-color:#ddd;
|
|
content:"";
|
|
margin-bottom:12px;
|
|
margin-top:12px;
|
|
position:relative;
|
|
width:1px;
|
|
}
|
|
.blocks-widgets-container .block-editor-block-contextual-toolbar.is-fixed{
|
|
margin-left:153.6px;
|
|
}
|
|
.blocks-widgets-container .block-editor-block-contextual-toolbar.is-fixed.is-collapsed{
|
|
margin-left:268.8px;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button{
|
|
border:0;
|
|
padding-left:6px;
|
|
padding-right:6px;
|
|
position:relative;
|
|
top:-1px;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-parent-selector .block-editor-block-parent-selector__button:after{
|
|
bottom:4px;
|
|
content:"·";
|
|
font-size:16px;
|
|
left:46px;
|
|
line-height:40px;
|
|
position:absolute;
|
|
}
|
|
.block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector{
|
|
left:-57px;
|
|
position:absolute;
|
|
top:-1px;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar:not(.is-fixed) .block-editor-block-parent-selector{
|
|
left:auto;
|
|
margin-bottom:-1px;
|
|
margin-left:-1px;
|
|
margin-top:-1px;
|
|
position:relative;
|
|
top:auto;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed{
|
|
width:100%;
|
|
}
|
|
}
|
|
@media (min-width:960px){
|
|
.block-editor-block-contextual-toolbar.is-fixed{
|
|
width:calc(100% - 496px);
|
|
}
|
|
}
|
|
.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-right:6px;
|
|
}
|
|
.block-editor-block-list__block-selection-button .components-button.has-icon.block-selection-button_drag-handle{
|
|
cursor:grab;
|
|
height:24px;
|
|
margin-left:-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:12px;
|
|
margin-top:12px;
|
|
pointer-events:all;
|
|
}
|
|
.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;
|
|
}
|
|
|
|
.is-dragging-components-draggable .components-tooltip{
|
|
display:none;
|
|
}
|
|
|
|
.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 0 12px 32px;
|
|
}
|
|
.block-editor-block-lock-modal__checklist-item .block-editor-block-lock-modal__lock-icon{
|
|
fill:#1e1e1e;
|
|
flex-shrink:0;
|
|
margin-right:12px;
|
|
}
|
|
.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 !important;
|
|
}
|
|
|
|
.block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
|
|
margin-left:-6px !important;
|
|
}
|
|
|
|
.show-icon-labels .block-editor-block-toolbar__block-controls .block-editor-block-lock-toolbar{
|
|
border-left:1px solid #1e1e1e;
|
|
margin-left:6px !important;
|
|
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 transparent;
|
|
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;
|
|
display:flex;
|
|
}
|
|
|
|
.block-editor-block-card__content{
|
|
flex-grow:1;
|
|
margin-bottom:4px;
|
|
}
|
|
|
|
.block-editor-block-card__title{
|
|
font-weight:500;
|
|
}
|
|
.block-editor-block-card__title.block-editor-block-card__title{
|
|
line-height:24px;
|
|
margin:0 0 4px;
|
|
}
|
|
|
|
.block-editor-block-card__description{
|
|
font-size:13px;
|
|
}
|
|
|
|
.block-editor-block-card .block-editor-block-icon{
|
|
flex:0 0 24px;
|
|
height:24px;
|
|
margin-left:0;
|
|
margin-right:12px;
|
|
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 16px 0 0;
|
|
width:50%;
|
|
}
|
|
.block-editor-block-compare__wrapper>div button{
|
|
float:right;
|
|
}
|
|
.block-editor-block-compare__wrapper .block-editor-block-compare__converted{
|
|
border-left:1px solid #ddd;
|
|
padding-left:15px;
|
|
padding-right:0;
|
|
}
|
|
.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{
|
|
left:0;
|
|
position:absolute;
|
|
top:-24px;
|
|
}
|
|
|
|
.block-editor-block-draggable-chip{
|
|
background-color:#1e1e1e;
|
|
border-radius:2px;
|
|
box-shadow:0 6px 8px rgba(0,0,0,.3);
|
|
color:#fff;
|
|
cursor:grabbing;
|
|
display:inline-flex;
|
|
height:48px;
|
|
padding:0 13px;
|
|
-webkit-user-select:none;
|
|
user-select:none;
|
|
}
|
|
.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-right:6px;
|
|
}
|
|
.block-editor-block-draggable-chip .block-editor-block-draggable-chip__content>.components-flex__item:last-child{
|
|
margin-right: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-mover__move-button-container{
|
|
border:none;
|
|
display:flex;
|
|
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:24px;
|
|
min-width:0 !important;
|
|
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:5px;
|
|
}
|
|
.block-editor-block-mover:not(.is-horizontal) .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
|
|
bottom:5px;
|
|
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 !important;
|
|
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{
|
|
left:5px;
|
|
}
|
|
.block-editor-block-mover.is-horizontal .block-editor-block-mover__move-button-container .block-editor-block-mover-button.is-down-button svg{
|
|
right:5px;
|
|
}
|
|
}
|
|
|
|
.block-editor-block-mover__drag-handle{
|
|
cursor:grab;
|
|
}
|
|
@media (min-width:600px){
|
|
.block-editor-block-mover__drag-handle{
|
|
min-width:0 !important;
|
|
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 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
|
|
outline:2px solid transparent;
|
|
}
|
|
|
|
.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-parent-selector{
|
|
background:#fff;
|
|
border-radius:2px;
|
|
}
|
|
.block-editor-block-parent-selector .block-editor-block-parent-selector__button{
|
|
border:1px solid #1e1e1e;
|
|
border-radius:2px;
|
|
height:48px;
|
|
width:48px;
|
|
}
|
|
|
|
.block-editor-block-patterns-list__list-item{
|
|
cursor:pointer;
|
|
margin-bottom:24px;
|
|
position:relative;
|
|
}
|
|
.block-editor-block-patterns-list__list-item.is-placeholder{
|
|
min-height:100px;
|
|
}
|
|
.block-editor-block-patterns-list__list-item[draggable=true] .block-editor-block-preview__container{
|
|
cursor:grab;
|
|
}
|
|
|
|
.block-editor-block-patterns-list__item{
|
|
height:100%;
|
|
}
|
|
.block-editor-block-patterns-list__item .block-editor-block-preview__container{
|
|
align-items:center;
|
|
border-radius:4px;
|
|
display:flex;
|
|
overflow:hidden;
|
|
}
|
|
.block-editor-block-patterns-list__item .block-editor-block-patterns-list__item-title{
|
|
font-size:12px;
|
|
padding-top:8px;
|
|
text-align:center;
|
|
}
|
|
.block-editor-block-patterns-list__item:hover .block-editor-block-preview__container{
|
|
box-shadow:0 0 0 2px var(--wp-admin-theme-color);
|
|
}
|
|
.block-editor-block-patterns-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 transparent;
|
|
outline-offset:2px;
|
|
}
|
|
.block-editor-block-patterns-list__item:focus .block-editor-block-patterns-list__item-title,.block-editor-block-patterns-list__item:hover .block-editor-block-patterns-list__item-title{
|
|
color:var(--wp-admin-theme-color);
|
|
}
|
|
|
|
.components-popover.block-editor-block-popover{
|
|
margin:0 !important;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
z-index:31;
|
|
}
|
|
.components-popover.block-editor-block-popover .components-popover__content{
|
|
margin:0 !important;
|
|
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{
|
|
left:0;
|
|
margin:0;
|
|
min-height:auto;
|
|
overflow:visible;
|
|
text-align:initial;
|
|
top:0;
|
|
transform-origin:top left;
|
|
}
|
|
.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-settings-menu__popover .components-dropdown-menu__menu{
|
|
padding:0;
|
|
}
|
|
|
|
.block-editor-block-styles+.default-style-picker__default-switcher{
|
|
margin-top:16px;
|
|
}
|
|
|
|
.block-editor-block-styles__preview-panel{
|
|
display:none;
|
|
left:auto;
|
|
position:absolute;
|
|
right:16px;
|
|
z-index:90;
|
|
}
|
|
@media (min-width:782px){
|
|
.block-editor-block-styles__preview-panel{
|
|
display:block;
|
|
}
|
|
}
|
|
.block-editor-block-styles__preview-panel .block-editor-inserter__preview-container{
|
|
left:auto;
|
|
position:static;
|
|
right:auto;
|
|
top:auto;
|
|
}
|
|
.block-editor-block-styles__preview-panel .block-editor-block-card__title.block-editor-block-card__title{
|
|
margin:0;
|
|
}
|
|
.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 #ccc;
|
|
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 #ccc;
|
|
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:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.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 !important;
|
|
}
|
|
|
|
.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-left:8px;
|
|
}
|
|
.show-icon-labels .block-editor-block-switcher__toggle-text{
|
|
display:none;
|
|
}
|
|
|
|
.show-icon-labels .block-editor-block-toolbar .block-editor-block-switcher .components-button.has-icon:after{
|
|
font-size:14px;
|
|
}
|
|
|
|
.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 !important;
|
|
}
|
|
|
|
.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{
|
|
left:calc(100% + 16px);
|
|
position:absolute;
|
|
top:-12px;
|
|
}
|
|
|
|
.block-editor-block-switcher__preview__popover{
|
|
display:none;
|
|
}
|
|
.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;
|
|
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-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 transparent;
|
|
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 transparent;
|
|
}
|
|
.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-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: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 transparent;
|
|
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:flex-end;
|
|
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:left;
|
|
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 16px 16px 52px;
|
|
width:100%;
|
|
}
|
|
.block-editor-block-variation-transforms .components-dropdown-menu__toggle{
|
|
border:1px solid #757575;
|
|
border-radius:2px;
|
|
justify-content:left;
|
|
min-height:30px;
|
|
padding:6px 12px;
|
|
position:relative;
|
|
text-align:left;
|
|
width:100%;
|
|
}
|
|
.block-editor-block-variation-transforms .components-dropdown-menu__toggle.components-dropdown-menu__toggle{
|
|
padding-right: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%;
|
|
padding:0;
|
|
position:absolute;
|
|
right:0;
|
|
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-right:16px;
|
|
width:calc(50% - 8px);
|
|
}
|
|
.components-border-radius-control .components-border-radius-control__wrapper .components-border-radius-control__range-control{
|
|
flex:1;
|
|
margin-right: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-right: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-right: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-color-gradient-control__tabs .block-editor-color-gradient-control__panel{
|
|
padding:16px;
|
|
}
|
|
|
|
.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);
|
|
justify-content:space-between;
|
|
}
|
|
}
|
|
.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, transparent 48%, #ddd 0, #ddd 52%, transparent 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.first{
|
|
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.last{
|
|
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:left;
|
|
}
|
|
.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-contrast-checker>.components-notice{
|
|
margin: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:left;
|
|
}
|
|
|
|
.block-editor-duotone-control__popover>.components-popover__content{
|
|
padding:16px;
|
|
width:280px;
|
|
}
|
|
.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__description{
|
|
font-size:12px;
|
|
margin:16px 0;
|
|
}
|
|
|
|
.block-editor-duotone-control__unset-indicator{
|
|
background:linear-gradient(-45deg, transparent 48%, #ddd 0, #ddd 52%, transparent 0);
|
|
}
|
|
|
|
.components-font-appearance-control ul li{
|
|
color:#1e1e1e;
|
|
text-transform:capitalize;
|
|
}
|
|
|
|
.block-editor-global-styles-effects-panel__toggle-icon{
|
|
fill:currentColor;
|
|
}
|
|
|
|
.block-editor-global-styles-effects-panel__shadow-popover-container{
|
|
width:230px;
|
|
}
|
|
|
|
.block-editor-global-styles-effects-panel__shadow-dropdown,.block-editor-global-styles-filters-panel__dropdown{
|
|
display:block;
|
|
padding:0;
|
|
}
|
|
.block-editor-global-styles-effects-panel__shadow-dropdown button,.block-editor-global-styles-filters-panel__dropdown button{
|
|
padding:8px;
|
|
width:100%;
|
|
}
|
|
.block-editor-global-styles-effects-panel__shadow-dropdown button.is-open,.block-editor-global-styles-filters-panel__dropdown button.is-open{
|
|
background-color:#f0f0f0;
|
|
}
|
|
|
|
.block-editor-global-styles-effects-panel__shadow-indicator-wrapper{
|
|
align-items:center;
|
|
display:flex;
|
|
justify-content:center;
|
|
overflow:hidden;
|
|
padding:6px;
|
|
}
|
|
|
|
.block-editor-global-styles-effects-panel__shadow-indicator{
|
|
border:1px solid #e0e0e0;
|
|
border-radius:2px;
|
|
color:#2f2f2f;
|
|
cursor:pointer;
|
|
height:24px;
|
|
padding:0;
|
|
width:24px;
|
|
}
|
|
|
|
.block-editor-global-styles-advanced-panel__custom-css-input textarea{
|
|
direction:ltr;
|
|
font-family:Menlo,Consolas,monaco,monospace;
|
|
}
|
|
|
|
.block-editor-global-styles-advanced-panel__custom-css-validation-wrapper{
|
|
bottom:16px;
|
|
position:absolute;
|
|
right:24px;
|
|
}
|
|
|
|
.block-editor-global-styles-advanced-panel__custom-css-validation-icon{
|
|
fill:#cc1818;
|
|
}
|
|
|
|
.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) !important;
|
|
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) !important;
|
|
}
|
|
.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:transparent;
|
|
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) !important;
|
|
filter:brightness(.95);
|
|
}
|
|
.components-button.block-editor-block-types-list__item:not(:disabled):hover svg{
|
|
color:var(--wp-admin-theme-color) !important;
|
|
}
|
|
.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 transparent;
|
|
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 .components-tab-panel__tabs .components-button.has-icon svg{
|
|
display:none;
|
|
}
|
|
.show-icon-labels .block-editor-block-inspector__tabs .components-tab-panel__tabs .components-button.has-icon:before{
|
|
content:attr(aria-label);
|
|
}
|
|
|
|
.block-editor-inspector-controls-tabs__hint{
|
|
align-items:top;
|
|
background:#f0f0f0;
|
|
border-radius:2px;
|
|
color:#1e1e1e;
|
|
display:flex;
|
|
flex-direction:row;
|
|
margin:16px;
|
|
}
|
|
|
|
.block-editor-inspector-controls-tabs__hint-content{
|
|
margin:12px 0 12px 12px;
|
|
}
|
|
|
|
.block-editor-inspector-controls-tabs__hint-dismiss{
|
|
margin:4px 4px 4px 0;
|
|
}
|
|
|
|
.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);
|
|
}
|
|
|
|
.block-editor-link-control__search-input-wrapper{
|
|
margin-bottom:8px;
|
|
position:relative;
|
|
}
|
|
|
|
.block-editor-link-control__search-input-container{
|
|
position:relative;
|
|
}
|
|
|
|
.block-editor-link-control__search-input.has-no-label .block-editor-url-input__input{
|
|
flex:1;
|
|
}
|
|
|
|
.block-editor-link-control__field{
|
|
margin:16px;
|
|
}
|
|
.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 transparent;
|
|
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;
|
|
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 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.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:rgba(30,30,30,.62);
|
|
}
|
|
.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:rgba(30,30,30,.62);
|
|
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:rgba(30,30,30,.62);
|
|
}
|
|
|
|
.block-editor-link-control__search-error{
|
|
margin:-8px 16px 16px;
|
|
}
|
|
|
|
.block-editor-link-control__search-actions{
|
|
display:flex;
|
|
flex-direction:row-reverse;
|
|
gap:8px;
|
|
justify-content:flex-start;
|
|
order:20;
|
|
padding:8px;
|
|
}
|
|
|
|
.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:left;
|
|
}
|
|
.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:transparent;
|
|
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:flex-start;
|
|
display:block;
|
|
flex-direction:row;
|
|
margin-right: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{
|
|
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 .block-editor-link-control__search-item-icon{
|
|
display:flex;
|
|
flex-shrink:0;
|
|
justify-content:center;
|
|
margin-right:8px;
|
|
max-height:24px;
|
|
position:relative;
|
|
width:24px;
|
|
}
|
|
.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{
|
|
display:block;
|
|
font-weight:500;
|
|
margin-bottom:.2em;
|
|
position:relative;
|
|
}
|
|
.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 svg{
|
|
display:none;
|
|
}
|
|
.block-editor-link-control__search-item .block-editor-link-control__search-item-description{
|
|
margin:0;
|
|
padding-top:12px;
|
|
}
|
|
.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder{
|
|
display:flex;
|
|
flex-direction:column;
|
|
height:28px;
|
|
justify-content:space-around;
|
|
margin-top:12px;
|
|
padding-top:0;
|
|
}
|
|
.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:after,.block-editor-link-control__search-item .block-editor-link-control__search-item-description.is-placeholder:before{
|
|
background-color:#f0f0f0;
|
|
border-radius:3px;
|
|
content:"";
|
|
display:block;
|
|
height:.7em;
|
|
width:100%;
|
|
}
|
|
.block-editor-link-control__search-item .block-editor-link-control__search-item-description .components-text{
|
|
font-size:.9em;
|
|
}
|
|
.block-editor-link-control__search-item .block-editor-link-control__search-item-image{
|
|
background-color:#f0f0f0;
|
|
border-radius:2px;
|
|
display:flex;
|
|
height:140px;
|
|
justify-content:center;
|
|
margin-top:12px;
|
|
max-height:140px;
|
|
overflow:hidden;
|
|
width:100%;
|
|
}
|
|
.block-editor-link-control__search-item .block-editor-link-control__search-item-image.is-placeholder{
|
|
background-color:#f0f0f0;
|
|
border-radius:3px;
|
|
}
|
|
.block-editor-link-control__search-item .block-editor-link-control__search-item-image img{
|
|
display:block;
|
|
height:140px;
|
|
max-height:140px;
|
|
max-width:100%;
|
|
}
|
|
|
|
.block-editor-link-control__search-item-top{
|
|
display:flex;
|
|
flex-direction:row;
|
|
width:100%;
|
|
}
|
|
|
|
.block-editor-link-control__search-item-bottom{
|
|
transition:opacity 1.5s;
|
|
width:100%;
|
|
}
|
|
.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:after,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-description:before,.block-editor-link-control__search-item.is-fetching .block-editor-link-control__search-item-image{
|
|
animation:loadingpulse 1s linear infinite;
|
|
animation-delay:.5s;
|
|
}
|
|
.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;
|
|
left:0;
|
|
position:absolute;
|
|
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{
|
|
display:flex;
|
|
flex-basis:100%;
|
|
flex-direction:column;
|
|
order:30;
|
|
}
|
|
|
|
.block-editor-link-control__drawer-inner{
|
|
display:flex;
|
|
flex-basis:100%;
|
|
flex-direction:column;
|
|
position:relative;
|
|
}
|
|
|
|
.block-editor-link-control__unlink{
|
|
padding-left:16px;
|
|
padding-right:16px;
|
|
}
|
|
|
|
.block-editor-link-control__setting{
|
|
flex:1;
|
|
margin-bottom:16px;
|
|
padding:8px 0 8px 24px;
|
|
}
|
|
.block-editor-link-control__setting input{
|
|
margin-left:0;
|
|
}
|
|
.block-editor-link-control__setting.block-editor-link-control__setting:last-child{
|
|
margin-bottom:0;
|
|
}
|
|
|
|
.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-left:0;
|
|
}
|
|
.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:auto;
|
|
position:absolute;
|
|
right:16px;
|
|
top:calc(50% - 8px);
|
|
}
|
|
|
|
.block-editor-link-control__search-item-action{
|
|
flex-shrink:0;
|
|
margin-left:auto;
|
|
}
|
|
|
|
.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-leaf{
|
|
position:relative;
|
|
}
|
|
.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-left-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf.is-first-selected td:last-child{
|
|
border-top-right-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf.is-last-selected td:first-child{
|
|
border-bottom-left-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf.is-last-selected td:last-child{
|
|
border-bottom-right-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-left-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf.is-branch-selected.is-first-selected td:last-child{
|
|
border-top-right-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:first-child{
|
|
border-top-left-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-first-selected td:last-child{
|
|
border-top-right-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:first-child{
|
|
border-bottom-left-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf[data-expanded=false].is-branch-selected.is-last-selected td:last-child{
|
|
border-bottom-right-radius:2px;
|
|
}
|
|
.block-editor-list-view-leaf.is-branch-selected:not(.is-selected) td{
|
|
border-radius:0;
|
|
}
|
|
.block-editor-list-view-leaf .block-editor-list-view-block-contents{
|
|
align-items:center;
|
|
border-radius:2px;
|
|
display:flex;
|
|
height:auto;
|
|
padding:6px 4px 6px 0;
|
|
position:relative;
|
|
text-align:left;
|
|
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{
|
|
box-shadow:none;
|
|
}
|
|
.block-editor-list-view-leaf .block-editor-list-view-block-contents:focus: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:0;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
right:-29px;
|
|
top:0;
|
|
z-index:2;
|
|
}
|
|
.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block-contents:focus:after{
|
|
box-shadow:none;
|
|
}
|
|
.block-editor-list-view-leaf.has-single-cell .block-editor-list-view-block-contents:focus:after{
|
|
right:0;
|
|
}
|
|
.block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{
|
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
|
|
z-index:1;
|
|
}
|
|
.is-dragging-components-draggable .block-editor-list-view-leaf .block-editor-list-view-block__menu:focus{
|
|
box-shadow:none;
|
|
}
|
|
.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-right:8px;
|
|
}
|
|
.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-bottom:0;
|
|
padding-top: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-right: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 6px 6px 1px;
|
|
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{
|
|
min-width:120px;
|
|
}
|
|
.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:rgba(0,0,0,.1);
|
|
border-radius:2px;
|
|
box-sizing:border-box;
|
|
max-width:100%;
|
|
padding:2px 6px;
|
|
position:absolute;
|
|
right:0;
|
|
transform:translateY(-50%);
|
|
}
|
|
.block-editor-list-view-leaf.is-selected .block-editor-list-view-block-select-button__anchor{
|
|
background:rgba(0,0,0,.3);
|
|
}
|
|
.block-editor-list-view-leaf .block-editor-list-view-block-select-button__lock,.block-editor-list-view-leaf .block-editor-list-view-block-select-button__sticky{
|
|
line-height:0;
|
|
}
|
|
|
|
.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{
|
|
height:24px;
|
|
margin-left:4px;
|
|
width:24px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level] .block-editor-list-view__expander{
|
|
margin-left:220px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf:not([aria-level="1"]) .block-editor-list-view__expander{
|
|
margin-right:4px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level="1"] .block-editor-list-view__expander{
|
|
margin-left:0;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level="2"] .block-editor-list-view__expander{
|
|
margin-left:24px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level="3"] .block-editor-list-view__expander{
|
|
margin-left:52px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level="4"] .block-editor-list-view__expander{
|
|
margin-left:80px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level="5"] .block-editor-list-view__expander{
|
|
margin-left:108px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level="6"] .block-editor-list-view__expander{
|
|
margin-left:136px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level="7"] .block-editor-list-view__expander{
|
|
margin-left:164px;
|
|
}
|
|
|
|
.block-editor-list-view-leaf[aria-level="8"] .block-editor-list-view__expander{
|
|
margin-left:192px;
|
|
}
|
|
|
|
.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-placeholder{
|
|
height:36px;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
|
|
.list-view-appender .block-editor-inserter__toggle{
|
|
background-color:#1e1e1e;
|
|
border-radius:2px;
|
|
color:#fff;
|
|
height:24px;
|
|
margin:8px 0 0 24px;
|
|
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-left: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;
|
|
}
|
|
.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{
|
|
right:4px;
|
|
top: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{
|
|
word-wrap:break-word;
|
|
overflow:hidden;
|
|
}
|
|
.block-editor-media-flow__error .components-with-notices-ui .components-notice__dismiss{
|
|
position:absolute;
|
|
right:10px;
|
|
}
|
|
|
|
.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:-2px;
|
|
margin-right:10px;
|
|
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 0 .6em -3px;
|
|
}
|
|
|
|
.block-editor-responsive-block-control__label{
|
|
font-weight:600;
|
|
margin-bottom:.6em;
|
|
margin-left:-3px;
|
|
}
|
|
|
|
.block-editor-responsive-block-control__inner{
|
|
margin-left:-1px;
|
|
}
|
|
|
|
.block-editor-responsive-block-control__toggle{
|
|
margin-left:1px;
|
|
}
|
|
|
|
.block-editor-responsive-block-control .components-base-control__help{
|
|
clip:rect(1px, 1px, 1px, 1px);
|
|
word-wrap:normal !important;
|
|
border:0;
|
|
-webkit-clip-path:inset(50%);
|
|
clip-path:inset(50%);
|
|
height:1px;
|
|
margin:-1px;
|
|
overflow:hidden;
|
|
padding:0;
|
|
position:absolute;
|
|
width:1px;
|
|
}
|
|
|
|
.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-skip-to-selected-block{
|
|
position:absolute;
|
|
top:-9999em;
|
|
}
|
|
.block-editor-skip-to-selected-block:focus{
|
|
background:#f1f1f1;
|
|
box-shadow:0 0 2px 2px rgba(0,0,0,.6);
|
|
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-text-decoration-control{
|
|
border:0;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
.block-editor-text-decoration-control .block-editor-text-decoration-control__buttons{
|
|
display:flex;
|
|
padding:4px 0;
|
|
}
|
|
.block-editor-text-decoration-control .components-button.has-icon{
|
|
height:32px;
|
|
margin-right:4px;
|
|
min-width:32px;
|
|
padding:0;
|
|
}
|
|
|
|
.block-editor-text-transform-control{
|
|
border:0;
|
|
margin:0;
|
|
padding:0;
|
|
}
|
|
.block-editor-text-transform-control .block-editor-text-transform-control__buttons{
|
|
display:flex;
|
|
padding:4px 0;
|
|
}
|
|
.block-editor-text-transform-control .components-button.has-icon{
|
|
height:32px;
|
|
margin-right:4px;
|
|
min-width:32px;
|
|
padding:0;
|
|
}
|
|
|
|
.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]{
|
|
border:none;
|
|
border-radius:0;
|
|
font-size:16px;
|
|
margin-left:0;
|
|
margin-right:0;
|
|
padding:8px 8px 8px 12px;
|
|
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{
|
|
margin:0;
|
|
position:absolute;
|
|
right:8px;
|
|
top:calc(50% - 8px);
|
|
}
|
|
|
|
.block-editor-url-input__input[type=text]{
|
|
border:1px solid #949494;
|
|
border-radius:2px;
|
|
box-shadow:0 0 0 transparent;
|
|
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 1px var(--wp-admin-theme-color);
|
|
outline:2px solid transparent;
|
|
}
|
|
.block-editor-url-input__input[type=text]::-webkit-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
.block-editor-url-input__input[type=text]::-moz-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
opacity:1;
|
|
}
|
|
.block-editor-url-input__input[type=text]:-ms-input-placeholder{
|
|
color:rgba(30,30,30,.62);
|
|
}
|
|
|
|
.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:left;
|
|
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-right:4px;
|
|
overflow:visible;
|
|
}
|
|
.block-editor-url-input__button .block-editor-url-input__back:after{
|
|
background:#ddd;
|
|
content:"";
|
|
display:block;
|
|
height:24px;
|
|
position:absolute;
|
|
right:-1px;
|
|
width:1px;
|
|
}
|
|
|
|
.block-editor-url-input__button-modal{
|
|
background:#fff;
|
|
border:1px solid #ddd;
|
|
box-shadow:0 .7px 1px rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
|
|
}
|
|
|
|
.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 #ddd;
|
|
}
|
|
|
|
.block-editor-url-popover__additional-controls>div[role=menu] .components-button:not(:disabled):not([aria-disabled=true]):not(.is-secondary)>svg{
|
|
box-shadow:none;
|
|
}
|
|
|
|
.block-editor-url-popover__additional-controls div[role=menu]>.components-button{
|
|
padding-left:12px;
|
|
}
|
|
|
|
.block-editor-url-popover__row{
|
|
display:flex;
|
|
}
|
|
|
|
.block-editor-url-popover__row>:not(.block-editor-url-popover__settings-toggle){
|
|
flex-grow:1;
|
|
}
|
|
|
|
.block-editor-url-popover .components-button.has-icon{
|
|
padding:3px;
|
|
}
|
|
.block-editor-url-popover .components-button.has-icon>svg{
|
|
border-radius:2px;
|
|
height:30px;
|
|
padding:5px;
|
|
width:30px;
|
|
}
|
|
.block-editor-url-popover .components-button.has-icon:not(:disabled):focus{
|
|
box-shadow:none;
|
|
}
|
|
.block-editor-url-popover .components-button.has-icon:not(:disabled):focus>svg{
|
|
box-shadow:inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 4px #fff;
|
|
outline:2px solid transparent;
|
|
}
|
|
|
|
.block-editor-url-popover__settings-toggle{
|
|
border-left:1px solid #ddd;
|
|
border-radius:0;
|
|
flex-shrink:0;
|
|
margin-left:1px;
|
|
}
|
|
.block-editor-url-popover__settings-toggle[aria-expanded=true] .dashicon{
|
|
transform:rotate(180deg);
|
|
}
|
|
|
|
.block-editor-url-popover__settings{
|
|
border-top:1px solid #ddd;
|
|
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{
|
|
flex-grow:1;
|
|
flex-shrink:1;
|
|
margin:7px;
|
|
max-width:500px;
|
|
min-width:150px;
|
|
overflow:hidden;
|
|
text-overflow:ellipsis;
|
|
white-space:nowrap;
|
|
}
|
|
.block-editor-url-popover__link-viewer-url.has-invalid-link{
|
|
color:#cc1818;
|
|
}
|
|
|
|
.html-anchor-control .components-external-link{
|
|
display:block;
|
|
margin-top:8px;
|
|
}
|
|
|
|
.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-right: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-right:24px;
|
|
}
|
|
.block-editor-hooks__layout-controls .block-editor-hooks__layout-controls-unit svg{
|
|
margin:auto 0 4px 8px;
|
|
}
|
|
|
|
.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__padding-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;
|
|
}
|
|
|
|
.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:left;
|
|
}
|
|
|
|
.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-right:1px solid #ddd;
|
|
line-height:0;
|
|
margin-bottom:-1px;
|
|
margin-top:-1px;
|
|
}
|
|
.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-right:none;
|
|
}
|
|
|
|
@media (min-width:782px){
|
|
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group{
|
|
border-right:none;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar:after{
|
|
background-color:#ddd;
|
|
content:"";
|
|
margin-bottom:12px;
|
|
margin-left:8px;
|
|
margin-top:12px;
|
|
width:1px;
|
|
}
|
|
.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar .components-toolbar-group.components-toolbar-group:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar .components-toolbar-group .components-toolbar-group.components-toolbar-group:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar>:last-child .components-toolbar-group:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar>:last-child .components-toolbar:after,.block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar>:last-child:after{
|
|
display:none;
|
|
}
|
|
}
|
|
.block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){
|
|
margin-left:56px;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.has-parent:not(.is-fixed){
|
|
margin-left:0;
|
|
}
|
|
|
|
.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 !important;
|
|
width:24px !important;
|
|
}
|
|
.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 !important;
|
|
min-width:0 !important;
|
|
width:0 !important;
|
|
}
|
|
.show-icon-labels .block-editor-block-parent-selector__button{
|
|
border-bottom-right-radius:0;
|
|
border-top-right-radius:0;
|
|
}
|
|
.show-icon-labels .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{
|
|
width:auto;
|
|
}
|
|
.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-left:1px solid #1e1e1e;
|
|
margin-left:6px;
|
|
margin-right:-6px;
|
|
white-space:nowrap;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-toolbar__block-controls .block-editor-block-mover{
|
|
border-left-color:#e0e0e0;
|
|
}
|
|
.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.is-fixed .block-editor-block-mover__move-button-container{
|
|
border-width:0;
|
|
}
|
|
@media (min-width:600px){
|
|
.show-icon-labels .is-up-button.is-up-button.is-up-button{
|
|
border-radius:0;
|
|
margin-right:0;
|
|
order:1;
|
|
}
|
|
.show-icon-labels .block-editor-block-mover__move-button-container{
|
|
border-left:1px solid #1e1e1e;
|
|
}
|
|
.show-icon-labels .is-down-button.is-down-button.is-down-button{
|
|
order:2;
|
|
}
|
|
.show-icon-labels .block-editor-block-contextual-toolbar.is-fixed .block-editor-block-mover__move-button-container:before{
|
|
background:#ddd;
|
|
}
|
|
}
|
|
.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-left: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 rgba(0,0,0,.1),0 1.2px 1.7px -.2px rgba(0,0,0,.1),0 2.3px 3.3px -.5px rgba(0,0,0,.1);
|
|
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__tabs .components-tab-panel__tabs{
|
|
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__search .components-search-control__icon{
|
|
right:20px;
|
|
}
|
|
|
|
.block-editor-inserter__tabs{
|
|
display:flex;
|
|
flex-direction:column;
|
|
flex-grow:1;
|
|
overflow:hidden;
|
|
}
|
|
.block-editor-inserter__tabs .components-tab-panel__tabs{
|
|
border-bottom:1px solid #ddd;
|
|
}
|
|
.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item{
|
|
flex-grow:1;
|
|
margin-bottom:-1px;
|
|
}
|
|
.block-editor-inserter__tabs .components-tab-panel__tabs .components-tab-panel__tabs-item[id$=reusable]{
|
|
flex-grow:inherit;
|
|
padding-left:16px;
|
|
padding-right:16px;
|
|
}
|
|
.block-editor-inserter__tabs .components-tab-panel__tab-content{
|
|
display:flex;
|
|
flex-direction:column;
|
|
flex-grow:1;
|
|
overflow-y:auto;
|
|
}
|
|
|
|
.block-editor-inserter__no-tab-container{
|
|
flex-grow:1;
|
|
overflow-y:auto;
|
|
}
|
|
|
|
.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 12px 0 0;
|
|
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:right;
|
|
}
|
|
|
|
.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{
|
|
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-right:8px;
|
|
}
|
|
|
|
.block-editor-inserter__preview-container{
|
|
background:#fff;
|
|
border:1px solid #ddd;
|
|
border-radius:2px;
|
|
display:none;
|
|
left:calc(100% + 16px);
|
|
max-height:calc(100% - 32px);
|
|
overflow-y:hidden;
|
|
position:absolute;
|
|
top:16px;
|
|
width:300px;
|
|
}
|
|
@media (min-width:782px){
|
|
.block-editor-inserter__preview-container{
|
|
display:block;
|
|
}
|
|
}
|
|
.block-editor-inserter__preview-container .block-editor-block-card{
|
|
padding:16px;
|
|
}
|
|
.block-editor-inserter__preview-container .block-editor-block-card__title{
|
|
font-size:13px;
|
|
}
|
|
|
|
.block-editor-inserter__patterns-explore-button.components-button{
|
|
justify-content:center;
|
|
margin-top:16px;
|
|
padding:16px;
|
|
width:100%;
|
|
}
|
|
|
|
.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category{
|
|
color:var(--wp-admin-theme-color);
|
|
position:relative;
|
|
}
|
|
.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category .components-flex-item{
|
|
filter:brightness(.95);
|
|
}
|
|
.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category svg{
|
|
fill:var(--wp-admin-theme-color);
|
|
}
|
|
.block-editor-inserter__patterns-selected-category.block-editor-inserter__patterns-selected-category:after{
|
|
background:var(--wp-admin-theme-color);
|
|
border-radius:2px;
|
|
bottom:0;
|
|
content:"";
|
|
left:0;
|
|
opacity:.04;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
}
|
|
.block-editor-inserter__block-patterns-tabs-container,.block-editor-inserter__block-patterns-tabs-container nav{
|
|
height:100%;
|
|
}
|
|
|
|
.block-editor-inserter__block-patterns-tabs{
|
|
display:flex;
|
|
flex-direction:column;
|
|
height:100%;
|
|
overflow-y:auto;
|
|
padding:16px;
|
|
}
|
|
.block-editor-inserter__block-patterns-tabs div[role=listitem]:last-child{
|
|
margin-top:auto;
|
|
}
|
|
|
|
.block-editor-inserter__patterns-category-dialog{
|
|
background:#f0f0f0;
|
|
border-left:1px solid #e0e0e0;
|
|
border-right:1px solid #e0e0e0;
|
|
height:100%;
|
|
left:0;
|
|
overflow-y:auto;
|
|
padding:32px 24px;
|
|
position:absolute;
|
|
scrollbar-gutter:stable both-edges;
|
|
top:0;
|
|
width:100%;
|
|
}
|
|
@media (min-width:782px){
|
|
.block-editor-inserter__patterns-category-dialog{
|
|
display:block;
|
|
left:100%;
|
|
width:300px;
|
|
}
|
|
}
|
|
.block-editor-inserter__patterns-category-dialog .block-editor-block-patterns-list{
|
|
margin-top:24px;
|
|
}
|
|
.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container{
|
|
box-shadow:0 15px 25px rgba(0,0,0,.07);
|
|
}
|
|
.block-editor-inserter__patterns-category-dialog .block-editor-block-preview__container:hover{
|
|
box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
|
|
}
|
|
|
|
.block-editor-inserter__patterns-category-panel{
|
|
padding:0 16px;
|
|
}
|
|
@media (min-width:782px){
|
|
.block-editor-inserter__patterns-category-panel{
|
|
padding:0;
|
|
}
|
|
}
|
|
|
|
.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;
|
|
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:left;
|
|
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{
|
|
grid-gap:8px;
|
|
display:grid;
|
|
grid-template-columns:1fr 1fr;
|
|
}
|
|
.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-block-preview__container{
|
|
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;
|
|
left:0;
|
|
overflow-x:visible;
|
|
overflow-y:scroll;
|
|
padding:24px 32px 32px;
|
|
position:absolute;
|
|
top:76px;
|
|
width:280px;
|
|
}
|
|
.block-editor-block-patterns-explorer__sidebar__categories-list__item{
|
|
display:block;
|
|
height:48px;
|
|
text-align:left;
|
|
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-left:280px;
|
|
padding:24px 0 32px;
|
|
}
|
|
.block-editor-block-patterns-explorer .block-editor-block-patterns-list{
|
|
grid-gap:32px;
|
|
display:grid;
|
|
grid-template-columns:repeat(1, 1fr);
|
|
}
|
|
@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-block-preview__container{
|
|
height:inherit;
|
|
max-height:800px;
|
|
min-height:100px;
|
|
}
|
|
|
|
.block-editor-inserter__patterns-category-panel-title{
|
|
font-size:16.25px;
|
|
}
|
|
.block-editor-inserter__media-tabs-container,.block-editor-inserter__media-tabs-container nav{
|
|
height:100%;
|
|
}
|
|
.block-editor-inserter__media-tabs-container .block-editor-inserter__media-library-button{
|
|
justify-content:center;
|
|
margin-top:16px;
|
|
padding:16px;
|
|
width:100%;
|
|
}
|
|
|
|
.block-editor-inserter__media-tabs{
|
|
display:flex;
|
|
flex-direction:column;
|
|
height:100%;
|
|
overflow-y:auto;
|
|
padding:16px;
|
|
}
|
|
.block-editor-inserter__media-tabs div[role=listitem]:last-child{
|
|
margin-top:auto;
|
|
}
|
|
.block-editor-inserter__media-tabs__media-category.is-selected{
|
|
color:var(--wp-admin-theme-color);
|
|
position:relative;
|
|
}
|
|
.block-editor-inserter__media-tabs__media-category.is-selected .components-flex-item{
|
|
filter:brightness(.95);
|
|
}
|
|
.block-editor-inserter__media-tabs__media-category.is-selected svg{
|
|
fill:var(--wp-admin-theme-color);
|
|
}
|
|
.block-editor-inserter__media-tabs__media-category.is-selected:after{
|
|
background:var(--wp-admin-theme-color);
|
|
border-radius:2px;
|
|
bottom:0;
|
|
content:"";
|
|
left:0;
|
|
opacity:.04;
|
|
position:absolute;
|
|
right:0;
|
|
top:0;
|
|
}
|
|
|
|
.block-editor-inserter__media-dialog{
|
|
background:#f0f0f0;
|
|
border-left:1px solid #e0e0e0;
|
|
border-right:1px solid #e0e0e0;
|
|
height:100%;
|
|
left:0;
|
|
overflow-y:auto;
|
|
padding:16px 24px;
|
|
position:absolute;
|
|
scrollbar-gutter:stable both-edges;
|
|
top:0;
|
|
width:100%;
|
|
}
|
|
@media (min-width:782px){
|
|
.block-editor-inserter__media-dialog{
|
|
display:block;
|
|
left:100%;
|
|
width:300px;
|
|
}
|
|
}
|
|
.block-editor-inserter__media-dialog .block-editor-block-preview__container{
|
|
box-shadow:0 15px 25px rgba(0,0,0,.07);
|
|
}
|
|
.block-editor-inserter__media-dialog .block-editor-block-preview__container:hover{
|
|
box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
|
|
}
|
|
|
|
.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.components-search-control input[type=search].components-search-control__input{
|
|
background:#fff;
|
|
}
|
|
.block-editor-inserter__media-panel .block-editor-inserter__media-panel-search.components-search-control button.components-button{
|
|
min-width:auto;
|
|
padding-left:2px;
|
|
padding-right:2px;
|
|
}
|
|
|
|
.block-editor-inserter__media-list{
|
|
margin-top:16px;
|
|
}
|
|
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item{
|
|
cursor:pointer;
|
|
margin-bottom:24px;
|
|
position:relative;
|
|
}
|
|
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-placeholder{
|
|
min-height:100px;
|
|
}
|
|
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item[draggable=true] .block-editor-block-preview__container{
|
|
cursor:grab;
|
|
}
|
|
.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item.is-hovered .block-editor-inserter__media-list__item-preview{
|
|
box-shadow:0 0 0 2px #1e1e1e,0 15px 25px rgba(0,0,0,.07);
|
|
}
|
|
.block-editor-inserter__media-list .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 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options{
|
|
position:absolute;
|
|
right:8px;
|
|
top:8px;
|
|
}
|
|
.block-editor-inserter__media-list .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 .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button.is-opened,.block-editor-inserter__media-list .block-editor-inserter__media-list__list-item .block-editor-inserter__media-list__item-preview-options>button:focus{
|
|
display:block;
|
|
}
|
|
.block-editor-inserter__media-list .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 transparent;
|
|
}
|
|
.block-editor-inserter__media-list .block-editor-inserter__media-list__item{
|
|
height:100%;
|
|
}
|
|
.block-editor-inserter__media-list .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 .block-editor-inserter__media-list__item .block-editor-inserter__media-list__item-preview>*{
|
|
margin:0 auto;
|
|
max-width:100%;
|
|
}
|
|
.block-editor-inserter__media-list .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:hsla(0,0%,100%,.7);
|
|
display:flex;
|
|
height:100%;
|
|
justify-content:center;
|
|
pointer-events:none;
|
|
position:absolute;
|
|
width:100%;
|
|
}
|
|
.block-editor-inserter__media-list .block-editor-inserter__media-list__item:focus .block-editor-inserter__media-list__item-preview{
|
|
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 transparent;
|
|
}
|
|
|
|
.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 0 12px 12px;
|
|
}
|
|
|
|
.reusable-blocks-menu-items__rename-hint-dismiss{
|
|
margin:4px 4px 4px 0;
|
|
}
|
|
|
|
.components-menu-group .reusable-blocks-menu-items__rename-hint{
|
|
margin:0;
|
|
}
|
|
|
|
.block-editor-post-preview__dropdown{
|
|
padding:0;
|
|
}
|
|
|
|
.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize{
|
|
padding-left:40px;
|
|
}
|
|
.block-editor-post-preview__button-resize.block-editor-post-preview__button-resize.has-icon{
|
|
padding-left:8px;
|
|
}
|
|
|
|
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:first-child{
|
|
padding-bottom:8px;
|
|
}
|
|
.block-editor-post-preview__dropdown-content.edit-post-post-preview-dropdown .components-menu-group:last-child{
|
|
margin-bottom:0;
|
|
}
|
|
.block-editor-post-preview__dropdown-content .components-menu-group+.components-menu-group{
|
|
padding:8px;
|
|
}
|
|
|
|
@media (min-width:600px){
|
|
.edit-post-header__settings .editor-post-preview,.edit-site-header-edit-mode__actions .editor-post-preview{
|
|
display:none;
|
|
}
|
|
.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{
|
|
transition:opacity .1s linear;
|
|
}
|
|
}
|
|
@media (min-width:600px) and (prefers-reduced-motion:reduce){
|
|
.edit-post-header.has-reduced-ui .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui .edit-post-header__settings .editor-post-saved-state{
|
|
transition-delay:0s;
|
|
transition-duration:0s;
|
|
}
|
|
}
|
|
@media (min-width:600px){
|
|
.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-save-draft,.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .editor-post-saved-state{
|
|
opacity:0;
|
|
}
|
|
.edit-post-header.has-reduced-ui:not(:hover) .edit-post-header__settings .block-editor-post-preview__button-toggle.is-opened{
|
|
opacity:1;
|
|
}
|
|
}
|
|
|
|
.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__wrapper+.spacing-sizes-control__wrapper{
|
|
margin-top:8px;
|
|
}
|
|
|
|
.spacing-sizes-control__header{
|
|
height:16px;
|
|
margin-bottom:8px;
|
|
}
|
|
|
|
.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;
|
|
}
|
|
|
|
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;
|
|
}
|
|
} |