问题标签 [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.
css - 将 div 的高度设置为等于波旁威士忌中的外部容器的高度
我是一个整洁的新手。我有一个外部容器和 2 个内部容器。一个是leftcontainer,一个是right。右容器比左容器有更多文本,因此高度自动扩展。左侧容器的内容较少,因此它的高度与另一个容器不匹配。 如何将左容器高度设置为整齐的右容器?这是我的形象。
这是代码
谢谢 由于整洁有它自己的设置,请告诉我如何在整洁中做?
css - Bourbon NEAT:第 4 列未内联
我不明白我在我的 sass 中缺少什么,但我的网格中的第 4 列不会内联,但只有 3 个列可以:
我想要一个简单的 4 列网格,所以我做了:
我的标记
我的萨斯:
这应该创建一个 4 列网格,每 4 列换行一次,对吧?
bourbon - Bourbon Neat @include 行(表)函数
请帮忙。
我正在使用 Bourbon Neat 1.7 并尝试添加和显示第二行。当前显示的所有信息都显示在一行上,应该是 2 行。我的计划是附加一个记录集并逐行显示记录。
我的scss代码
HTML 代码
sass - 整洁/波旁响应自动行
Bourbon/Neat 有一个简洁的功能,可以提供自动行(http://neat.bourbon.io/examples/),但我无法让这个功能变得响应。在我的示例中,我将 4 列用于大屏幕,将 3 列用于中屏幕。4 列布局显示得很好,每 4 个 div 换行到一个新行。当我到达媒体查询点时,布局分崩离析。div 意外换行。
萨斯:
一些示例html:
有人知道“自动”行功能何时可以与媒体查询一起使用,如果可以,该怎么做?
sass - 增加外部容器宽度
我正在 Bourbon 和 Neat 上构建一个 WordPress 主题。我正在使用 Codekit 来管理/编译 SASS。我查看了 bourbon Docs 并将其添加到我的 variables.scss 文件中:
然而,在这符合之后,外部容器的宽度仍然是 1088px。
我还注意到 $visual-grid 变量也不起作用。知道为什么这不起作用吗?
css - 波旁威士忌在我的移动优先设置中表现不如预期
我第一次使用纯波旁威士忌,但它的表现并不完全符合我的预期——这可能意味着我设置错了。
我正在开发移动优先,所以我希望我的布局在我的桌面断点和更大的断点之间保持相同(以便样式级联到下一个断点)。但是,除非我在较大的断点中再次重新定义样式,否则我的布局会跳回移动布局。
以下是我在 base/_grid-settings.scss 中定义断点的方式:
然后我的元素看起来像这样:
现在我期待$desktop
媒体查询中的样式一直级联到$xlarge
媒体查询,但是目前该元素在和断点.swatch
处跳回到其父容器的 100% 。我做错了什么?如果我希望样式级联,我不需要为每个断点重复相同的代码。$large
$xlarge
css - Bourbon Neat 中的源重新排序
我是 Neat 的新手。我无法弄清楚如何重新排列波旁整齐网格中的列。有人可以给我一些小费吗?谢谢。我阅读了文档,但我不明白任何对订购有用的东西。谢谢。
node.js - Ember-cli Node.js - 使用 Neat 和 Bourbon
我不确定在 ember-cli 应用程序中包含“Neat”的正确方法。
我使用 ember-cli-bourbon 插件安装了 Bourbon,然后在我的 scss 文件中使用 @import "bourbon"。
有什么建议么?
sass - Grunt 在另一台机器上以不同方式编译 SASS
我一直在我们办公室的 Mac Mini 上开展一个项目,但是当我提取 GIT 存储库并开始在家中使用我的 Macbook Pro 时,SASS 并没有编译相同的 CSS。正在使用完全相同的节点模块,并且在编译时不会显示错误。
具体来说,它使用 Bourbon Neat 的显示表格功能生成不同的输出:指定了不同的宽度,实际上表格显示根本不起作用(虽然我还不太清楚为什么)。
可能还有其他差异,但我还没有发现任何差异。什么可能导致这个问题?