fix(samples): formatting

Author: adrianptrv

src/app/data-entries/buttons/buttons-style/layout.scss

@@ -5,9 +5,9 @@
 :host {
     ::ng-deep {
         @include button($flat: flat-button-theme($schema: $light-bootstrap-schema),
-				$contained: contained-button-theme($schema: $light-bootstrap-schema),
-				$outlined: outlined-button-theme($schema: $light-bootstrap-schema),
-				$fab: fab-button-theme($schema: $light-bootstrap-schema));
+        $contained: contained-button-theme($schema: $light-bootstrap-schema),
+        $outlined: outlined-button-theme($schema: $light-bootstrap-schema),
+        $fab: fab-button-theme($schema: $light-bootstrap-schema));
         @include button.component();
     }
 }
@@ -30,8 +30,8 @@
 }
 
 [igxbutton] {
-	  --ig-button-font-weight: 400;
-	  --ig-button-text-transform: capitalize;
+    --ig-button-font-weight: 400;
+    --ig-button-text-transform: capitalize;
     min-height: 1.5rem;
     outline: rem(1px) solid #fff;
 }

src/app/data-entries/radio/radio-styling-sample/layout.scss

@@ -8,15 +8,15 @@
         @include radio(radio-theme($schema: $_radio-schema));
         @include radio.component();
 
-				// Note: This is not the standard approach for styling the component.
-				// We're using it here solely to mirror the UI5 sample.
+        // Note: This is not the standard approach for styling the component.
+        // We're using it here solely to mirror the UI5 sample.
         .igx-radio--checked .igx-radio__composite::after {
             --fill-color: #556b81;
         }
 
         .igx-radio__composite::after, 
-				.igx-radio__composite::before, 
-				.igx-radio__composite {
+        .igx-radio__composite::before, 
+        .igx-radio__composite {
             width: 1.125rem;
             height: 1.125rem;
         }

src/app/data-entries/switch/switch-styling/layout.scss

@@ -8,8 +8,8 @@
         @include switch(switch-theme($schema: $_switch-schema));
         @include switch.component();
 
-				// Note: This is not the standard approach for styling the component.
-				// We're using it here solely to mirror the UI5 sample.
+        // Note: This is not the standard approach for styling the component.
+        // We're using it here solely to mirror the UI5 sample.
         igx-switch:hover .igx-switch__thumb {
             --border-hover-color: #fff;
         }
@@ -18,14 +18,14 @@
             width: 2.75rem;
             height: 1.25rem;
             padding-left: 0.125rem;
-				 }
+         }
 
         .igx-switch__composite-thumb {
             width: 1.60rem;
             height: 1rem;
             min-width: 1.60rem;
             transform: translateX(-0.5px);
-				}
+        }
 
         .igx-switch__thumb {
             width: 1.60rem;

src/app/layouts/card/card-styling-sample/card-styling-sample.component.scss

@@ -15,21 +15,21 @@ igx-card {
 }
 
 igx-avatar {
-	  --background: transparent;
-	  --size: #{rem(30px)};
+    --background: transparent;
+    --size: #{rem(30px)};
 }
 
 .igx-card-header {
-	  --ig-h6-font-size: 1rem;
-		--ig-body-1-font-size: 0.875rem;
+    --ig-h6-font-size: 1rem;
+    --ig-body-1-font-size: 0.875rem;
 }
 
 .igx-card-header__subtitle {
-		--ig-subtitle-2-font-weight: 400;
-		--ig-subtitle-2-line-height: #{rem(28px)};
-		--ig-subtitle-2-letter-spacing: #{rem(0.5px)};
-		--subtitle-text-color: rgba(0, 0, 0, 0.45);
-		margin: 0.5rem 0 1rem;
+    --ig-subtitle-2-font-weight: 400;
+    --ig-subtitle-2-line-height: #{rem(28px)};
+    --ig-subtitle-2-letter-spacing: #{rem(0.5px)};
+    --subtitle-text-color: rgba(0, 0, 0, 0.45);
+    margin: 0.5rem 0 1rem;
 }
 
 igx-chip {