整洁的错误：无效的 CSS“！全局！默认；”答案

【问题标题】：Neat Error: Invalid CSS "!global !default;"整洁的错误：无效的 CSS“！全局！默认；”
【发布时间】：2014-04-15 23:03:32
【问题描述】：

我将波旁威士忌和 Neat 与 rails 应用程序一起使用。我无法让 Neat 运行，最常见的错误之一是：

error stylesheets/sass/neat/functions/_private.scss (Line 48: Invalid CSS after "... $grid-columns ": expected "}", was "!global !default;")

（如果我评论这一行将只是另一行）

我正在使用带有 sass-rails 的 Neat 1.5.1

这是我的 gem 文件：

# Use SCSS for stylesheets
gem 'sass-rails', '>= 4.0.2'
gem 'leaflet-rails'

gem 'bourbon'
gem 'neat', '1.5.1'

我有

@import "bourbon/bourbon";
@import "grid-settings";
@import "neat/neat";
@import "setting";

在我的 main.scss 中

和

@import "main";

在我的 application.css.scss 中

如果我在 application.css.scss 中加入整洁，我会得到“未定义的混合错误”

我已经安装了包，重新启动服务并清除缓存。

【问题讨论】：

stylesheets/sass/neat/functions/_private.scss 第 48 行附近的代码是什么？

这是代码，但与该文件或这一行无关！我更多关于这个！全球的事情。所以我猜是关于 sass 或整洁或 ruby 版本。

 @ function container-shift($shift: $shift) { $parent-columns: $grid-columns !global !default; @ if length($shift) == 3 { $container-columns: nth($shift, 3); @return $container-columns; } @ else if length($shift) == 2 { $container-columns: nth($shift, 2); @return $container-columns; } @else { @return $parent-columns; } }

对不起，我不知道如何在 cmets 中格式化代码...
Np - fwiw，它带有反引号（`）。
重复：stackoverflow.com/questions/23088206/…

标签： ruby-on-rails sass neat

【解决方案1】：

这可能会对您有所帮助，似乎这是一个已知问题：https://github.com/thoughtbot/neat/issues/170

【讨论】：

我已经看到了这个问题，谢谢。但没有什么可以帮助我解决我的问题。我应该运行正确的版本。正如他们所说，整洁的 1.5.1 和 sass-rails
你运行的是什么版本的 sass (sass -v)？另外，尝试“which sass”以确保它指向你认为你正在使用的 sass 版本。也许这是一个路径问题？还有你在运行什么版本的波旁威士忌？
sass 版本：Sass 3.2.19（媒体标记）其中 sass：/Users/giorgia_sambrotta/.rvm/gems/ruby-2.1.0/bin/sass Bourbon：bourbon (3.1.8)

【解决方案2】：

似乎主要问题是 sass/neat 文件夹。如果您使用 gem，则不必创建一个，仅适用于没有 Ruby 和 Rails 的项目。

只是在说明中不是很清楚:)

【讨论】：