问题标签 [breakpoint-sass]

问题：

我有一个Rails 4.0.10要breakpoint用于媒体查询的基本项目。

我的宝石文件：

当我在我的 sass 样式表中需要断点时，它会抛出：

从错误中可以看出，Sass 找不到加载断点的正确路径。我查看了最后一条路径，发现该目录/home/action/.rvm/gems/ruby-2.0.0-p247/gems/breakpoint-2.4.6/lib/stylesheets不存在，而是我们有/home/action/.rvm/gems/ruby-2.0.0-p247/gems/breakpoint-2.4.6/stylesheets.

问题：

我应该配置资产管道以包含断点的正确路径还是存在其他问题？

我正在使用breakpoint-sassgem 来处理移动优先响应样式表的媒体查询。

我需要为 IE8（不支持媒体查询）创建一个单独的 css 文件，我希望拥有所有样式，省略以右括号开头的字符串@media ... {和另一个带有右括号的字符串（因为 IE 忽略了媒体查询中的所有内容）。

我正在使用以下设置：

问题是，为了使这个工作我每次都需要传递true给breakpoint()mixin。有没有更好的方法来实现我的目标？或者可能，有什么办法可以避免这种重复并使其$no-query: true成为永久性的？

我正在尝试在我的 Ember CLI 项目中使用breakpoint-sasswith ，但是在使用时它会崩溃并出现以下错误：broccoli-sass@include breakpoint(100px)

重现很简单：

帮帮我，你们这些时髦的苏西，我快要崩溃了！我正在尝试为我的项目制作最有效的布局，但我遇到了一些我无法用 Susy/breakpoint 解决的问题。

我希望布局列在断点处更改，而不必更改 div 的所有单个跨度（因为这样会有许多不同的跨度宽度。而不仅仅是 1 和更改 3 或 4 个不同的列布局）。

现在，我能够让它工作的唯一方法是更改​​ div 的跨度并保持列不变，但我希望 div 始终保持相同的大小，然后根据列的数量放置到位留下来填补。

我认为这正是我编写@include 的方式。我尝试在断点内进行容器/布局，而不是使用布局，但没有成功。我知道这可能是一个我没有看到的简单修复。

编辑：我还注意到，无论我如何更改，div 总是采用默认的 $susy 映射，并且不会在断点处更改它。

SCSS：

html:

我有一个浮动跨度布局，其中包含 12 列网格中的多个图块。在断点 600 像素处，我希望它显示 float-span(2)，而在 1024 像素处，我希望显示 float-span(4)。

我发现较小的断点布局按预期显示，但较大的断点布局已损坏，并且似乎从较低的断点继承了第 n 个子值。

他是我的要点http://sassmeister.com/gist/MrPaulDriver/8ac3bcf3e29c429b2efc

我究竟做错了什么？

我正在做一个新项目并开始使用 grunt-sass 而不是 grunt-contrib-sass，因为它更快。我还删除了指南针。现在的问题是我再也找不到添加“susy”网格和“断点”的方法了。我曾经把它放在一个 config.rb 文件中，但我不再使用它了，因为我没有使用指南针。

所以我在我的项目中添加了所有 susy 风格，效果很好，但这不是我喜欢的方法。但是找不到添加断点的方法。

有没有办法添加这些？还是我必须为此使用指南针？

对不起我的英语不好，不是很擅长。

这是我的代码：https ://github.com/Oreqizer/susy-tutorial/blob/master/app/styles/modals/_layout.scss 第 12 到 17 行，在此处提取：

如果未注释，则尝试编译时，我得到：

我正在使用 LibSass 进行编译。Vanilla Sass 以同样的方式失败了。一切都更新了。

如果我从 args 中删除单位，例如：断点（768），它会编译，但什么也不做。知道为什么会这样吗？

编辑：

如果没有单位，这是编译的 .css：

看起来编译器以某种方式假设我将使用'em's。为什么会发生这种情况，我不知道。

但是，如果我将 'px' 替换为 'em'，则会引发相同的错误。

编辑2：

混音：

有完全相同的问题。

编辑 3：

我卸载了断点，susy-breakpoint 似乎工作正常。但是，单独使用断点并不像 Susy 那样工作。

我检查了所有可能性，没有发现任何问题。

有以下行：require 'breakpoint'

还@import "breakpoint";

我正在尝试这种方式：

我在编译的 css 文件中看不到任何影响，只有新属性会覆盖以前的属性。我正在使用Sass 3.4.13 (Selective Steve)和Compass 1.0.1 (Polaris)。

编辑：示例编译结果：

编译：

我对 Susy 使用嵌套断点。编译后的 CSS 包含以下行： box-sizing: ; 当我不使用嵌套断点时，编译的 CSS 是正确的。

SASS 代码：

编译后的 CSS（行：box-sizing: ;）：

我还在另一个站点中使用了 Susy 的嵌套断点，它运行良好。我也尝试过 susy-breakpoint mixin 问题仍然存在。

我终于从 Susy One 过渡到 Susy 2 并且一直在为新语法苦苦挣扎。具体来说，将它与 Breakpoint mixin 一起使用。

在 Susy One 中，我有这个：

然后我能够编写样式，例如：

我的 HTML 标记示例：

这种模式可以移植到 Susy 2 吗？我需要$susy为我的 3 个各自的断点制作 3 个单独的地图吗？