问题标签 [breakpoint-sass]

刚刚用 Mavericks 在我的 MacBook 上进行了全新安装。我正在使用 Yeoman 和 grunt 来编译我的项目。重新安装并从 repo 中提取代码后，我看到此错误：

我在 gruntfile.js 中需要断点。如果我删除了要求，一切都会按预期编译，没有错误。

让我知道我是否可以提供更多详细信息。谢谢

我尝试使用断点替换Zen 7.5.4 Drupal 基本主题的子主题的_responsive.scss （参见第 155 行）中的媒体查询：

在此之前，我安装了 config.rb 中所需的断点，在 _init.scss 中包含并定义了我的断点。

一个更简单的任务可以完美地工作（因此系统可以正常工作）但是提到的代码会产生以下错误：

我试图在zen-grids的代码中找到'&'，但没有找到。我错了什么？

昨天断点2.2.0发布后，我更新了sass，也不得不更新json到1.8.1，以此类推……

对于整个更新马拉松，我最终安装了 xcode 和命令行工具和 rvm。我还了解了捆绑器以及如何通过它进行更新。

我在运行 OS X 10.7.5 的 MBP 上

但是，现在我不能再用指南针来观看项目了：

指南针正在观察变化。按 Ctrl-C 停止。
/System/Library/Frameworks/Ruby.framework/Versions/1.8/usr/lib/ruby/1.8/fileutils.rb 第 1039 行的 Errno::EACCES：
权限被拒绝 - /Library/Ruby/Gems/1.8/gems/breakpoint -2.2.0/stylesheets/.listen_test

更改后：PATH=$PATH:$HOME/.rvm/bin到PATH=$PATH:~/.rvm/bin ，.bashrc我让它工作了一次。现在，一天后它不再工作了。

有人可以帮助我，让一切重新启动并运行吗？

今天升级到最新版本的 Sass、Compass、Breakpoint-Sass 和 Toolkit-Sass 后，我的主题中使用的每个 mixin 都会出现未定义的 mixin 错误。

我当前的 gemfile 包括这些版本：
gem 'compass-aurora', '~>3.0.8'
gem 'toolkit', '~>2.0.0.alpha.3'
gem 'breakpoint', '~>2.4.1'


再次bundle install安装工具包版本 2.0.0.alpha.5 后。可能会发生一些事情，我需要多一点耐心吗？我知道，工具包处于 alpha 状态...

感谢您的任何建议

在奇异性演示中，有一些使用推拉混合的示例。使用时，它们会调整装订线中的内容位置。从高处和低处看，我找不到对这些 mixin 的任何记录参考。它们是长期功能集的一部分还是剩余部分？如果不是，那么进行这种排水沟转移的推荐方法是什么？

在这里找到了答案

我怀疑所以我想知道这样做是否更好：

或相反：

我使用第二个，因为我认为通过这种方式我将所有类或 ID 分组在一个断点中，但我不确定。

当我使用@include breakpoint(min-resolution: 1.5dppx),

我得到这个输出：

