问题标签 [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 投票
1 回答
887 浏览

css - 为什么媒体查询中有偏移量?

我正在使用 Bourbon Neat 创建一些响应式布局。但是,我发现我使用的媒体查询偏移了大约 70 像素。我为平板电脑设置了 640 像素的断点(如 CSS 检查器中所示

CSS 检查

但是,当我尝试调整屏幕时,chrome 告诉我媒体查询仅在窗口位于 ~580px 时应用......我很困惑为什么会这样,我不知道问题可能出在哪里。

感谢您的帮助!

0 投票
1 回答
2333 浏览

sass - 跨 Bourbon Neat 断点的多个列/装订线大小

我想使用 Bourbon/Neat 创建一个灵活的响应式网格,它不仅可以改变列数,还允许我跨断点配置列之间的装订线间距。

所以理论上,这样的事情会起作用:

这目前给了我一个灵活的列数,但 column:gutter 比例保持不变。

我已经研究了singularity.gs,但不想将Compass 作为依赖项引入。

有人有修复/解决方法吗?

0 投票
1 回答
419 浏览

css - 波旁威士忌中的“str-slice”的线性梯度不是字符串

当我使用 Bourbon 创建主题时,出现以下错误:

这是 中的代码_background.scss,因为它在其Github 存储库中:

我使用 Sass 3.3.14 和 Compass 1.0.0.rc.1 来创建主题,以获得波旁威士忌的全部好处。

更新:

(糟糕,我忘了说 Neat 或 Bitters。我也在使用它们。对不起。)

我已经按照 Bitters 的Github 指南中的描述更新了文件:

但是会发生同样的错误。

0 投票
1 回答
707 浏览

css - 如何使干净的流体超过最大宽度

我不觉得整洁的网格是真正流畅的。流体网格可以很好地从移动设备扩展到大型电视屏幕,例如1920x1080. 然而,整洁和苦涩最终工作的方式会创建一个$max-width默认设置为 1088 的变量。即使您更改此设置,但网站将停止流动的大小,即最大大小。我觉得无论屏幕大小如何,流畅的布局都会不断增长和缩小。

目前我解决这个问题的方法是使用fill-parent

这可行,但感觉很hacky,有没有办法使用整洁来正确创建一个完全流动的网格?设置最大宽度有它的限制。

0 投票
1 回答
412 浏览

sass - Bourbon - 整洁 - 交替左/右 - 右/左列 - 相同的 DOM 结构

我最近开始研究 Bourbon 和 Neat 以在我的个人网站上使用,并可能用于未来的项目。

我正在尝试重新创建从左到右、从右到左的交替布局。与此类似:http ://www.plunkettassociates.co.uk/services/

其中有 48% 的列包含文本,然后是 48% 的列包含图像。然后,此布局在页面下方左右交替。关键是 DOM 结构是相同的。CSS 用于控制 48% 列的位置和边距。

有人可以解释如何使用整洁来实现这种交替布局吗?

0 投票
1 回答
2010 浏览

ruby - 宝石安装 - 权限被拒绝 @ dir_s_mkdir

我正在尝试安装一些宝石,特别是 Bourbon 和 Neat。但是,当尝试安装 Neat 时,它似乎安装得很好。但是当我运行neat -vor时neat install,我得到了这个错误。

我不知道这里发生了什么。如果有人有线索,我会很感激被指出正确的方向。

任何帮助表示赞赏。提前致谢!

0 投票
0 回答
150 浏览

css - 将网格向右移动,在左侧垂直菜单

我正在尝试在外部容器的左侧和右侧创建一个带有垂直菜单的页面。outer-container现在,我已经使用这个 css将垂直条放在外面

}

我已经在另一个 div 上使用了外部容器,现在不知何故leftvertcialNav被覆盖在outer-container 我如何将外部容器向右移动,比如110px向右移动。 如果我使用 css 对 i**t 执行此操作,则会显示水平滚动条。因为**外部容器宽度设置为 100%。谢谢。

0 投票
3 回答
1299 浏览

css - 如何确保没有内容的 div 将获得父 div 的高度?

我正在尝试创建divs将外部容器设置为宽度,1000px并将内部左右容器设置为50%每个宽度。现在我已经使用了这段代码

现在不知何故,如果我不把任何东西放在左边nav,右边nav就会占据 100% 的宽度。即使它们是空 的,我如何设置leftnav或保持至少 50% 的宽度?rightnav谢谢。

0 投票
1 回答
672 浏览

bash - 整洁的框架没有安装

我正在尝试在非 Rails 项目中安装波旁威士忌/整洁。

我按照这里找到的简单说明进行操作:https ://github.com/thoughtbot/neat#installation

但正如您所见,Bash 无法识别宝石。

我尝试重新启动终端,但没有发生任何新情况。

(我已经以完全相同的方式安装了波旁威士忌,而且效果很好)

有任何想法吗?

谢谢

0 投票
3 回答
550 浏览

css - 当您更改浏览器大小时,Bourbon 如何更改字体大小?

我正在使用 Thoughtbot 的 Bitters/Neat/Bourbon 堆栈。当我调整浏览器窗口大小时,字体大小会更改以匹配可用空间。但是,当我通过 JS 更改屏幕内容时,字体大小不会更新。如何在不调整浏览器大小的情况下更新字体大小?