这个 LESS 变量@grid断点是什么语法:xs 0、sm 576px、md 768px、lg 992px、xl 12

Question

在引导无端口中，我看到以下语法：

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

这是什么？不是地图，不是数组...

例如，如何获得lg的价值？

完全奇怪的是，map-get(@grid-breakpoints, lg)在 src/styles.less 的 angular 7 项目中工作，但它在 src/mycomponent/mycomponent.less 中不起作用。 它根本没有被翻译。

Answer 1

抱歉，由于map-get，我误读了lesssass...仍然 - 您粘贴的代码与链接中的代码不一致(您缺少冒号)。链接中的代码是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;
}