使用Compass(s​​ass)功能而无需罗盘项目

时间:2013-04-14 20:14:00

标签: sass compass-sass

我的问题:我想使用一些指南针功能(主要是sprite生成和css3 mixins),但我不想为它创建一个指南针项目。我的项目结构应该比罗盘允许我创建的要复杂一些。所以我想留下我的项目与sass,但导入并使用其中的一些指南针功能。有可能吗?

1 个答案:

答案 0 :(得分:1)

指南针能够管理你所有的东西。试试吧。

这是一个例子,这是我目前正在研究的Compass项目的结构:

enter image description here

首先,您应该有一个像sass这样的文件夹,用于存储非部分SASS文件,例如: G。 sass/style.sasssass/screen.scss。您的config.rb应指向它。

然后创建一个名为partials的子文件夹,您可以在其中存储所有内容。

partials子文件夹中,您开始创建结构:

sass/
  partials/
    _global.sass
    _modules.sass
  style.sass

style.sass的内容应如下所示:

@import partials/global
@import partials/modules

这种结构很容易扩展。一旦你的部分变大并决定拆分它,只需创建一个以partial命名的子文件夹,在那里创建较小的部分并从初始部分导入它们:

sass/
  partials/
    global/
      _extendables.sass
      _functions.sass
      _mixins.sass
      _variables.sass
    _global.sass
    _modules.sass
  style.sass

_global.sass的内容:

@import global/extendables
@import global/functions
@import global/mixins
@import global/variables

这使您的项目结构可以轻松扩展。

请注意,如果您使用的是SCSS语法,则在import语句中需要引号,例如: G。 @import "global/extendables";

如果导入不适合您,请分享您的项目结构,您使用的确切代码以及您收到的错误文本。