sass – scss – susy – css – 排版速記表

@include container() //渲染
@include span($span) //指定所需柵欄數量
@include gutter($span) //對應當總柵欄數量的1 gutter 寬度
@include pre($span) //margin-left
@include post($span) //margin-rigt
@include squish($pre,$post) //同時使用 margin-left margin-rigt
@include pull() // margin-left: -$span(負值)
@include prefix()、suffix()、pad() // padding 的概念
@include bleed()、bleed-x()、bleed-y() // 出血
@include gallery($span); //左右貼齊, 中間平均分配

 參考

Comments

發表迴響