如何创建SASS mixins并在每个项目中使用

时间:2013-01-28 10:46:50

标签: ruby sass

我想创建一个带有不同mixin的scss文件,我想在任何项目中使用它只需使用@import“mixinfile”而不是在每个项目中复制该文件。 类似于在Windows中向路径添加文件夹。 我怎么能这样做?

3 个答案:

答案 0 :(得分:2)

Compass是Sass框架,它不仅提供了大量有用的功能和混合,而且还允许您轻松创建自己的扩展。如果您将扩展程序捆绑为gem(我个人建议这样做),您将不必记住将其放在文件系统上的位置。

http://compass-style.org/help/tutorials/extensions/

当扩展程序作为Ruby gem安装时(即使你不了解Ruby的内容很容易),你需要做的就是在config.rb文件中添加这样的行:

require "extension-name"

它可以使你的扩展中的所有样式表都可以访问,就像你在项目目录中有它们的副本一样:

@import "extension-name/widgets";

Compass的作者在这里有一个关于如何编写自己的扩展的截屏视频(不包括从扩展中创建一个gem):

http://chriseppstein.github.com/blog/2010/08/01/building-a-personal-framework/

答案 1 :(得分:1)

如果您使用的是Mac,我建议您使用Codekit作为预编译器,它为您提供了为您的每个项目导入自己的框架的机会。好东西。

在那里查找@import语句http://incident57.com/codekit/help.php

答案 2 :(得分:0)

让我们说你的mixin的名字就是“例子”。所以你会在.scss文件中写“@import example”。为了使它工作,你必须在样式表路径中有一个名为“_example.scss”的文件。

现在,你说你想在各个项目中分享这个混合。为此,你必须通过lib加载你的mixin,如果我们谈论rails,最好的方法是使用rails引擎(参见bourbon gem源代码)。然后将它作为gem文件中的依赖项添加(您可以使用git uri或其他类型的源代码)。