如何获得网格断点变量的值

时间:2019-08-02 18:16:55

标签: sass bootstrap-4

我希望能够访问$ grid-breakpoints变量中设置的每个断点的值。布局如下:

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

在以前的版本中,断点的布局类似于

$screen-md: 768px;

,因此具有width:$ screen-md之类的值将产生width:768px(或任何中等宽度)。

现在在BS4中,我不知道如何做到这一点。当我尝试将$ grid-breakpoints用作变量时,它会中断,因为该变量会将所有这些作为一个值拉入。

这对我要做什么有意义吗?我该怎么办?

1 个答案:

答案 0 :(得分:0)

使用map-get,例如:

map-get($grid-breakpoints, "md")

演示:https://www.codeply.com/go/31V8zhXAO5