✨feature: Initial commit

styles/backend/admin.css

@@ -0,0 +1,2 @@
+/* Light admin styles; avoid overriding core wp-admin UI */
+

styles/backend/editor.css

@@ -0,0 +1,55 @@
+/* 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;
+}