[SCSS] Create a gradient with a Sass loop

In this lesson, you will learn how to iteratively generate CSS selectors and attributes using Sass loops. We will create a gradient of 100 elements, each with 1% darker colour using only a couple of lines of Sass.

@for $i from 1 through 100 {

  .block#{$i} {

    background: darken(white, $i);

  }

}

巴特西

[SCSS] Create a gradient with a Sass loop

最新文章

热门文章