问题标签 [sass-maps]

这会输出 4 个 CSS 类。

我正在尝试根据我作为参数传递的名称生成所有 4 个类或仅一个类。

我的输出需要是：

或者

基于我通过的论点。

进一步解释；我正在尝试@include根据我的需要以下面提到的两种方式在同一个 SASS 地图上使用：

或者

我被困在这里，不确定这是否可以实现。任何帮助将不胜感激。

我正在尝试使用 SASS 从一组基色动态创建我的调色板。我之前通过首先定义一组颜色变量来手动创建每种基色，然后创建具有各种阴影的每种基色的映射。然后将每个颜色贴图放入调色板贴图中。

然后要返回颜色/阴影，我将使用从调色板映射中的颜色映射中检索值的函数。

它是如此冗长，更不用说每当我想添加另一种颜色时都很烦人，所以我想尝试动态地执行此操作，但我似乎在使用变量名创建地图时遇到了一些麻烦，就我而言可以告诉。

这是我以前的代码，只是为了让您了解我在做什么：

jsfiddle

所以现在我正在使用每个颜色名称/值创建一个颜色映射，然后循环遍历映射中的每个键并动态创建基本颜色调色板并使用类似的函数来返回颜色值，但我得到了错误：

这是新代码：

jsfiddle

我认为定义为变量名的@each循环会导致问题，因为它没有将其识别为 SASS 映射？$name但我不完全确定，通常我的 SASS 文件非常简单，这是我第一次真正走得更远，而不仅仅是使用简单的变量和函数，所以我可能遗漏了一些相对简单的东西？

如何检查 SASS Map 是否已经存在，如果不存在则仅定义一个？

我努力了：

和

但我收到错误“未定义变量：”$myMap”？我确定这很简单，但我似乎无法在线找到答案？

谢谢

我想做的是遍历我的媒体查询和 sass 中的列。例如，我使用以下代码生成了列类：

Codepen 链接也在这里：https ://codepen.io/Jesders88/project/editor/bd9e637b08b6c1c907c7fbe8211192f9

我想使用上面的 sass 地图，它工作正常。我挂断的地方是媒体查询。我不想为我的 sass 映射静态编码 4 个 if 语句。它需要动态完成。基本上它归结为在这种情况下我想cell-small通过一组课程。cell-xlarge如果我添加断点，mixin 需要适应它。基本上它需要类似于引导程序或基础。以下是我的想法。

基本上我需要一种在小断点处中断的方法来制作 12 列，并且在大屏幕上只有 4 列。同样，我不想循环通过断点而不得不静态地说

@if(breakpoint == sm){ do this }

sass 映射将是断点的定义。

如果这没有意义，请随时提出问题。另外，如果您愿意，请随时分叉我的笔并进行编辑。谢谢您的帮助。

我想要的示例

CSS

下面的代码将在变量中创建一个空映射$test，但是有没有合适的方法来完成这个？这似乎太骇人听闻了，不能成为获得空地图的最佳方式。

我有一张断点图，如下所示：

我需要循环这些，但是我想在sm断点处开始循环。这是我当前的循环：

到目前为止我还没有找到一个，但是有没有办法将上面的开场线调整为这样的：

@each $name, $value in $grid-breakpoints[2:] {

干杯

是否可以使用变量作为键来定义地图？

示例代码

我尝试遍历嵌套的 sass 映射来创建按钮类。这可能吗？

我的地图是这样嵌套的：

当我尝试使用每个循环遍历它时，我只会得到地图的第一层。

我想要实现的是，所有必要的类都是用各自的值创建的。这是一个例子：

我很高兴每一个有用的提示:)

我只是拉我的头发知道。

我有一个接收一个简单对象的混合。根据属性之一的值，应在 de IF 语句或 ELSE 中输入一个。然而，它总是评估为 TRUE 并且无法弄清楚为什么。

代码是使用 node-sass (libsass v3.5.4) 编译的，要点可以在这里看到：

https://www.sassmeister.com/gist/40eb28fd55173d7534a7162de3c1b960

两次调用calculateHeight mixin 将if 评估为TRUE 并创建一个具有两次颜色的CSS：红色，而不是颜色：红色和颜色：蓝色

我试图找到从函数输出多个颜色值的最有效方法。该函数（最终将）采用基色并使用 sass 函数输出配色方案（想想互补、三级、单色等）。

这是我产生错误的代码

背景颜色：#020633，颜色：b7bced 不是有效的 CSS 值

我确定我需要用分号替换逗号，我只是不确定我是否可以或者我是否正确地处理这个问题。