SASS 字符串到“非字符串”

问题描述

我有一个场景，我使用 JSON 文件来动态创建 SASS 变量。插件 (Gulp-json-css) 可以保留地图和数组属性，但不会在地图键上添加引号：

$palettes : ( white: #ffffff,grey: (lite: #aaaaaa,base: #999999,dark: #666666),black: #000000);

我遇到了一个问题，如果参数使用带引号的字符串，map-get() 将无法找到合适的值。

map-get($palettes,white) => #ffffff

map-get($palettes,"white") => null
--
Conclusion : (white != "white")

有没有办法将带引号的字符串更改为“不带引号的”字符串？我知道你在想什么，但 unquote() 也不起作用：

$color : "white";
white == unquote($color) => false

我需要一种将 "white" 转换为 white 的方法，以便使用 map-get() 函数适当地检索正确的值。

更新/解决方案

对于遇到此页面并正在寻找解决方案的任何人，我最终编写了一个函数，该函数将遍历映射并向其键添加引号：

@function quoteMapKeys( $map )
{
    $newMap : ();

    @each $key,$value in $map
    {
        @if type-of($value) == 'map'
        {
            $value : quoteMapKeys( $value );
        }

        $newMap : map-merge($newMap,(quote($key):$value));
    }

    @return $newMap;
}

$palettes : quoteMapKeys( $palettes );

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）