Css 我只能在Sass中使用嵌套
我不确定我遗漏了什么,但我只能在rails文件中使用嵌套。我希望能够使用混合和变量 我的gem文件是包含sass的文件:Css 我只能在Sass中使用嵌套,css,ruby-on-rails,sass,Css,Ruby On Rails,Sass,我不确定我遗漏了什么,但我只能在rails文件中使用嵌套。我希望能够使用混合和变量 我的gem文件是包含sass的文件: group :assets do gem 'sass-rails', '~> 3.2.3' gem 'coffee-rails', '~> 3.2.1' gem 'uglifier', '>= 1.0.3' end 我的css文件是namecustom.css.scss。我错过了什么 来自Sass文档: 要在Rails 2中安装Sass,只
group :assets do
gem 'sass-rails', '~> 3.2.3'
gem 'coffee-rails', '~> 3.2.1'
gem 'uglifier', '>= 1.0.3'
end
我的css文件是namecustom.css.scss
。我错过了什么 来自Sass文档:
要在Rails 2中安装Sass,只需将config.gem“Sass”添加到
config/environment.rb。在Rails3中,将gem“sass”添加到gem文件中
相反sass或.scss文件应放在
public/stylesheets/sas,它们将自动编译到
需要时在公共/样式表中对应的CSS文件(Sass
模板目录是可自定义的…有关详细信息,请参阅Sass参考
详情)
我必须将css文件放在sass文件夹中我希望您在application.css.scss文件中执行类似于
*=require\u tree.
的操作,以包括样式表
根据,这不适用于mixin和变量:
如果要使用多个Sass文件,通常应使用
Sass@import规则,而不是这些链轮指令。使用
链轮指令所有Sass文件都存在于其各自的范围内,
使变量或mixin仅在其创建的文档中可用
定义于
这有点糟糕,但是如果你想让mixin和变量工作,你需要把它们都单独包含进去。使用require
包含它们比使用import
编译更快,除非存在共享变量或必要的依赖项,否则应优先使用
示例:
//= require navigation
//= require icons
//= require buttons
@import "variables.css.scss";
@import "mixins.css.scss";
@import "something_else.css.scss";