问题标签 [bourbon]

我已经包含了波旁威士忌，并尝试使用@include background如下所示创建背景：

但是编译时会创建两个 CSS 背景语句，如下所示：

为什么会发生这种情况，我该如何解决？

我一直在使用波旁威士忌做一个桌面优先的布局，效果很好。

但是，我想做一个移动优先版本，从移动开始，然后逐步上升。默认网格是 12 列，对于移动设备，我通常使用 4 的网格。我尝试将网格更改为 4 并扩展到 12，但这不起作用。

除了创建标准桌面布局，然后将移动媒体查询放入每个 CSS 选择器并从移动版本开始并构建方式之外，有没有更好的方法先进行移动？

我有一个不幸的任务是让 Bourbon Neat 与 ie8 一起工作。Thoughtbot 的文档说您为此使用 Selectivizr。我按照 Selectivizr 的说明进行操作，在 ie8 中进行测试时没有发现任何不同。我也不明白如果需要任何后备 css 怎么办。有什么想法或解决方案吗？最欣赏！

我正在尝试在不影响网格的情况下向 .container 添加填充。我能想到的最好的例子是我不希望内容碰到 .container 的两侧，因为如果设计中有蓝色背景而 .container 是白色的，我希望在左右两边都有一个填充. 我在这里快速制作了一个示例页面来显示问题。

我基本上是在尝试制作一个 1000 像素的容器和 20 像素的排水沟，然后每个容器将占用 65 像素。虽然在网格之外但在 .container 内部，我希望左右填充也为 20px。不确定这是否有助于或使事情变得更糟，但这是我的Calca 网格锻炼表

我正在尝试弄清楚如何将图标字体的字体声明放在一起。我正在研究和迭代我从别人那里得到的一些代码。波旁威士忌输入和CSS 输出如下。

这个对吗？这些时髦的 url 片段和查询是怎么回事？我试过用谷歌搜索，但没能想出太多。

波旁输入

CSS 输出

我正在向heroku部署一个rails 4应用程序，得到

一切都在本地工作，包括与 mixin 相关的样式，所以我对此感到困惑。在 google:foo 上没有看到太多关于问题所在的文档。我有

在应用程序.rb

关于在这里做什么的任何想法？

我知道这听起来可能很奇怪，但我需要知道如何让 Neat 没有响应？

我为（一个 nodejs）Ghost 博客平台克隆了 repo https://github.com/TryGhost/Ghost，并按照说明进行了设置。当我跑grunt我得到这个错误

我发现了一篇博客文章http://www.bearfruit.org/2013/10/19/quick-tip-for-getting-the-ghost-blogging-platform-running-locally/有人遇到了类似的错误已解决通过运行

但是，这并没有解决我的问题。虽然我可以运行grunt --force，但我猜如果它可以找到它正在寻找的文件，css 会出现问题。

在错误消息中提到的 mixin.css 文件中，它有这个

但是，ghost repo 中没有任何类型的 bourbon 文件夹。我想知道它是否应该从已安装的 gem 导入，如果是这样，它就不起作用。

你能建议我可以做些什么来解决这个问题吗？

我会测试波旁威士忌的整洁网格，我实际上尝试做一个移动优先的方法网格。我的结构看起来像：

我的网格设置：

我的scss：

例如，我根据断点更改背景颜色，在电脑屏幕上，颜色被移动设备覆盖。但列号是正确的……奇怪。

感谢帮助

EDIT1：我需要指定断点以应用移动设置。像这样：

但是我在页面的内部部分遇到了麻烦。我需要指定容器还是只需要跨列 mixin 就足够了？

我是 Bourbon & SASS 的新手，并尝试使用@font-face mixin将我下载的字体（Museo Sans）添加到我的 Rails 3 应用程序中。

Bourbon 提供了以下示例：

我做了什么：

字体位于 assets/fonts/MuseoSans/ 中，文件名如 MuseoSans_500-webfont.eot、.ttf 等。我的印象是你可以放弃扩展名，Bourbon 应该会接收所有文件。

我已经尝试了上述许多不同的变体，但均无济于事。我知道 Bourbon 和文件正在工作，因为当我将 font-family 设置为 $helvetica 时，我在页面上看到了变化。

如果有人可以提供正确的代码，或者我可以查看的 GitHub 项目，我将非常感激。