问题标签 [neat]

我有一个要用作全角标题的 div。基本上，标题，可能还有电话号码和地址。这个问题的目的是使这个 div 成为浏览器的整个宽度。

波旁整洁的新手

• 我的印象是它适用于 12 格列
• 所以让一个 div 占据我使用的浏览器的整个宽度@include span-columns(12)
• 当我在浏览器中查看时，看起来左右两侧有 2 个空列

application.html.erb

header.html.erb

header.css.scss

观察

当我删除@include outer-container时，似乎我已经达到了预期的效果。但是，所有文档都说要使用 this outer-container。我不希望出现不可预测的行为，因为我是 Bourbon Neat 的新手。

使用 Neat 框架时，列的间距会自动调整到窗口大小（当然，正如网格框架所期望的那样）。在我当前的项目中，我想使用 gutter-width ($gutter) 作为某些元素的顶部或底部填充。

直接使用 $gutter 变量可以工作，只是在缩小视口时不会调整填充。

有人对此有解决方案吗？

我试图设置 Foundation 5，但现在已经切换到 Neat，因为有几个问题阻止它正确安装。我解决问题的博客之一让我删除了 sass gem 并重新安装它。我在很长一段时间内破坏了一些东西，因为现在我什至无法设置 Neat。

这是在运行 bundle update sass 之后。我只是想再次获得一个干净的环境，所以我设置了 Neat 框架。

这是我在废弃 Foundation 之前进行的最后一次故障排除尝试：https ://github.com/zurb/foundation/pull/5651

我正在尝试重新创建：http: //jsfiddle.net/MGRdP/6/

使用 Neat 但我的 div 没有扩展到视口高度的 100%。使用检查器，我找不到任何差异。显然这里有些不对劲。

有人可以为整洁提供正确的标记以使我能够实现小提琴吗？

我在最近的 gem 更新到 1.7.1 之前安装了 Neat。现在我想更新我的站点安装中的文件，但我不确定如何完成。

表示

我试过

在我的 sass 目录中，但我收到了消息

我不确定如何检查我安装的版本，但是与 git repo 相比，一个的 _outer-container.scss 文件显然是以前的版本。该文档似乎并未准确涵盖如何更新我的站点文件。我觉得这可能是一件非常基本的事情，我只是不确定在手动复制文件之外该怎么做。

我创建了一个bourbon/neat/bitters/refills用于sass.

到目前为止，已尝试添加一些笔芯：居中导航和英雄。

在桌面浏览器中进行测试并将窗口大小调整到最小断点非常有效：从大断点变为中断点再到最小断点（水平导航最终折叠并在下方一列布局）。

但是，在 iphone 上实际查看时，似乎在 safari 中显示桌面断点布局以进行所有笔芯。

有没有其他人遇到过这个问题？

默认情况下，Neat 使用百分比作为每个span-columns元素的边距，但我希望有一个固定的30px装订线，无论outer-container宽度如何。

我正在尝试将 Bourbon Parallax Refill 用于页面上的多个背景。这是我从中获取代码的地方：

http://refills.bourbon.io/components/#er-toc-id-14

我的代码笔设置：

http://codepen.io/mikehdesign/pen/jEKLPj

我的代码如下：

HTML

SCSS

查询

我需要为每个图像设置不同的背景图像，并且视差对所有三个图像都有效。目前只有第一个在工作。

谢谢！

麦克风

我使用波旁威士忌和整洁设置了 3 个不同的断点。我遵循了一些苦涩的信息来设置变量以在媒体混合中使用。这使得插入断点变得非常容易。

从历史上看，我已经设置了断点，并且基本上在断点中包含了所有适当的样式。

为断点设置了这个 mixin 和变量，我发现自己以不同的方式处理它。

所以你可以看到我在一个规则集中工作，并根据目标屏幕大小调整规则集中的样式。

这感觉不错，但也感觉很脏。

这似乎是正确的，因为无论单个区域中包含什么大小，我都有所有规则。在精神上跟踪继承和特异性感觉更容易。

如果感觉很脏，因为它在处理后的输出中添加了大量的 @media 规则。我永远不会那样写香草CSS。

我疯了吗？“专业”前端开发人员如何处理这个问题？（我是一名贸易设计师）。在复杂（企业级）应用程序中使用 bourbon、neat 和 sass 管理断点的最佳实践是什么？

我目前正试图让我的公司使用 Bourbon/Neat/Bitters/Refills，Toughtbot 前端堆栈通常被称为 Bourbon 系列。

但是，当我们在大多数项目中使用 Ruby 时，我们会时不时地编写静态网站。在那种项目中，Bitters 的脚手架速度可能非常有用。

Thoughtbot 发布了用于 Bourbon 和 Neat 的 Bower 包，而不是用于 Bitters 和 Refills。结合 Gulp for Sass 预处理，Bower 非常适合小型项目。

我找不到一种合理可靠的方法来为静态网站使用苦味剂和笔芯。任何想法？