Question

我正在尝试为我的应用用户添加更改某些css属性的功能，主要基于this codepen示例。

以下是上述例子的摘录：

$themes: (
  default: #666,
  banana: #f1c40f,
  cherry: #c0392b,
  blueberry: #8e44ad,
  leaf: #27ae60,
  nightsky: #2980b9
);

我遇到的主要问题是将作者的Scss语法转换为在我现有的Sass，缩进语法，文件中使用。当然有一种方法可以像这样写一个简单的地图。

我尝试了以下语法..

$themes:
    winter_sunrise: #999,
    tranquil_mountain: #050,
    tropical_shores: #00A

和... ..

$themes: (
    winter_sunrise: #999
    tranquil_mountain: #050,
    tropical_shores: #00A
)

甚至这个..

$themes: (winter_sunrise: #999, tranquil_mountain: #050, tropical_shores: #00A)

..所有这些都会引发错误，从“非法嵌套”到泛型“语法错误”。

我刚开始设置它并使用简单的颜色开始。最后，我需要设置其他属性，如bg图像，字体等。

所以，我如何用缩进的Sass 来写这个？或者我是否需要浏览整个500行Sass文件并添加标点并将名称更改为.scss才能使用键值对？听起来很愚蠢。

我正在使用Rails 4 / Ruby 2.1.5 / Sass-rails gem 4.0.3 / Bootstrap 3.我是一个完整的菜鸟。

此外，如果有一个更简单的方法来允许用户主题切换，我会做任何事情。但我喜欢这种方法的外观，所以我希望它可以工作。

谢谢！