問題タブ [breakpoint-sass]

昨日ブレークポイント 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、一度動作するようになりました。さて、1日後、もう機能しません。

誰かが私を助けてくれませんか?

私は疑わしいので、次のようなことをする方が良いかどうか知りたいです:

またはその逆:

このようにしてすべてのクラスまたはIDをブレークポイントにグループ化すると思うので、2番目のものを使用していますが、よくわかりません。

を使う@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 (最大デバイス高さ 240px);

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

$iphone4-portrait : 320px (最大デバイス高さ 480px);

/* iPhone 5 (320 x 568) */

$iphone5-portrait : 320px (最大デバイス高さ 568px);

/* サムスン Galaxy S3/S4 (360 x 640) */

$samsunggalaxy-portrait : 360px (最大デバイス高さ 640px);

ブレークポイントをインストールして、既存のブログ プロジェクト (html/css/js/php) で使用してみました。現在、基本的なグリッド用に Susy で Sass を使用していますが、このプロジェクトで 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 `'

ブレークポイントをインストールすると、次もインストールされます。

• サス-3.3.0.rc.6
• コンパス-1.0.0α.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)