diff options
Diffstat (limited to 'wp-includes/css/dist/block-editor/content.css')
-rw-r--r-- | wp-includes/css/dist/block-editor/content.css | 81 |
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; |