Синтаксис этой переменной LESS @ grid-breakpoints: xs 0, sm 576px, md 768px, lg 992px, xl 1200px;

Question

В порт начальной загрузки Я вижу этот синтаксис:

@grid-breakpoints:
    xs 0,
    sm 576px,
    md 768px,
    lg 992px,
    xl 1200px;

что это?разве это не карта, не массив ...

Как мне получить значение для lg, например?

Что странно, что map-get(@grid-breakpoints, lg) работает в проекте angular 7 в src/styles.less, но он не работает в src / mycomponent / mycomponent.less.оно просто не переведено.

Answer 1

Извините, я неправильно прочитал less как sass из-за map-get ... Тем не менее - ваш вставленный код не соответствует коду в вашей ссылке (у вас нет двоеточий).Код в вашей ссылке является простым примером less карт , и вы должны иметь возможность использовать @grid-breakpoints[lg] для доступа к 992px (если ваш less равен v3.5 +),Например,

@grid-breakpoints:
    xs 0,
    sm 576px,
    md 768px,
    lg 992px,
    xl 1200px;

body {
  width: @grid-breakpoints[lg];
}

генерирует

body {
  width: 992px;
}