语法包含单独的Sass文件?

时间:2011-11-09 06:24:55

标签: css sass

我无法确认此语法是最佳做法。我想引用一个外部Sass文件并将它添加到我的最终CSS文件中,这样我的Sass表看起来更干净,而且我只是只发出一个HTTP请求。

例如,取“normalize”代码并将其放入.sass文件中,然后在我的sass表中简单地引用它:

@import src/normalize
@import src/droidSans

rest of code here.....

到目前为止工作正常,但如果我朝着正确的方向前进,我找不到具体的东西。此外,我只是暂时制作静态模板......暂时不使用Rails。

我和Sass一起玩了几个小时,我很喜欢它!

1 个答案:

答案 0 :(得分:96)

为了防止您的部分转换为自己的css文件,请在文件名前加上下划线_normalize.scss。然后你可以按照你已表明的方式导入它:

@import "normalize";

或者一次导入多个文件:

@import "normalize", "droidSans";

或从相关目录导入:

@import "folder/file"

注意使用双引号和分号;我正在使用SCSS语法,这是SASS字的后续开发。虽然两种风格都有效,但您可能会发现自己更喜欢一种风格,这取决于您使用的其他语言。

可在the documentation指令/部分下找到进一步阅读。