Code adjustments

rugoncalves · rugoncalves · commit e1a06488151a · 2025-08-28T12:42:45.000+02:00
diff --git a/core/src/components/col/col.scss b/core/src/components/col/col.scss
@@ -26,6 +26,8 @@
   width: 100%;
   max-width: 100%;
   min-height: 1px; // Prevent columns from collapsing when empty
+
+  --col-unit-size: calc((100% - (var(--ion-grid-columns, 12) - 1) * var(--ion-grid-gap)) / var(--ion-grid-columns, 12));
 }
 
 :host(.ion-grid-col-auto){
diff --git a/core/src/components/row/row.scss b/core/src/components/row/row.scss
@@ -3,11 +3,11 @@
 // Row
 // --------------------------------------------------
 :host {
-  --ion-col-gap: 0px;
+  --ion-grid-gap: 0px;
 
   display: flex;
 
   flex-wrap: wrap;
 
-  gap: var(--ion-col-gap, 0px);
+  gap: var(--ion-grid-gap, 0px);
 }

Original file line number	Diff line number	Diff line change
`@@ -26,6 +26,8 @@`
`26`	`26`	`width: 100%;`
`27`	`27`	`max-width: 100%;`
`28`	`28`	`min-height: 1px; // Prevent columns from collapsing when empty`
	`29`	`+`
	`30`	`+ --col-unit-size: calc((100% - (var(--ion-grid-columns, 12) - 1) * var(--ion-grid-gap)) / var(--ion-grid-columns, 12));`
`29`	`31`	`}`
`30`	`32`
`31`	`33`	`:host(.ion-grid-col-auto){`