sass的学习

sass学习最重要的两块

• 如何编译
• 语法学习

sass的编译方法

• 命令行编译
• GUI工具编译
• 自动化编译

使用场景

• node
• 浏览器

常见问题

• sass的运算符号前后都要加空格，不然会出很奇怪的问题

@for $i from 1 through 9 {
  .grid {
    --c#{($i - 3 * $i / 3)}: 2fr;
    // -右边没有加空格
    --r#{(($i -1) / 3) + 1}: 2fr
  }
}