sass override bootstrap var
$grid-columns: 24; $grid-gutter-width: 30px; $body-bg: #ffffff; $brand-primary: #394a5c; $brand-success: #87c599; 類似這樣,可以輕易的把 grid...
bootstrap include grid
有時候會想要做到 include column 到自定義的 css class 裡面,可以這樣做: ``` @import "bootstrap"; .app { @include make-row(); div { border: solid 1px...
整理 SASS 的方法
教了很多整理 SASS 的方法,主要是用 mixins https://www.toptal.com/css/sass-mixins-keep-your-stylesheets-dry 偷懶也可以直接使用 Sass mixin libraries,例如文中提到的 bou...
SASS 做 theme 的起手式
不錯的文章 * 最外層的 container 控制 theme 基本元素 * 加上 themable 的 mixin 並設參數讓 theme 更彈性 * 用 each 方法 loop 參數,讓 themable 更彈性,只需要接受 name 和 map 兩個參數 * li...