src/scss/_editor-overrides.scss

// Editor-specific overrides
// Adjustments for the block editor iframe to match frontend appearance

.editor-styles-wrapper {
    font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    line-height: 1.5;

    a {
        text-decoration-thickness: 1px !important;
        text-underline-offset: 0.1em;
    }

    // Alignment overrides matching Bootstrap container widths
    .alignfull {
        margin-left: 0;
        margin-right: 0;
    }

    .alignwide {
        max-width: 1140px;
        margin-left: auto;
        margin-right: auto;
    }

    // Block gap matching theme.json blockGap
    > * + * {
        margin-block-start: 1.5rem;
    }
}
v0.2.0 - Design Editor: templates, patterns, header/footer variations Full Design Editor compatibility with custom block categories, page templates, header/footer variations, and navigation styles. Both FSE (admin) and Twig (frontend) sides kept in sync. Co-Authored-By: Claude <noreply@anthropic.com> 2026-02-08 16:05:29 +01:00			`// Editor-specific overrides`
			`// Adjustments for the block editor iframe to match frontend appearance`

			`.editor-styles-wrapper {`
			`font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;`
			`line-height: 1.5;`

			`a {`
			`text-decoration-thickness: 1px !important;`
			`text-underline-offset: 0.1em;`
			`}`

			`// Alignment overrides matching Bootstrap container widths`
			`.alignfull {`
			`margin-left: 0;`
			`margin-right: 0;`
			`}`

			`.alignwide {`
			`max-width: 1140px;`
			`margin-left: auto;`
			`margin-right: auto;`
			`}`

			`// Block gap matching theme.json blockGap`
			`> * + * {`
			`margin-block-start: 1.5rem;`
			`}`
			`}`