问题标签 [neat]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
3786 浏览

css - 将 div 的高度设置为等于波旁威士忌中的外部容器的高度

我是一个整洁的新手。我有一个外部容器和 2 个内部容器。一个是leftcontainer,一个是right。右容器比左容器有更多文本,因此高度自动扩展。左侧容器的内容较少,因此它的高度与另一个容器不匹配。 如何将左容器高度设置为整齐的右容器?这是我的形象。 在此处输入图像描述

这是代码

谢谢 由于整洁有它自己的设置,请告诉我如何在整洁中做?

0 投票
2 回答
173 浏览

css - Bourbon NEAT:第 4 列未内联

我不明白我在我的 sass 中缺少什么,但我的网格中的第 4 列不会内联,但只有 3 个列可以:

我想要一个简单的 4 列网格,所以我做了:

我的标记

我的萨斯:

这应该创建一个 4 列网格,每 4 列换行一次,对吧?

0 投票
1 回答
419 浏览

bourbon - Bourbon Neat @include 行(表)函数

请帮忙。

我正在使用 Bourbon Neat 1.7 并尝试添加和显示第二行。当前显示的所有信息都显示在一行上,应该是 2 行。我的计划是附加一个记录集并逐行显示记录。

我的scss代码

HTML 代码

0 投票
2 回答
981 浏览

sass - 整洁/波旁响应自动行

Bourbon/Neat 有一个简洁的功能,可以提供自动行(http://neat.bourbon.io/examples/),但我无法让这个功能变得响应。在我的示例中,我将 4 列用于大屏幕,将 3 列用于中屏幕。4 列布局显示得很好,每 4 个 div 换行到一个新行。当我到达媒体查询点时,布局分崩离析。div 意外换行。

萨斯:

一些示例html:

有人知道“自动”行功能何时可以与媒体查询一起使用,如果可以,该怎么做?

0 投票
1 回答
97 浏览

sass - 增加外部容器宽度

我正在 Bourbon 和 Neat 上构建一个 WordPress 主题。我正在使用 Codekit 来管理/编译 SASS。我查看了 bourbon Docs 并将其添加到我的 variables.scss 文件中:

然而,在这符合之后,外部容器的宽度仍然是 1088px。

我还注意到 $visual-grid 变量也不起作用。知道为什么这不起作用吗?

0 投票
3 回答
542 浏览

css - 波旁威士忌在我的移动优先设置中表现不如预期

我第一次使用纯波旁威士忌,但它的表现并不完全符合我的预期——这可能意味着我设置错了。

我正在开发移动优先,所以我希望我的布局在我的桌面断点和更大的断点之间保持相同(以便样式级联到下一个断点)。但是,除非我在较大的断点中再次重新定义样式,否则我的布局会跳回移动布局。

以下是我在 base/_grid-settings.scss 中定义断点的方式:

然后我的元素看起来像这样:

现在我期待$desktop媒体查询中的样式一直级联到$xlarge媒体查询,但是目前该元素在和断点.swatch处跳回到其父容器的 100% 。我做错了什么?如果我希望样式级联,我不需要为每个断点重复相同的代码。$large$xlarge

0 投票
1 回答
1242 浏览

css - 使用 Bourbon Neat 时未定义的 mixin

我正在使用BourbonNeat,并且有以下代码

并收到以下错误:

我已经仔细检查了相关文档,但是我不明白为什么这不起作用。请注意,我在框架中成功使用了其他 mixin。

更新

我有以下版本:

0 投票
0 回答
216 浏览

css - Bourbon Neat 中的源重新排序

我是 Neat 的新手。我无法弄清楚如何重新排列波旁整齐网格中的列。有人可以给我一些小费吗?谢谢。我阅读了文档,但我不明白任何对订购有用的东西。谢谢。

0 投票
1 回答
1024 浏览

node.js - Ember-cli Node.js - 使用 Neat 和 Bourbon

我不确定在 ember-cli 应用程序中包含“Neat”的正确方法。

我使用 ember-cli-bourbon 插件安装了 Bourbon,然后在我的 scss 文件中使用 @import "bourbon"。

有什么建议么?

0 投票
1 回答
59 浏览

sass - Grunt 在另一台机器上以不同方式编译 SASS

我一直在我们办公室的 Mac Mini 上开展一个项目,但是当我提取 GIT 存储库并开始在家中使用我的 Macbook Pro 时,SASS 并没有编译相同的 CSS。正在使用完全相同的节点模块,并且在编译时不会显示错误。

具体来说,它使用 Bourbon Neat 的显示表格功能生成不同的输出:指定了不同的宽度,实际上表格显示根本不起作用(虽然我还不太清楚为什么)。

可能还有其他差异,但我还没有发现任何差异。什么可能导致这个问题?