56 lines
1.4 KiB
CSS
56 lines
1.4 KiB
CSS
/* Theme editor styles */
|
|
|
|
@import "../../static/dist/theme.css";
|
|
|
|
:root {
|
|
--vdi-editor-gutter: clamp(1rem, 4vw, 3rem);
|
|
}
|
|
|
|
body {
|
|
font-family: var(--font-sans);
|
|
|
|
h1, h2, h3,
|
|
h4, h5, h6 {
|
|
font-family: var(--font-headings);
|
|
font-weight: 700;
|
|
margin: 0 0 1rem;
|
|
}
|
|
}
|
|
|
|
.editor-styles-wrapper.is-root-container,
|
|
.editor-styles-wrapper .block-editor-block-list__layout.is-root-container,
|
|
.editor-styles-wrapper .wp-block-post-content,
|
|
.editor-visual-editor__post-title-wrapper {
|
|
box-sizing: border-box;
|
|
margin-inline: auto;
|
|
max-width: min(100%, var(--wp--style--global--wide-size, 1536px));
|
|
padding-inline: var(--vdi-editor-gutter);
|
|
width: 100%;
|
|
}
|
|
|
|
.editor-styles-wrapper .alignfull,
|
|
.editor-styles-wrapper .mx-break-out {
|
|
margin-left: calc(var(--vdi-editor-gutter) * -1);
|
|
margin-right: calc(var(--vdi-editor-gutter) * -1);
|
|
max-width: none;
|
|
width: calc(100% + (var(--vdi-editor-gutter) * 2));
|
|
}
|
|
|
|
.editor-styles-wrapper .ml-break-out {
|
|
margin-left: calc(var(--vdi-editor-gutter) * -1);
|
|
max-width: none;
|
|
width: calc(100% + var(--vdi-editor-gutter));
|
|
}
|
|
|
|
.editor-styles-wrapper .mr-break-out {
|
|
margin-left: 0;
|
|
margin-right: calc(var(--vdi-editor-gutter) * -1);
|
|
max-width: none;
|
|
width: calc(100% + var(--vdi-editor-gutter));
|
|
}
|
|
|
|
.wp-block-buttons .block-editor-block-list__layout {
|
|
display: flex;
|
|
gap: 1rem;
|
|
}
|