格线系统(1) DAY43

这里要先介绍
为什麽要 模组化格线系统??

因为若因 功能性命名
区块若命名为某个功能之後
就不会运用在其他区块

模组化格线

• 优点
  避免命名上的问题
  整体性高
  可用性高

• 缺点
  变化性受限

960 gird 格线系统

在我们介绍如何利用 Sass grid之前
我们先来补充 Sass @for

Sass @for

这里利用 Sass变数 搭配 @for

@for $i from 1 through 5{
    .box-#{$i}{
        background-color: darken( $white , $i * 10%);
    }
}

若 from 1 through 5 改成 from 1 to 5
这样只会有 1 2 3 4

变数利用 #{} 包着
CodePen: https://codepen.io/wemyferb/pen/LYZVqyq

那今天的 格线系统 就介绍到这里
明天我们将会把 格线系统 介绍完
若有任何问题 或 内容有误
请不吝啬的跟我说唷