问题标签 [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 回答
218 浏览

css - 波旁威士忌中的边距正确吗?

http://cdpn.io/ezIxj

我正在一个投资组合网站上工作,并希望每个项目框在所有布局尺寸上跨越 4 列。根据显示的列网格,它们的宽度似乎是正确的。但是为什么浏览器会忽略右边距?

0 投票
1 回答
53 浏览

mustache - 使用 Bourobon + Neat 设置车身颜色

我无法完全显示身体背景颜色。

我也使用 Mustache 框架,所以我的 html 是:

我已经尝试了很多变化。这看起来很简单,但它让我发疯。有任何想法吗?

0 投票
2 回答
9588 浏览

grid - Bourbon/Neat: Reset margin and let nested divs span the whole width

I am new to Bourbon/Neat. I have a question concerning nesting: I want the red boxes fill the whole width, without a gutter between them. When using "@include omega" on them, the first box removes its margin-right, but the right box has still the margin and doesn't adjust its width.

Can u tell me how I can make them span the whole parent box without any margin between them?

Here's a demo: http://wuergeengel.net.dd13736.kasserver.com/

Here's my markup:

Here are my styles:

0 投票
2 回答
2285 浏览

sass - Bourbon - Sass::SyntaxError:找不到或无法读取要导入的文件:bourbon/bourbon

我最近安装了 Bourbon Neat,但是当我使用 Sass Build 在 Sublime Text 2 中编译我的 Scss 时,我收到以下错误:

这是我的 scss 文件:

我是否错误地安装了 Bourbon 和 Neat?任何帮助将非常感激!

0 投票
1 回答
150 浏览

html - Bourbon-Neat 柱到容器顶部

我的 CSS 中有以下内容:

.main 区域的顶部有一个小间隙 - 有没有办法让它一直延伸到查看区域的顶部?我在 net.bourbon.io 网站上查找了信息(也查看了 w3schools.com 网站),但我认为我问的问题不正确,所以不知道如何搜索...

0 投票
1 回答
2555 浏览

sass - Neat/Bourbon 中的容器填充物

我是第一次和 Neat 一起工作。我想知道如何为外部 .container 完成填充。当给容器一个填充时,里面的列的宽度不再正确并且向右/向左移动。

像这个:

我知道我可以给容器中的第一个元素一个填充并且列会调整,但这不是一个一致的解决方案恕我直言。

在不更改内部列的情况下对外部容器使用一致的填充的最佳做法是什么?

非常感谢您!

0 投票
3 回答
4580 浏览

sass - 用 jekyll 设置 SASS?

我一直在尝试在 github 页面上设置个人博客SASS(和 Bourbon.io) 。jekyll

我已将与 jekyll 一起安装的 css 文件夹的名称更改为样式表,stylesheets并且在样式表中我有两个文件夹,css并且sass.

我在本地启动我的 jekyll 服务器:jekyll serve --watch

然后在另一个终端窗口中:sass --watch stylesheets/sass:stylesheets/css

但我现在收到以下消息:

`/' 未找到。

在尝试使用我的 jekyll 项目设置 SASS 之前,我的网站正在显示。任何使用 jekyll 设置 sass 的链接都会有所帮助。谢谢。

0 投票
1 回答
753 浏览

ruby-on-rails - rails 4 scss 中的波旁威士忌/整洁宝石错误

在我里面我application.css.scss有以下代码

但是在启动我的 Rails 应用程序时(我正在使用 better-errors gem)我得到以下屏幕

rails-4-screengrab

删除这两个@imports作品,但我没有得到任何CSS

0 投票
0 回答
459 浏览

sass - grunt-sass:获取编译错误以输出到浏览器

我的 Grunt.js 中有以下设置:

我也在用波旁威士忌。任何编译错误都会出现在终端中,但不会像我期望的那样出现在浏览器中。有什么我可以添加到我的设置中以使编译错误输出到浏览器的吗?

提前致谢。

0 投票
1 回答
565 浏览

ruby-on-rails - 如何在一个 Rails 应用程序中使用两个 CSS 框架?(在同一个应用程序上使用粉底和波旁威士忌)

我有一个使用基础 3 构建的 rails 应用程序(不使用 gem。它位于 vendor/assets/stylesheets/foundation.min.css)。

我想逐渐将我的样式代码转换为 Bourbon/Neat。

我必须记住的一件事是在我没有完成重新编码时不要破坏以前的布局。

是否有可能做到这一点?

导轨版本:3.2.13 红宝石:1.9.3