sass的一些用法

sass

$gray6:#666;
$gray9:#999;

@mixin rowCenter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;  
}

// 文字大小
@for $i from 12 through 40 {
    .f#{$i} {
        font-size:$i+px;
    }
}

使用  
.color{
   color:$gray6;
  @include rowCenter;
  @extend .f14;
}