如何在角形材质中使用CSS类来显示文本颜色？

Question

I have some code for create css class.But it is not working correctly. How to fix that?

@for $i from 1 through 100 {
  $hue : $i;
  .mat-blue-#{$i} {
    color : mat-color($mat-blue, $hue);
  }
}

Error

Error: @return rgba($color, $opacity); ^ Argument $color of rgba($color, $alpha) must be a color

Answer 1

i all ready found a solution.

@for $i from 100 through 1000 {
  $hue : $i;
  .mat-blue-#{$i} {
    color : map-get($mat-blue,$hue);
  }
}

that code create classes like .mat-blue-100 , .mat-blue-400 , .mat-blue-800 etc...