Removing padding in columns for ionic theme

2026-03-13 10:22:08 +08:00 · 2025-12-01 12:39:54 +01:00
2 changed files with 14 additions and 1 deletions
--- a/core/src/components/col/col.ionic.scss
+++ b/core/src/components/col/col.ionic.scss
@@ -0,0 +1,9 @@
+@import "./col.scss";
+
+// Column
+// --------------------------------------------------
+
+:host {
+  // Override default padding for Ionic mode
+  --ion-grid-column-padding: 0;
+}
--- a/core/src/components/col/col.tsx
+++ b/core/src/components/col/col.tsx
@@ -14,7 +14,11 @@ const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
 */
@Component({
  tag: 'ion-col',
-  styleUrl: 'col.scss',
+  styleUrls: {
+    ios: 'col.scss',
+    md: 'col.scss',
+    ionic: 'col.ionic.scss',
+  },
  shadow: true,
 })
 export class Col implements ComponentInterface {