问题标签 [bourbon]

我正在开发一个 rails 3.1 应用程序。我想要一个涵盖渐变、阴影等的框架/库。Compass 一直很流行，但是让它与 rails 3.1 很好地配合对我来说是一个挑战，所以我选择了 Bourbon，它似乎也越来越流行。我想知道 Compass 和 Bourbon 之间的主要区别是什么。或者，如果您使用不同的框架，请分享。

• 为什么你更喜欢一个框架而不是另一个？
• 您是否遇到过其中任何一个与浏览器或 Rails 版本等的兼容性问题？
• 哪个有更大或更好的 mixin 库？

根据Bourbon docs，您可以使用它 #{$all-text-inputs}来转动：

进入这个：

:hoverBourbon或Sass 有没有办法适用:focus于每个？

#{$all-text-inputs:hover}并#{$all-text-inputs}:hover没有工作。

我很想将波旁威士忌与LiveReload一起使用，但我似乎无法让它们一起工作。有人成功让这两个玩得很好吗？

我的应用程序有一个名为bootstrap_and_overides.css.scsscontains 样式的文件。现在我安装了 bourbon gem 来使用 sass mixin。但是当我使用附加按钮时，网站出现错误：

这是我的application.css.scss：

我在我的视图文件中定义了一个链接：

我的引导样式文件没有任何框阴影。我在我的引导样式中定义了 new_resource 类：

我不知道为什么 mixin box-shadow 会出错。有人可以帮忙吗？非常感谢 ！

根据Ryan Bates 在 Bourbon 上的截屏视频，我的application.css.scss文件如下：

在我的main.css.scss样式表中一切正常，我可以@include transition()完美地使用 mixin，但是当我尝试使用时@include font-face，我的Undefined mixin 'font-face'.Rails 应用程序中出现错误。

确切的代码行是

我试过没有normaland just 'helveticaneue'（没有斜线）。该文件存在并且没有损坏，因为使用 CSS@font-face有效。

根据这个波旁威士忌问题，我有

在我的 Gemfile 中。

为什么 Bourbon 不选择 mixin？

当我尝试linear-gradient与波旁威士忌一起使用时：

我明白了：

这似乎表明compact()没有被调用。它在一个名为lib/bourbon/sass_extensions/functions/compact.rb. 我怎样才能加载它？

解决了

问题似乎出在波旁威士忌本身。我使用的是 2.1.3 版，它有问题。这几天作者一直在更新它，他们添加了一个新版本 3.0.1，它正在运行。

我正在使用波旁威士忌和整洁的宝石来创建 Rails 应用程序的设计。我的 application.css.scss 包含以下内容：

但是，如果我运行“rake assets:precompile”，则会发生此错误：

文件 main.css.scss 包含以下内容：

有人可以给我一些建议吗？

在我的 CSS 文件中应用 Bourbon Neat 的命令并且不显示 html 文件中的列，如果显示应用的结果但不显示列。

当显示为 sass 生成的 css 时，不显示 Bourbon Neat 列的背景属性。

我在使用线性渐变或框阴影等函数编译 sass 文件时遇到问题。我遇到的问题与这里https://github.com/thoughtbot/bourbon/issues/68完全相同，其中生成的 css 只是一堆false's.

我没有在 Rails 项目上工作，所以我想我可能必须在做时将 bourbon.rb 文件作为库包含在内sass --watch，但这对我不起作用：

没有要加载的文件 - ruby​​gems (LoadError)这里说这可能表明我安装了几个版本的 Ruby，并which -a ruby显示了 rbenv 1.9.3-p327 以及 /usr/bin/ruby （我还不清楚至于有什么区别）。无论如何，我将 .rbenv 移到了备份中，据说现在只有一个版本的 ruby​​。我还尝试指定 ruby​​gems 路径

但是在尝试将 bourbon.rb 文件包含到 sass --watch 时，我仍然遇到同样的错误。

我正在尝试使用整洁的波旁威士忌，并且我已经解决了大多数事情，但是在创建断点时我遇到了一些障碍。

我更喜欢为移动设备、平板电脑、台式机和大型桌面制作单独的 sass 文件，而且我通常不使用冒泡来创建我的媒体查询，因为我不喜欢它不只是创建一个媒体查询，而是通过 css 发出音调文件。但到目前为止，我似乎只能找到关于冒泡方法的文档。

关于如何在整洁中使用断点的文章

这是我所做的：

我也试过这个，它确实更新了 bg 颜色但不更新视觉网格：