26 lines
2.4 KiB
CSS
26 lines
2.4 KiB
CSS
[id].editor-selected{outline:3px solid #437754!important;outline-offset:-3px;scroll-margin-top:14px}
|
|
[id].editor-hover:not(.editor-selected){outline:2px dashed #64864e;outline-offset:-2px}
|
|
|
|
/* Placeholder for a block whose plugin is missing. Editor preview only; the public page renders
|
|
nothing for it, so this style never reaches a visitor. */
|
|
.block-unavailable{margin:12px auto;max-width:640px;padding:14px 18px;border:2px dashed #b08a3c;border-radius:8px;background:#fdf6e6;color:#6c5220;font:600 13px/1.6 system-ui,sans-serif}
|
|
|
|
/* Inline editing. Only ever active in the editor preview, never on a published page. */
|
|
[contenteditable].editor-inline{outline:3px solid #b55b12;outline-offset:4px;border-radius:3px;cursor:text;background:#fffdf7}
|
|
|
|
/* Empty layout areas must have a real hit area, including when sibling columns have content. */
|
|
.editor-empty-container{min-height:130px!important}
|
|
.editor-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:130px;width:100%;padding:22px 14px;border:2px dashed #93aa9a;border-radius:7px;background:#f3f8f4;color:#264f3d;text-align:center;font:14px/1.5 system-ui,sans-serif;box-sizing:border-box;grid-column:1/-1}
|
|
.editor-empty-name{font-size:12px;font-weight:700;letter-spacing:.04em}
|
|
.editor-empty-hint{font-size:13px;color:#496351}
|
|
.editor-empty-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px}
|
|
.editor-empty button{appearance:none;font:600 13px/1.3 system-ui,sans-serif;color:#264f3d;background:white;border:1px solid #94ad9d;border-radius:6px;min-height:40px;padding:9px 13px;cursor:pointer;letter-spacing:normal;text-transform:none;box-shadow:none;margin:0}
|
|
.editor-empty button:hover,.editor-empty button:focus-visible{background:#deeee2;border-color:#32644a;outline:2px solid #32644a;outline-offset:2px}
|
|
.editor-empty button[data-editor-insert]{background:#2c634a;color:white;border-color:#2c634a}
|
|
.editor-container:hover:not(.editor-selected),.editor-dragging .editor-container{outline:1px dashed #6b927a;outline-offset:-1px}
|
|
.editor-container.editor-insert-target{outline:3px solid #b55b12!important;outline-offset:-3px}
|
|
.editor-dragging .editor-empty{background:#e6f1e9;border-color:#467858}
|
|
.editor-add-content{min-height:0;margin-top:12px;padding:10px;border-width:1px;background:#f3f8f4}
|
|
.block-accordion.editor-container>.editor-add-content{margin-top:16px}
|
|
@media(max-width:650px){.editor-empty{padding:16px 10px}.editor-empty button{min-height:44px}}
|