格线系统(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

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