Tag: 表格网格系统

SCSS / SASS：如何dynamic生成一个用逗号分隔的类的列表

我正在用SASS的SCSS语法来创build一个dynamic的网格系统，但是我遇到了一个麻烦。 我正在尝试使网格系统完全dynamic，如下所示： $columns: 12; 然后我创build这样的列： @mixin col-x { @for $i from 1 through $columns { .col-#{$i} { width: $column-size * $i; } } } 哪些产出： .col-1 { width: 4.16667%; } .col-2 { width: 8.33333%; } etc… 这个效果很好，但是我接下来要做的是dynamic地生成一个由逗号分隔的很长的列类，这个列以所select的$列的数量为基础，例如我希望它看起来像这样： .col-1, .col-2, .col-3, .col-4, etc… { float: left; } 我已经厌倦了这个： @mixin col-x-list { @for $i from 1 through […]