/* Color Classes*/

@each $color_name, $color in $colors {
  @each $color_type, $color_value in $color {
    @if $color_type == 'base' {
      .material-form .#{$color_name} {
        background-color: $color_value !important;
      }
      .material-form .#{$color_name}-text {
        color: $color_value !important;
      }
    } @else if $color_name != 'shades' {
      .material-form .#{$color_name}.#{$color_type} {
        background-color: $color_value !important;
      }
      .material-form .#{$color_name}-text.text-#{$color_type} {
        color: $color_value !important;
      }
    }
  }
}

/* Shade classes*/
@each $color, $color_value in $shades {
  .material-form .#{$color} {
    background-color: $color_value !important;
  }
  .material-form .#{$color}-text {
    color: $color_value !important;
  }
}