问题标签 [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.
sass - Scss box-shadow 已弃用并将被删除 - 如何解决
我正在尝试在我的 style.scss 文件中使用以下包含:
但是我得到一个错误:
警告:box-shadow 已弃用,将在下一个主要版本发布中删除
我试过用谷歌搜索这个,但我不确定我用的是什么,还有其他可以手动制作或使用的 mixin 吗?我在他们的文档中查看了 Bourbon 网站,但我发现的只是:
弃用警告:box-shadow mixin 已被弃用。使用官方规范。
javascript - 使用 node-bourbon 设置 grunt-contrib-sass
我正在尝试将波旁威士忌作为依赖项添加到使用的项目中grunt-contrib-sass
。node-bourbon关于 grunt 和 Sass 集成有以下说法:
但是,运行 grunt 时出现以下错误:
这个错误出现在任何给定的路径数组中includePaths
,而不仅仅是波旁威士忌。
我究竟做错了什么?
sass - Bourbon Neat 中列的最后一个子逻辑
我想知道最后一个孩子的 0 边距应该如何进来。
我有:
正文以最大最大宽度为中心—— .content-main 和 side 都得到了正确的宽度,但都没有得到:last-child { margin-right: 0;}
他们应该得到的宽度。身体里还有其他东西,但这是他们唯一的父母。
很明显,我做的不对——但事实上他们得到了宽度,这似乎表明一切都是正确的@importing。
感谢——
zurb-foundation - 将 Foundation 5 与 Hammer for Mac 和 Bourbon 一起使用
昨天我问了一个类似的问题,因为 Compass 花了很多时间来查看和编译我的 Sass 文件。
所以,我提出这个问题。什么是使用像 Foundation 5 这样的框架的理想方式,并且仍然有能力在未来更新它,同时使用 Hammer for Mac 来编译和优化我的样式表,并允许我使用 Bourbon mixin 而不是 Compass。
任何帮助表示赞赏。提前致谢!
grid - 在列的行上使用“@include media”会扰乱波旁威士忌的转变
一直想出这个相当恼人的错误 - 当我的代码是
但是,如果我尝试添加媒体断点,则对齐方式应该是这样,例如
}
最后一个 div 的对齐出于某种原因(大约一列半太多)这发生在较大的屏幕上,即使一旦我击中我的 $tablet 断点(即 768px , 9)
令人沮丧,因为示例http://neat.bourbon.io/examples/没有解决其列如何在调整大小时下降到全宽(尤其是多行示例)我什至尝试将两列包装成一行包装器并将移位应用于包装器,但这似乎将两个列挤在一起,感谢您的帮助!
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。
如果您需要任何进一步的信息,请告诉我。
谢谢,保罗
bourbon - Bourbon Neat - 如何做自动列?
我正在用 Bourbon Neat 建立一个网站,我需要像这样安排列:
关于如何编写代码的任何想法?
我试过了
但所有列的高度相同。我需要不同的高度。
先感谢您。
css - 在哪里定义身体样式
我遇到了这个问题,我似乎无法在我的 Neat Bourbon 网站中覆盖 body 元素的背景颜色。
我在 _layout.scss 文件中定义了这样的背景颜色:
但是当我在 Chrome Devtools 中检查元素时,body 元素的背景颜色仍然定义为“白色”。
那么在哪里可以定义body元素的背景颜色呢?
我的源代码库可在此处获得。
grid - 尝试使用 Neat,同时使用 Bourbon 和 Compass 会不会有冲突?
就像标题说的那样,尝试使用需要波旁威士忌的 Neat 并且我已经深入使用指南针。问题是,例如,波旁威士忌和指南针中类似定义的 mixin 是否会有任何并发症?关于不重的网格,列不固定且具有 MIT 许可证的任何建议?
谢谢大家
css - 自动行在 Bourbon Neat 中不起作用
我尝试使用 Bourbon Neat 设置一些自动行,但它们不起作用。
下面是我在样式表文件中的代码,它应该是用来整理网格的:
然后在 HAML 文件中我有这个:
这导致以下结果:
http://i.stack.imgur.com/bg9OV.png
您看不到其余图像的地方,但其中有 12 个。
我想要得到的是 3 行,每行包含 4 张图像。
关于我做错了什么的任何想法?