Невозможно вернуть все ключевые имена моей карты SCSS с помощью функции

У меня есть цветовая карта, и мне нужно вернуть только ключи этой карты с помощью функции. Но я могу вернуть только первое имя ключа. Я попытался взять все имена клавиш call section-color, tree-line-color, table-header-color, table-cell-color. Но я не могу. Пожалуйста помогите.

$base-color: (
        section-color: #506c89,
        tree-line-color: #737373,
        table-header-color: #2a3949,
        table-cell-color: #182028
);

@function color-map($key) {
  @each $key, $value in $base-color {
    @return $key;
  }
}

@debug color-map(tree-line-color);

person Navidu Kunu    schedule 21.12.2018    source источник
comment
Привет, Навиду, извини, я не очень хорошо понял твою проблему. Хотите, чтобы функция отображала все ваши цвета? Но если вам нужны все значения, почему вы указываете arg tree-line-color? Вам нужно это ключевое значение? Какой результат вы представляете?   -  person ReSedano    schedule 22.12.2018
comment
Привет, ReSedano, нет, мне не нужна функция для получения всего шестнадцатеричного. Мне нужна функция для получения названий цветов - цвет раздела, цвет линии дерева, цвет заголовка таблицы, цвет ячейки таблицы. Я не могу получить его из этой функции.   -  person Navidu Kunu    schedule 22.12.2018
comment
Привет, ReSedano, я решил проблему. Я возвращаю значение ключа из цикла @each. Большое спасибо за вашу любезную поддержку.   -  person Navidu Kunu    schedule 22.12.2018
comment
пожалуйста, но ... на этот раз я ничего не сделал :-) Кстати, молодец, Navidu! Если хотите, вы можете опубликовать свое решение, чтобы закрыть вопрос. Ваше здоровье :-)   -  person ReSedano    schedule 22.12.2018
comment
Да, конечно, @ReSedano.   -  person Navidu Kunu    schedule 22.12.2018
comment
@ReSedano, ты можешь это проверить. Я застрял с этим: https://stackoverflow.com/questions/53894589/how-to-separate-scss-function-returned-values   -  person Navidu Kunu    schedule 22.12.2018


Ответы (1)


SCSS имеет две встроенные функции для возврата ключей и значений карты (в виде списков)

map-keys($base-color)   // section-color, tree-line-color, table-header-color, table-cell-color
map-values($base-color) // #506c89, #737373, #2a3949, #182028
person Jakob E    schedule 22.12.2018
comment
Спасибо за ваш комментарий @Jokob E. Это поможет в моем будущем развитии. - person Navidu Kunu; 22.12.2018