@mixin方式切换边框颜色

效果图：

效果图.jpg

/*小三角颜色变化 .scss*/
$list: #1AA818 #D50806 #FF7301;
$len: length($list);
//调用：
@for $i from 1 through $len{
  .promotion-word .triangle#{$i}{
    border-top-color: nth($list,$i);
  }
}