Fixing more lint problems

Author: rugoncalves

core/src/components/col/col.scss

@@ -8,7 +8,7 @@
    * @prop --col-unit-size: The size of each Column unit.
    */
   --col-unit-size: calc((100% - (var(--ion-grid-columns) - 1) * var(--ion-grid-gap)) / var(--ion-grid-columns));
-  
+
   /**
    * @prop --ion-grid-columns: The number of total Columns in the Grid
    * @prop --ion-grid-column-padding: Padding for the Column
@@ -33,35 +33,33 @@
   min-height: 1px; // Prevent columns from collapsing when empty
 }
 
-:host(.ion-grid-col-auto){
+:host(.ion-grid-col-auto) {
   flex: 0 0 auto;
 }
 
-:host(
-  [class^="ion-grid-col-"], 
-  [class*=" ion-grid-col-"]) {
-    flex: 0 0
-      calc(var(--ion-grid-col-span) * var(--col-unit-size) + 
-      (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap));
+:host([class^="ion-grid-col-"], [class*=" ion-grid-col-"]) {
+  flex: 0 0 calc(var(--ion-grid-col-span) * var(--col-unit-size) + (var(--ion-grid-col-span) - 1) * var(--ion-grid-gap));
 }
 
-:host(
-  [class^="ion-grid-offset-col-"],
-  [class*=" ion-grid-offset-col-"]) {
-    --margin-calc: calc(var(--col-unit-size) * var(--ion-grid-col-margin) + (var(--ion-grid-gap) * var(--ion-grid-col-margin)));
-    
-    @include margin-horizontal(var(--margin-calc), 0);
+:host([class^="ion-grid-offset-col-"], [class*=" ion-grid-offset-col-"]) {
+  --margin-calc: calc(
+    var(--col-unit-size) * var(--ion-grid-col-margin) + (var(--ion-grid-gap) * var(--ion-grid-col-margin))
+  );
+
+  @include margin-horizontal(var(--margin-calc), 0);
 }
 
 $max: 12;
 
 @for $i from 1 through $max {
   .ion-grid-col-#{$i} {
-    --ion-grid-col-span: #{$i}; 
+    --ion-grid-col-span: #{$i};
   }
+
   .ion-grid-order-col-#{$i} {
-    order: #{$i}; 
+    order: #{$i};
   }
+
   .ion-grid-offset-col-#{$i} {
     --ion-grid-col-margin: #{$i};
   }

core/src/components/col/col.tsx

@@ -5,7 +5,6 @@ import { matchBreakpoint } from '@utils/media';
 
 import { getIonTheme } from '../../global/ionic-global';
 
-
 // eslint-disable-next-line @typescript-eslint/prefer-optional-chain
 const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
 
@@ -19,7 +18,6 @@ const BREAKPOINTS = ['', 'xs', 'sm', 'md', 'lg', 'xl'];
   shadow: true,
 })
 export class Col implements ComponentInterface {
-
   @Element() el!: HTMLIonColElement;
   /**
    * The amount to offset the column, in terms of how many columns it should shift to the end
@@ -57,7 +55,7 @@ export class Col implements ComponentInterface {
    */
   @Prop() offsetXl?: string;
 
-/**
+  /**
    * The order of the column, in terms of where the column should position itself in the columns renderer.
    * If no value is passed, the column order implicit value will be the order in the html structure.
    */
@@ -266,9 +264,19 @@ export class Col implements ComponentInterface {
   }
 
   componentDidLoad() {
-    if(
-      this.pull || this.pullLg || this.pullMd || this.pullSm || this.pullXl || this.pullXs ||
-      this.push || this.pushLg || this.pushMd || this.pushSm || this.pushXl || this.pushXs
+    if (
+      this.pull ||
+      this.pullLg ||
+      this.pullMd ||
+      this.pullSm ||
+      this.pullXl ||
+      this.pullXs ||
+      this.push ||
+      this.pushLg ||
+      this.pushMd ||
+      this.pushSm ||
+      this.pushXl ||
+      this.pushXs
     ) {
       printIonWarning(
         '[ion-col] - The pull and push properties are deprecated and no longer work, in favor of the order and size properties.',
@@ -290,7 +298,7 @@ export class Col implements ComponentInterface {
           [theme]: true,
           [`${colSize}`]: colSize !== undefined,
           [`${colOrder}`]: colOrder !== undefined,
-          [`${colOffset}`]: colOffset !== undefined
+          [`${colOffset}`]: colOffset !== undefined,
         }}
       >
         <slot></slot>