From 17119f59cf525b90b966e99117137512dbd397b4 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@users.noreply.github.com>
Date: Thu, 10 Oct 2019 15:22:59 -0400
Subject: [PATCH] fix(grid): remove padding on children columns when grid has
 ion-no-padding (#19592)

fixes #17459
---
 core/src/components/grid/grid.scss | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/core/src/components/grid/grid.scss b/core/src/components/grid/grid.scss
index f7afd470de..97120021df 100644
--- a/core/src/components/grid/grid.scss
+++ b/core/src/components/grid/grid.scss
@@ -39,10 +39,11 @@
 // --------------------------------------------------
 
 // Remove the padding from grid and all immediate children columns
-:host([no-padding]) {
-  @include padding(0);
-}
-
-:host([no-padding]) ::slotted(ion-col) {
-  @include padding(0);
+:host(.ion-no-padding) {
+  --ion-grid-column-padding: 0;
+  --ion-grid-column-padding-xs: 0;
+  --ion-grid-column-padding-sm: 0;
+  --ion-grid-column-padding-md: 0;
+  --ion-grid-column-padding-lg: 0;
+  --ion-grid-column-padding-xl: 0;
 }