问题标签 [breakpoint-sass]

我正在尝试运行断点，我已按照以下步骤操作：

1. 使用命令行：gem install Breakpoint
2. 更新了 Config.rb：require 'breakpoint'
3. 在 scss 文件中，我包括：@import "breakpoint";

但是，当我使用指南针手表时，出现错误：

Gem:LoadError on line ["2007"] of C: Unable to activate breakpoint-2.4.2, because sass-3.2.19 与 sass <~> 3.3.0 冲突

运行sass -v我可以看到我安装了 3.3.8 版的 sass。

任何人都可以帮忙吗？如果需要，很高兴提供更多信息！

我使用'@media only screen and (max-width: 500px)'在css中设置断点。

当我将它设置为在到达断点时改变颜色时，它可以工作：

当我调整浏览器大小时，容器 div 确实变黑了，但是当我设置断点以更改 div 的边距时，不会触发断点。

因此，当我将查询设置为：

当屏幕以与我在测试颜色变化时调整大小时完全相同的方式调整大小时，没有任何变化。

主css文件将#container设置在margin-left；18%，当手动更改为 0px 时，它确实将文档一直移动到视口的左侧

我尝试了各种不同的样式和 html 元素，但颜色变化似乎非常可靠，它们几乎可以在任何组合中工作，但调整 div 大小或重新定位似乎根本不起作用。为什么会这样？

回答：

我将我的@media 查询放在我的 css 文件的开头，当我将它移动到它现在调整大小的 css 文件的底部时。但它留下了一个问题，为什么它改变了文件头部的颜色但没有调整大小？

我有一个使用 grunt 构建的现有项目，并想添加 Susy。没有 Susy，构建工作正常。

看起来断点应该与 Susy 一起使用。这两个都要求 Sass 至少是 V3.3。从 CLI 来看，它是：Sass 3.3.10 (Maptastic Maple)。

我使用 Gem Compass 获取最新版本的 Compass（Compass 0.12.6）。但它使用（并安装）了与 Susy 和 Breakpoint 不兼容的 sass 版本（sass-3.2.19.gem）。

在 grunt 中将 Susy 添加到 Compass 任务后，我得到：

Gem::LoadError on line ["2064"] of /home/paul/.rvm/rubies/ruby-2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/specification.rb: 无法激活 susy-2.1 .2，因为 sass-3.2.19 与 sass (~> 3.3.0) 冲突

我想尽量减少对 Ruby 的使用。这个项目没有 config.rb。（这意味着我不希望得到像“使用捆绑器”这样的解决方案。）

我想我一定缺少一些基本的东西。

看来断点不再具有罗盘依赖项（请参阅此处），但除非我添加罗盘并要求它通过，否则我无法让它与 Rails 4 一起使用application.rb。

似乎没有指南针，断点不会作为资源公开，因此使用：

引发错误：

我的Gemfile.lock包含：

我尝试添加一个初始化程序并要求断点，但这没有帮助。

我使用 Singluritygs 和断点（包含响应），我希望我的全局装订线宽度根据这些断点而改变。

我认为这会起作用，但它没有：

我是以错误的方式接近这个吗？

请注意，使用此技术添加网格确实有效：

Mason Wendell 告诉我，我可以在没有 Compass 的情况下在我的应用程序中使用断点。

我的和我的 application.css.sass 中有 gem 'breakpoint', '2.4.1'，但它无法找到断点。Gemfile@import "breakpoint"

Mason 说：“只需获取您的导入路径以找到 _breakpoint.scss 部分，您就应该一切就绪。”。

我对如何实际执行此操作有点困惑。

有任何想法吗？

我正在尝试使用 breakpoint-sass 导入一组文件，但出现错误

filenames.scss (Line 99: Import directives may not be used within control directives or mixins.)

我使用的代码是：

这甚至允许吗？我可以在断点处导入文件吗？我看不到任何文档可以说，所以我假设可以导入文件而不是内联所有 css。

关于 Drupal Omega 子主题的创建。我刚刚安装了一个新的子主题并运行了捆绑安装。

我的主题是想要导入以下库

在运行 bundle exec guard 或 drush-ogrd 时，我得到以下编译错误。我以前做过这个没有问题，并且怀疑某个地方的宝石不兼容，但我真的不知道从这里去哪里。任何指针？

我的 config.rb 文件包含以下内容

有一个非常奇怪的断点问题。

Screen.scss 包含最基本的断点示例：

这被编译为：

似乎断点没有返回任何东西。以前可以用。

在 OS X.10 上运行的 Compass 1.0.1、Breakpoint 2.5.0 和 SASS 3.4.3。

我的 config.rb 没什么特别的：

我最近在 SO 上找到了这个答案，想知道是否有语法可以使用 breakpoint-sass 插件来完成这个？谢谢。

编辑（因为有混淆）：

有一个取决于高度和宽度的断点，类似于来自已发布问题的媒体查询。