scss Sass @for循环创建一个网格系统

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了scss Sass @for循环创建一个网格系统相关的知识,希望对你有一定的参考价值。

$class-slug: span !default;

@for $i from 1 through 4 {
    .#{$class-slug}-#{$i} {
        width: 60px + $i
    }
}

以上是关于scss Sass @for循环创建一个网格系统的主要内容,如果未能解决你的问题,请参考以下文章

scss 传统的sass网格系统没有flexbox,但也没有使用浮动。为具有IE9支持的项目创建。

scss Sass Loops(scss)。 for循环,每个循环和有用的例子。

scss 网格系统列子列mixin sass

scss SASS for循环

SCSS / SASS:如何在每个循环中创建变量

scss Sass循环:for,while,每个/ Sass反向循环:http://blog.ricardofilipe.com/post/reverse-loops-with-sass