MOBILE-4059 theme: Fix spacing

src/theme/helpers/custom.mixins.scss

@@ -11,21 +11,21 @@
 // --------------------------------------------------------------------------------------------
 @function get-color-shade-percent($color, $percent: 48%) {
     @return mix(#000, $color, $percent);
-  }
+}
 
-  // Mixes a color with white to create its tint.
-  // Default to bootstrap level -10.
-  // --------------------------------------------------------------------------------------------
-  @function get-color-tint-percent($color, $percent: 80%) {
+// Mixes a color with white to create its tint.
+// Default to bootstrap level -10.
+// --------------------------------------------------------------------------------------------
+@function get-color-tint-percent($color, $percent: 80%) {
     @return mix(#fff, $color, $percent);
-  }
+}
 
-  // Ionic Colors
-  // --------------------------------------------------
-  // Generates the color classes and variables based on the
-  // colors map
+// Ionic Colors
+// --------------------------------------------------
+// Generates the color classes and variables based on the
+// colors map
 
-  @mixin generate-color($color-name, $colors, $theme) {
+@mixin generate-color($color-name, $colors, $theme) {
     $color-themes: map-get($colors, $color-name);
     $base: map-get($color-themes, $theme);
 
@@ -34,9 +34,9 @@
     }
 
     @include generate-color-variants($color-name, $base);
-  }
+}
 
-  @mixin generate-color-variants($color-name, $base) {
+@mixin generate-color-variants($color-name, $base) {
     $contrast: get_contrast_color($base);
     $shade: get-color-shade-percent($base);
     $tint: get-color-tint-percent($base);
@@ -64,10 +64,9 @@
         --ion-color-shade: var(--ion-color-#{$color-name}-shade);
         --ion-color-tint: var(--ion-color-#{$color-name}-tint);
     }
-  }
+}
 
-
- @mixin core-focus() {
+@mixin core-focus() {
     outline: none;
     position: relative;
     &::after {
@@ -78,9 +77,9 @@
         z-index: 1;
         @include core-focus-style();
     }
- }
+}
 
- @mixin core-focus-style() {
+@mixin core-focus-style() {
     box-shadow: inset 0 0 var(--a11y-focus-width) 1px var(--a11y-focus-color);
     // Thicker option:
     // border: var(--a11y-focus-width) solid var(--a11y-focus-color);
@@ -262,7 +261,7 @@
     @return if($yiq >= 128, $dark, $light);
 }
 
-// WCAG contrast algorythm
+// WCAG contrast algorithm
 @function check-contrast($foreground, $background) {
     $foregroundLumiance: luminance($foreground);
     $backgroundLuminance: luminance($background);