fix: less css for compiled away columns

BuilderIO · Jan 24, 2024 · 9b767ea · 9b767ea
1 parent e862056
commit 9b767ea
Showing 1 changed file with 1 addition and 6 deletions.
diff --git a/packages/core/src/plugins/compile-away-builder-components.ts b/packages/core/src/plugins/compile-away-builder-components.ts
@@ -276,6 +276,7 @@ export const components: CompileAwayComponentsMap = {
           css: createSingleBinding({
             code: JSON.stringify({
               gap: `${gutterSize}px`,
+              alignItems: 'stretch',
               display: 'flex',
               ...(properties.stackColumnsAt === 'never'
                 ? {}
@@ -286,8 +287,6 @@ export const components: CompileAwayComponentsMap = {
                           properties.reverseColumnsWhenStacked === 'true'
                             ? 'column-reverse'
                             : 'column',
-                        alignItems: 'stretch',
-                        gap: `0px`,
                       },
                   }),
             }),
@@ -305,18 +304,14 @@ export const components: CompileAwayComponentsMap = {
                   display: 'flex',
                   flexDirection: 'column',
                   alignItems: 'stretch',
-                  lineHeight: 'normal',
-
                   width: `${getColumnWidth(index)}`,
-                  marginLeft: `${index === 0 ? 0 : gutterSize}px`,
                   ...(properties.stackColumnsAt === 'never'
                     ? {}
                     : {
                         [`@media (max-width: ${
                           properties.stackColumnsAt === 'mobile' ? 640 : 991
                         }px)`]: {
                           width: '100%',
-                          marginLeft: 0,
                         },
                       }),
                 }),