incrémenter – devfrontend.info

Source : SASS – Increment a class and choose the next variable in a list

$color-0:  #00519e;
$color-1:  #87c3e7;
$color-2:  #266f82;
$color-3:  #2b81a7;
$color-4:  #00a5cc;
$color-5:  #89c1d7;
$color-6:  #9caeab;
$color-7:  #4a668e;
$color-8:  #00889d;
$color-9:  #00a599;
$color-10: #c2b580;
$color-11: #635a60;
$color-12: #635a60;

$color-0: #00519e;

$color-1: #87c3e7;

$color-2: #266f82;

$color-3: #2b81a7;

$color-4: #00a5cc;

$color-5: #89c1d7;

$color-6: #9caeab;

$color-7: #4a668e;

$color-8: #00889d;

$color-9: #00a599;

$color-10: #c2b580;

$color-11: #635a60;

$color-12: #635a60;

$i: 0;
@each $num in $color-0, $color-1, $color-2, $color-3, $color-4, $color-5, $color-6, $color-7, $color-8, $color-9, $color-10, $color-11, $color-12 {
  strong.color-#{$i} {
    .arrow {
      color: #{$num};
    }
  }
  $i: $i + 1;
}

$i: 0;

@each $num in $color-0, $color-1, $color-2, $color-3, $color-4, $color-5, $color-6, $color-7, $color-8, $color-9, $color-10, $color-11, $color-12 {

strong.color-#{$i} {

.arrow {

color: #{$num};

}

$i: $i + 1;

}

Articles récents

Catégories

Archives

Méta

Étiquette : incrémenter

[SASS] Incrémenter une classe et choisir la variable suivante dans une liste avec @each