summaryrefslogtreecommitdiffstats
path: root/wp-includes/css/dist/block-editor/content.css
diff options
context:
space:
mode:
Diffstat (limited to 'wp-includes/css/dist/block-editor/content.css')
-rw-r--r--wp-includes/css/dist/block-editor/content.css81
1 files changed, 53 insertions, 28 deletions
diff --git a/wp-includes/css/dist/block-editor/content.css b/wp-includes/css/dist/block-editor/content.css
index 702cae4..2d23ec1 100644
--- a/wp-includes/css/dist/block-editor/content.css
+++ b/wp-includes/css/dist/block-editor/content.css
@@ -8,6 +8,7 @@
--wp-admin-border-width-focus:2px;
--wp-block-synced-color:#7a00df;
--wp-block-synced-color--rgb:122, 0, 223;
+ --wp-bound-block-color:#9747ff;
}
@media (min-resolution:192dpi){
:root{
@@ -49,7 +50,7 @@
}
}
:root .block-editor-block-list__layout::selection,:root .has-multi-selection .block-editor-block-list__layout::selection,_::-webkit-full-page-media,_:future{
- background-color:transparent;
+ background-color:initial;
}
.block-editor-block-list__layout{
position:relative;
@@ -58,7 +59,7 @@
border-radius:2px;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected) ::selection,.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected)::selection{
- background:transparent;
+ background:#0000;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected):after{
animation:selection-overlay__fade-in-animation .1s ease-out;
@@ -69,7 +70,7 @@
content:"";
left:0;
opacity:.4;
- outline:2px solid transparent;
+ outline:2px solid #0000;
pointer-events:none;
position:absolute;
right:0;
@@ -85,23 +86,23 @@
.block-editor-block-list__layout .block-editor-block-list__block.is-multi-selected:not(.is-partially-selected).is-highlighted:after{
box-shadow:none;
}
-.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{
+.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected{
outline:none;
}
-.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{
+.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{
border-radius:1px;
bottom:1px;
box-shadow:0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
content:"";
left:1px;
- outline:2px solid transparent;
+ outline:2px solid #0000;
pointer-events:none;
position:absolute;
right:1px;
top:1px;
z-index:1;
}
-.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable]):focus:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{
+.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block.is-highlighted~.is-multi-selected:after,.is-dark-theme .block-editor-block-list__layout .block-editor-block-list__block:not([contenteditable=true]):focus:after,.is-dark-theme .block-editor-block-list__layout.is-navigate-mode .block-editor-block-list__block.is-selected:after{
box-shadow:0 0 0 var(--wp-admin-border-width-focus) #fff;
}
.block-editor-block-list__layout .is-block-moving-mode.block-editor-block-list__block.is-selected:after{
@@ -159,10 +160,6 @@
margin:0 0 12px;
width:100%;
}
-.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice{
- margin-left:0;
- margin-right:0;
-}
.block-editor-block-list__layout .block-editor-block-list__block .components-with-notices-ui .components-notice .components-notice__content{
font-size:13px;
}
@@ -178,7 +175,7 @@
pointer-events:all;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning:after{
- background-color:hsla(0,0%,100%,.4);
+ background-color:#fff6;
border-radius:2px;
bottom:0;
content:"";
@@ -188,7 +185,7 @@
top:0;
}
.block-editor-block-list__layout .block-editor-block-list__block.has-warning.is-multi-selected:after{
- background-color:transparent;
+ background-color:initial;
}
.block-editor-block-list__layout .block-editor-block-list__block.is-reusable>.block-editor-inner-blocks>.block-editor-block-list__layout.has-overlay:after{
display:none;
@@ -235,6 +232,35 @@
top:1px;
}
+@keyframes block-editor-has-editable-outline__fade-out-animation{
+ 0%{
+ border-color:rgba(var(--wp-admin-theme-color--rgb), 1);
+ }
+ to{
+ border-color:rgba(var(--wp-admin-theme-color--rgb), 0);
+ }
+}
+.is-root-container:not([inert]) .block-editor-block-list__block.has-editable-outline:after{
+ animation:block-editor-has-editable-outline__fade-out-animation .3s ease-out;
+ animation-delay:1s;
+ animation-fill-mode:forwards;
+ border:1px dotted rgba(var(--wp-admin-theme-color--rgb), 1);
+ border-radius:2px;
+ bottom:0;
+ content:"";
+ left:0;
+ pointer-events:none;
+ position:absolute;
+ right:0;
+ top:0;
+}
+@media (prefers-reduced-motion:reduce){
+ .is-root-container:not([inert]) .block-editor-block-list__block.has-editable-outline:after{
+ animation-delay:0s;
+ animation-duration:1ms;
+ }
+}
+
.is-focus-mode .block-editor-block-list__block:not(.has-child-selected){
opacity:.2;
transition:opacity .1s linear;
@@ -360,7 +386,7 @@
cursor:default;
}
.block-editor-block-list__block.has-block-overlay:before{
- background:transparent;
+ background:#0000;
border:none;
border-radius:2px;
content:"";
@@ -400,7 +426,7 @@
pointer-events:none !important;
}
.block-editor-block-list__layout .is-dragging::selection{
- background:transparent !important;
+ background:#0000 !important;
}
.block-editor-block-list__layout .is-dragging:after{
content:none !important;
@@ -503,8 +529,8 @@
padding:12px;
}
.is-dark-theme .block-editor-button-block-appender{
- box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65);
- color:hsla(0,0%,100%,.65);
+ box-shadow:inset 0 0 0 1px #ffffffa6;
+ color:#ffffffa6;
}
.block-editor-button-block-appender:hover{
box-shadow:inset 0 0 0 1px var(--wp-admin-theme-color);
@@ -517,10 +543,10 @@
color:#000;
}
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child{
+.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child{
pointer-events:none;
}
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after{
+.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after{
border:1px dashed;
border-radius:2px;
bottom:0;
@@ -531,7 +557,7 @@
right:0;
top:0;
}
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child:after:before{
+.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child:after:before,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child:after:before{
background:currentColor;
bottom:0;
content:"";
@@ -542,13 +568,13 @@
right:0;
top:0;
}
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter{
+.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child .block-editor-inserter{
visibility:hidden;
}
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after{
+.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over:after,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over:after{
border:none;
}
-.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter{
+.block-editor-block-list__block:not(.is-selected)>.is-layout-constrained.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.block-editor-block-list__block:not(.is-selected)>.is-layout-flow.wp-block-group__inner-container>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-constrained.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter,.is-layout-flow.block-editor-block-list__block:not(.is-selected)>.block-list-appender:only-child.is-drag-over .block-editor-inserter{
visibility:visible;
}
.block-editor-block-list__block:not(.is-selected)>.block-editor-block-list__block>.block-list-appender:only-child:after{
@@ -556,8 +582,8 @@
}
.block-list-appender:only-child.is-drag-over .block-editor-button-block-appender{
background-color:var(--wp-admin-theme-color);
- box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.65);
- color:hsla(0,0%,100%,.65);
+ box-shadow:inset 0 0 0 1px #ffffffa6;
+ color:#ffffffa6;
transition:background-color .2s ease-in-out;
}
@media (prefers-reduced-motion:reduce){
@@ -572,14 +598,13 @@
position:relative;
}
.block-editor-default-block-appender[data-root-client-id=""] .block-editor-default-block-appender__content:hover{
- outline:1px solid transparent;
+ outline:1px solid #0000;
}
.block-editor-default-block-appender .block-editor-default-block-appender__content{
opacity:.62;
}
:where(body .is-layout-constrained) .block-editor-default-block-appender>:first-child:first-child{
- -webkit-margin-before:0;
- margin-block-start:0;
+ margin-block-start:0;
}
.block-editor-default-block-appender .components-drop-zone__content-icon{
display:none;