如何为键值映射编写Sass(缩进)语法

时间:2015-04-20 01:41:22

标签: css ruby-on-rails sass mapping themes

我正在尝试为我的应用用户添加更改某些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.我是一个完整的菜鸟。

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

谢谢!

0 个答案:

没有答案