纯Sass地图和列表

时间:2018-10-16 09:46:18

标签: sass

我最近开始在一家新公司工作,我对Scss非常熟悉,但是他们都使用旧的Sass格式。

我似乎无法在网上找到在纯Sass中等同于Scss地图和列表的内容。在Scss中,我可以使用类似的方法,然后使用map-get()函数从列表中检索数据。

$breakpoints : (
    $xl: 1280px,
    $m: 768px,
    $s: 480px
)

但是,当以纯Sass格式编写时,此文件拒绝编译。有什么想法吗?

1 个答案:

答案 0 :(得分:1)

您应该使用字符串作为映射内的键,而不是变量$xl

Sass与scss相同:

$breakpoints: (xl: 1280px, m: 768px, s: 480px)

a
  color: red

  @media (sreen only) and (min-width: map-get($breakpoints, xl))
    color: green

当删除括号和分号时,所有在scss上编写的内容都将在sass上工作。这样的事情。

Sassmeister demo