问题标签 [bourbon]

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 回答
9170 浏览

sass - Scss box-shadow 已弃用并将被删除 - 如何解决

我正在尝试在我的 style.scss 文件中使用以下包含:

但是我得到一个错误:

警告:box-shadow 已弃用,将在下一个主要版本发布中删除

我试过用谷歌搜索这个,但我不确定我用的是什么,还有其他可以手动制作或使用的 mixin 吗?我在他们的文档中查看了 Bourbon 网站,但我发现的只是:

弃用警告:box-shadow mixin 已被弃用。使用官方规范。

0 投票
1 回答
3029 浏览

javascript - 使用 node-bourbon 设置 grunt-contrib-sass

我正在尝试将波旁威士忌作为依赖项添加到使用的项目中grunt-contrib-sassnode-bourbon关于 grunt 和 Sass 集成有以下说法:

但是,运行 grunt 时出现以下错误:

这个错误出现在任何给定的路径数组中includePaths,而不仅仅是波旁威士忌。

我究竟做错了什么?

0 投票
1 回答
858 浏览

sass - Bourbon Neat 中列的最后一个子逻辑

我想知道最后一个孩子的 0 边距应该如何进来。

我有:

正文以最大最大宽度为中心—— .content-main 和 side 都得到了正确的宽度,但都没有得到:last-child { margin-right: 0;}他们应该得到的宽度。身体里还有其他东西,但这是他们唯一的父母。

很明显,我做的不对——但事实上他们得到了宽度,这似乎表明一切都是正确的@importing。

感谢——

0 投票
2 回答
633 浏览

zurb-foundation - 将 Foundation 5 与 Hammer for Mac 和 Bourbon 一起使用

昨天我问了一个类似的问题,因为 Compass 花了很多时间来查看和编译我的 Sass 文件。

所以,我提出这个问题。什么是使用像 Foundation 5 这样的框架的理想方式,并且仍然有能力在未来更新它,同时使用 Hammer for Mac 来编译和优化我的样式表,并允许我使用 Bourbon mixin 而不是 Compass。

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

0 投票
0 回答
853 浏览

grid - 在列的行上使用“@include media”会扰乱波旁威士忌的转变

一直想出这个相当恼人的错误 - 当我的代码是

但是,如果我尝试添加媒体断点,则对齐方式应该是这样,例如

}

最后一个 div 的对齐出于某种原因(大约一列半太多)这发生在较大的屏幕上,即使一旦我击中我的 $tablet 断点(即 768px , 9)

令人沮丧,因为示例http://neat.bourbon.io/examples/没有解决其列如何在调整大小时下降到全宽(尤其是多行示例)我什至尝试将两列包装成一行包装器并将移位应用于包装器,但这似乎将两个列挤在一起,感谢您的帮助!

0 投票
2 回答
633 浏览

sass - Grunt:与 grunt-contrib-sass 一起使用时出现 node-bourbon 语法错误

尝试将 node-bourbon 与 grunt-contrib-sass 一起使用时出现以下错误。

语法错误:属性只能在规则、指令、mixin 包含或其他属性中使用。在 sass/bourbon/addons/_prefixer.scss 的第 14 行,来自 sass/style.scss 的第 6 行

它抱怨这种语法(特别是 -webkit 部分):

有没有人遇到过这个?我真的希望不必为了使用 Grunt 而停止使用 Bourbon。

如果您需要任何进一步的信息,请告诉我。

谢谢,保罗

0 投票
1 回答
449 浏览

bourbon - Bourbon Neat - 如何做自动列?

我正在用 Bourbon Neat 建立一个网站,我需要像这样安排列:

整齐的柱子

关于如何编写代码的任何想法?

我试过了

但所有列的高度相同。我需要不同的高度。

先感谢您。

0 投票
2 回答
130 浏览

css - 在哪里定义身体样式

我遇到了这个问题,我似乎无法在我的 Neat Bourbon 网站中覆盖 body 元素的背景颜色。

我在 _layout.scss 文件中定义了这样的背景颜色:

但是当我在 Chrome Devtools 中检查元素时,body 元素的背景颜色仍然定义为“白色”。

那么在哪里可以定义body元素的背景颜色呢?

我的源代码库可在此处获得

0 投票
1 回答
145 浏览

grid - 尝试使用 Neat,同时使用 Bourbon 和 Compass 会不会有冲突?

就像标题说的那样,尝试使用需要波旁威士忌的 Neat 并且我已经深入使用指南针。问题是,例如,波旁威士忌和指南针中类似定义的 mixin 是否会有任何并发​​症?关于不重的网格,列不固定且具有 MIT 许可证的任何建议?

谢谢大家

0 投票
1 回答
1669 浏览

css - 自动行在 Bourbon Neat 中不起作用

我尝试使用 Bourbon Neat 设置一些自动行,但它们不起作用。

下面是我在样式表文件中的代码,它应该是用来整理网格的:

然后在 HAML 文件中我有这个:

这导致以下结果:

http://i.stack.imgur.com/bg9OV.png

您看不到其余图像的地方,但其中有 12 个。

我想要得到的是 3 行,每行包含 4 张图像。

关于我做错了什么的任何想法?