css - Mixin 大小参数 CSS 问题

Question

我有一个 Rails 应用程序，我在其中安装了以下 gems -

gem 'rails', '4.1.8'
gem 'sass-rails'
gem 'sass','3.4.22'
gem "bourbon"
gem "bootstrap-sass"
gem "compass-rails"
gem 'autoprefixer-rails'
gem 'susy'

在我的 application.css.scss 中

*= require style
*= require responsive

@import "bootstrap-sprockets";
@import "bootstrap";
@import "compass";
@import "bourbon/bourbon";
@import "screen.scss";
@import "mobile.scss";
@import "ie.scss";
@import "print.scss";

当我运行 rails s 并点击我的 URL 时，出现以下错误:

Mixin size takes 1 argument but 2 were passed.

Answer 1

我的猜测是 Bootstrap 和 Bourbon 都定义了一个 size Sass mixin , 具有不同数量的参数。

我过去曾遇到过这两个框架相互冲突的问题。我不确定当前的状态是什么，但在当时，同时使用两者似乎不是一个好主意。

它当然可能是另一个依赖项，例如 Suzy，它定义了一个冲突的 size mixin。您可以查看每个库的文档或代码，看看是哪个库定义了这样的 mixin。

编辑:

是的，确实是这样。 In Bourbon ，mixin 接受一个参数。 In bootstrap-sass , 一个同名的 mixin 接受两个参数。

所以他们不在一起。