Mike_Ro
@Mike_Ro
$ run войтивайти

SCSS получение значений массива?

Приветствую!
Погуглил документацию sass/scss, но внятных ответов на мои вопросы не нашел.

Допустим, имеется массив:
$arrayColors: (
        white,
        black,
        green,
        red,
        orange
);

Вопросы 1:
1.1. Как получить последнее значение массива?

Имеется цикл перебора массива:
@each $key, $color in $arrayColors {
      .color-#{$key}
      {
        color: $breakpoint;
      }
}

Вопросы 2:
2.1. Как начать перебор массива с конца?
2.2. Если начали перебор массива с конца, то как теперь получить первое значение массива?

Спасибо!
  • Вопрос задан
  • 460 просмотров
Решения вопроса 2
iiiBird
@iiiBird
Пока ты спишь - твой конкурент совершенствуется
гугли такие вещи как:
1) sass length
2) sass nth

а вот тут реверсивный цикл описан blog.ricardofilipe.com/post/reverse-loops-with-sass
Ответ написан
Mike_Ro
@Mike_Ro Автор вопроса
$ run войтивайти
Натолкнул на верное решение iBird Rose . Погуглив, задачи реализовал следующим образом:

1.1. Как получить последнее значение массива?
map_get($arrayColors, length($arrayColors));

2.1. Как начать перебор массива с конца?
@for $i from length($arrayColors) through 1 {
 color: nth($arrayColors, $i);
}

2.2. Если начали перебор массива с конца, то как теперь получить первое значение массива?
map_get($arrayColors, 1);
nth($arrayColors, 1);
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы