scss 流程控制

• @if 和 @else
• @if规则是编写的@if<expression>{...}，它控制其块是否被评估（包括发出任何样式作为 CSS）。表达式通常返回true或者false。如果表达式返回true，则计算块，如果表达式返回false，则不计算。scss 语句css 语句@mixin avatar($size,

• @each
• 该@each规则可以轻松地为列表的每个元素或map中的每一对生成样式或计算代码。

• @for
• @for循环规则写成@for<variable>from<expression>to<expression>{...}，或者，@for<variable>from<expression>through<expression>{...}。从一个数字（第一个表达式的结果）向上或向下计数到另一个数字（第二个表达式的结果），并为中间的每个数字计算一个块。沿途的每个数字都分配给，给定的变量名。

• @while
• @while规则，写为@while<expression>{…}，如果其表达式返回true，则对其块求值。然后，如果其表达式仍返回true，则再次计算其块。直到表达式最终返回false为止。