14：sass中数据类型的使用

sass中数据类型的使用

sass中的数据类型

• 数字：1，2，3px
• 字符串："header"、footer
• 布尔值：false，true
• 空值：null
• 颜色：#000，red，rgba（0，255，0，0.5）
• 值列表：1px 2px 3px 4px,Helvetica,Arial,sans-serlf

字符串

sass：

@mixin set-sizes($class,$small,$middle,$big){
  .#{$class}-small{font-size: $small}
  .#{$class}-middle{font-size: $middle}
  .#{$class}-big{font-size: $big}
}
.box{
  @include set-sizes("head-font",10px,20px,30px)
}

css：

.box .head-font-small {
  font-size: 10px; }
.box .head-font-middle {
  font-size: 20px; }
.box .head-font-big {
  font-size: 30px; }

值列表

margin：1px 2px 3px 4px

font-face : Helvetica,Arial,sans-serlf