@media (min-resolution: 1.5dppx), (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (min-resolution: 144dpi)

这个快捷方式很好，但如果我尝试将它与另一个这样的查询结合起来：

@include breakpoint(min-resolution: 1.5dppx, 2050px)

我得到完全相同（最后一部分被删除）

然后，如果我添加一些引号：

@include breakpoint("2050px, min-resolution 1.5dppx")

我松开了跨浏览器部分：@media (min-width: 2050px, min-resolution 1.5dppx)

有没有办法成功地结合它们？

所以我有以下情况： $iphone : 320px (max-height 568px); 这是iphone的尺寸。但是，当我将浏览器的大小调整为这些确切值时，媒体查询将不起作用。如果我通过使用浏览器扩展检查显示大小来输入视口而不是这个，它就可以工作。我应该使用设备宽度和高度还是视口？使用视口似乎很奇怪。

这是我的断点变量示例：我是否通过添加“设备”来解决问题？我必须向所有这些添加“设备”吗？

/* 摩托罗拉 RAZR V8 (240 x 320) */

$motorola-portrait : 240px (最大设备高度 320px);

/* 黑莓 8300 (320 x 240) */

$blackberry-portrait : 320px (max-device-height 240px);

/* iphone 3-4 (320 x 480) */

$iphone4-portrait : 320px (max-device-height 480px);

/* iphone 5 (320 x 568) */

$iphone5-portrait : 320px (max-device-height 568px);

/* 三星 Galaxy S3/S4 (360 x 640) */

$samsunggalaxy-portrait : 360px (max-device-height 640px);

我在服务项目中使用断点。添加require 'breakpoint'到我的 './config.ru' 和@import 'breakpoint'样式表后，断点在运行 serve 时运行良好（我实际上是通过Pow运行的）。

但是，当使用serve export将站点导出到预定文件夹中的静态 HTML/CSS/JS 文件时，我的样式表中出现以下错误：

我一直在寻找服务 gem 本身，发现导出只是在compass compile -c '#{@input}/compass.config' '#{@input}'将样式表复制到目标文件夹之前运行编译样式表。前段时间我还了解到，服务中的导出功能尚未使用config.ru（应该如此），并且我无法弄清楚我需要告诉罗盘使用已安装的断点 gem 的确切位置。

所以我尝试运行compass compile -c ./compass.configand compass watch -c ./compass.config，两者都返回类似的错误：

我在服务项目上创建了一个问题，但我希望这里有人可以分享一些急需的见解。谢谢！

刚刚安装了断点并尝试在现有的博客项目（html/css/js/php）上使用。目前使用 Sass 和 Susy 来处理基本的网格内容，但我想在这个项目上尝试一下 Breakpoint，因为我最近意识到它的易用性和灵活使用。

安装成功后，将以下内容添加到我的项目中：

require 'breakpoint'到 config.rb 文件

@import "breakpoint" sass 中的 _base 文件。

刷新后，浏览器中出现此错误消息：

Syntax error: File to import not found or unreadable: breakpoint.\A Load paths:\A /Users/pbj/Desktop/code/the-start/themes/thestart/sass\A /Library/Ruby/Gems/2.0.0/gems/compass-0.12.3/frameworks/blueprint/stylesheets\A /Library/Ruby/Gems/2.0.0/gems/compass-0.12.3/frameworks/compass/stylesheets\A /Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass\A Compass::SpriteImporter\A on line 6 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/_base.scss\A from line 5 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/screen.scss\A \A 1: /Users/pbj/Desktop/code/the-start/themes/thestart/sass/screen.scss"

命令行中也出现此错误：

Errno::EACCES on line ["1143"] of /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb: Permission denied - /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.0.alpha.17/stylesheets/.listen_test Run with --trace to see the full backtrace

在运行完整的回溯后，我在命令行中得到了这个：

Errno::EACCES on line ["1143"] of /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb: Permission denied - /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.0.alpha.17/stylesheets/.listen_test /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:1143:in open' /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:1143:inrescue in block in touch' /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:1139:in block in touch' /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:1137:ineach' /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb:1137:in touch' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:221:inworks?' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:182:in block in usable_and_works?' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:182:ineach' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:182:in all?' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:182:inusable_and_works?' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:49:in block in select_and_initialize' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:47:ineach' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/adapter.rb:47:in select_and_initialize' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/listener.rb:272:ininitialize_adapter' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/listener.rb:264:in setup' /Library/Ruby/Gems/2.0.0/gems/listen-1.1.6/lib/listen/listener.rb:64:instart!' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/watcher/project_watcher.rb:31:in watch!' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/commands/watch_project.rb:48:inperform' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/commands/base.rb:18:in execute' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/commands/project_base.rb:19:inexecute' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/exec/sub_command_ui.rb:43:in perform!' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/lib/compass/exec/sub_command_ui.rb:15:inrun!' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/bin/compass:30:in block in <top (required)>' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/bin/compass:44:incall' /Library/Ruby/Gems/2.0.0/gems/compass-1.0.0.alpha.18/bin/compass:44:in <top (required)>' /usr/bin/compass:23:inload' /usr/bin/compass:23:in `'

当我安装断点时，它也安装了：

• sass-3.3.0.rc.6
• 罗盘-1.0.0.alpha.18
• 断点-2.4.1

当我检查当前版本的 sass 时，它是 sass-3.3.0.rc.6。

不确定到底发生了什么。我确实读过类似的问题，其中解决方案是调用compass watch config.rb 文件的父目录，或者类似的东西。仍然以同样的错误结束。

编辑：当注释掉断点以尝试在不使用（暂时）的情况下继续前进时，浏览器中会抛出此错误：

"Syntax error: Undefined variable: \"$experimental-support-for-mozilla\".\A on line 25 of /Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass/susy/_support.scss\A from line 5 of /Library/Ruby/Gems/2.0.0/gems/susy-1.0.9/sass/_susy.scss\A from line 5 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/_base.scss\A from line 5 of /Users/pbj/Desktop/code/the-start/themes/thestart/sass/screen.scss"

而命令行中的这个错误： Errno::EACCES on line ["1143"] of /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/fileutils.rb: Permission denied - /Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.0.alpha.17/stylesheets/.listen_test

认为这是因为它试图使用 v3.3？

有人对如何解决这个问题有一些建议吗？

当前运行 15" MBPr OSX v.10.9.2 (Mavericks)