More than 5 years have passed since last update.

SCSSの繰り返しと:nth-child(n)の組み合わせ

CSS
scss

Posted at 2017-01-30

8色$colorsを順番に回す

div {
  $length: length($colors);
  @each $color in $colors {
    $i: index($colors, $color);
    &:nth-child(#{$length + "n+" + $i}) {
      border-color: $color;

      &::before {
        border-color: $color;
      }
    }
  }
}

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up