diff --git a/client/components/codeEditor/extensions/customKeyMaps.js b/client/components/codeEditor/extensions/customKeyMaps.js index fa8ba6924..92809ae61 100644 --- a/client/components/codeEditor/extensions/customKeyMaps.js +++ b/client/components/codeEditor/extensions/customKeyMaps.js @@ -25,6 +25,9 @@ export async function formatCSS(view) { bracketSpacing: true, endOfLine: 'lf' }); + + //format manually single declaration rules to span one line. + //Prettier can't do it by default, this is crude but it works formatted = formatted.replace( /([^{]+)\{\s*\n\s*([^;\n]+:[^;\n]+;)\s*\n\s*\}/g, (_, selector, decl)=>`${selector.trim()} { ${decl.trim()} }`