Use each directive for less repetition

Author: willshowell

src/lib/tabs/_tabs-theme.scss

@@ -47,50 +47,31 @@
   }
 
   .mat-tab-group, .mat-tab-nav-bar {
-
-    // Set the foreground color of the tabs
-    &.mat-primary {
-      @include _mat-tab-label-focus($primary);
-      @include _mat-ink-bar($primary);
-    }
-
-    &.mat-accent {
-      @include _mat-tab-label-focus($accent);
-      @include _mat-ink-bar($accent);
-    }
-
-    &.mat-warn {
-      @include _mat-tab-label-focus($warn);
-      @include _mat-ink-bar($warn);
-    }
-
-    // Set background color of the tabs and override focus color
-    &.mat-background-primary {
-      @include _mat-tab-label-focus($primary);
-      @include _mat-tabs-background($primary);
-    }
-
-    &.mat-background-accent {
-      @include _mat-tab-label-focus($accent);
-      @include _mat-tabs-background($accent);
-    }
-
-    &.mat-background-warn {
-      @include _mat-tab-label-focus($warn);
-      @include _mat-tabs-background($warn);
-    }
-
-    // Override inkbar color when theme color and background are the same
-    &.mat-primary.mat-background-primary {
-      @include _mat-ink-bar($primary, default-contrast);
-    }
-
-    &.mat-accent.mat-background-accent {
-      @include _mat-ink-bar($accent, default-contrast);
+    $theme-colors: (
+      primary: $primary,
+      accent: $accent,
+      warn: $warn
+    );
+
+    @each $name, $color in $theme-colors {
+      // Set the foreground color of the tabs
+      &.mat-#{$name} {
+        @include _mat-tab-label-focus($color);
+        @include _mat-ink-bar($color);
+
+        // Override ink bar when background color is the same
+        &.mat-background-#{$name} {
+          @include _mat-ink-bar($color, default-contrast);
+        }
+      }
     }
 
-    &.mat-warn.mat-background-warn {
-      @include _mat-ink-bar($warn, default-contrast);
+    @each $name, $color in $theme-colors {
+      // Set background color of the tabs and override focus color
+      &.mat-background-#{$name} {
+        @include _mat-tab-label-focus($color);
+        @include _mat-tabs-background($color);
+      }
     }
   }
 }