refactor(themes): don't include mixins for shape modifiers

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/themes/_index.scss

@@ -292,32 +292,6 @@
     );
 }
 
-/// Creates a global theme that can be used with light backgrounds.
-/// @param {Map} $palette - An igx-palette to be used by the global theme.
-/// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
-/// @param {Boolean} $legacy-support - Turn off support for IE11, allowing you to use css variables to style components.
-@mixin igx-light-square-theme(
-    $palette,
-    $exclude: (),
-    $legacy-support: true
-) {
-    $primary: igx-color($palette, 'primary');
-    $secondary: igx-color($palette, 'secondary');
-    $surface: igx-color($palette, 'surface');
-
-    @include igx-theme(
-        $palette: igx-palette(
-            $primary,
-            $secondary,
-            $surface: if($surface != #fff, $surface, #fff),
-            $grays: #000
-        ),
-        $schema: $light-square-schema,
-        $legacy-support: $legacy-support,
-        $exclude: $exclude
-    );
-}
-
 /// Creates a global theme that can be used with dark backgrounds.
 /// @param {Map} $palette - An igx-palette to be used by the global theme.
 /// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.

src/app/pageHeading/pageHeading.styles.scss

@@ -15,7 +15,7 @@ $hamburger-theme: igx-button-theme(
 );
 
 :host ::ng-deep {
-     @include igx-button($hamburger-theme);
+    @include igx-button($hamburger-theme);
 
     .hamburger {
         margin-right: 32px;

src/styles/_mixins.scss

@@ -24,3 +24,55 @@
         background-color: $scrollbar-thumb;
     }
 }
+
+/// Creates a global theme that can be used with light backgrounds.
+/// @param {Map} $palette - An igx-palette to be used by the global theme.
+/// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
+/// @param {Boolean} $legacy-support - Turn off support for IE11, allowing you to use css variables to style components.
+@mixin igx-light-square-theme(
+    $palette,
+    $exclude: (),
+    $legacy-support: true
+) {
+    $primary: igx-color($palette, 'primary');
+    $secondary: igx-color($palette, 'secondary');
+    $surface: igx-color($palette, 'surface');
+
+    @include igx-theme(
+        $palette: igx-palette(
+            $primary,
+            $secondary,
+            $surface: if($surface != #fff, $surface, #fff),
+            $grays: #000
+        ),
+        $schema: $light-square-schema,
+        $legacy-support: $legacy-support,
+        $exclude: $exclude
+    );
+}
+
+/// Creates a global theme that can be used with light backgrounds.
+/// @param {Map} $palette - An igx-palette to be used by the global theme.
+/// @param {List} $exclude [( )] - A list of igx components to be excluded from the global theme styles.
+/// @param {Boolean} $legacy-support - Turn off support for IE11, allowing you to use css variables to style components.
+@mixin igx-light-square-theme(
+    $palette,
+    $exclude: (),
+    $legacy-support: true
+) {
+    $primary: igx-color($palette, 'primary');
+    $secondary: igx-color($palette, 'secondary');
+    $surface: igx-color($palette, 'surface');
+
+    @include igx-theme(
+        $palette: igx-palette(
+            $primary,
+            $secondary,
+            $surface: if($surface != #fff, $surface, #fff),
+            $grays: #000
+        ),
+        $schema: $light-square-schema,
+        $legacy-support: $legacy-support,
+        $exclude: $exclude
+    );
+}