bug: ion-grid no-padding attribute not inheriting on ion-col

Bug Report

Ionic version: [x] 4.x

Columns have padding between individual columns, however, the padding can be removed from the grid and columns by adding no-padding on the grid.

Source: https://ionicframework.com/docs/layout/grid

Current behavior: Giving the ion-grid no-padding, the ion-cols still have padding.

Expected behavior: The ion-cols should not have padding, like mentioned in the documentation and was before in ionic 3.

Steps to reproduce:

Start with the ionic blank template, go to the home.page.html template and add:

Related code:

<ion-grid no-padding>
    <ion-row>
        <ion-col>
            Test
        </ion-col>
    </ion-row>
</ion-grid>

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.10.2 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.1
   @angular-devkit/build-angular : 0.12.4
   @angular-devkit/schematics    : 7.2.4
   @angular/cli                  : 7.2.4
   @ionic/angular-toolkit        : 1.3.0

System:

   NodeJS : v8.11.3 (/usr/local/bin/node)
   npm    : 6.7.0
   OS     : macOS Mojave

[brandyscarney]

@santoshyadav198613 Absolutely, thank you! 🙂

[santoshyadavdev]

Hi @brandyscarney , Can i take this up.