問題タブ [bourbon]

Rails 3.1アプリケーションに取り組んでいます。グラデーション、シャドウなどをカバーするフレームワーク/ライブラリが必要です。Compass は人気がありましたが、Rails 3.1 でうまく動作させるのが難しかったため、Bourbon を選択しました。これも人気が高まっているようです。コンパスとバーボンの主な違いは何だろうと思っています。または、使用している別のフレームワークがある場合は、それを共有してください。

• あるフレームワークを他のフレームワークよりも優先するのはなぜですか?
• ブラウザやレールのバージョンなどとの互換性の問題を経験したことがありますか?
• ミックスインのより大きな、または優れたライブラリを持っているのはどれですか?

バーボンのドキュメントによると、#{$all-text-inputs}これを回すために使用できます ：

これに：

バーボンまたはサスを使用して、:hoverまたは:focusそれぞれに適用する方法はありますか？

#{$all-text-inputs:hover}と#{$all-text-inputs}:hover動作しませんでした。

LiveReloadでBourbonを使用したいのですが、それらを連携させることができないようです。この 2 人を上手く演じさせた人はいますか?

bootstrap_and_overides.css.scssアプリのcontainsstyleというファイルがあります。今、私はサスミックスインを使用するためにバーボンジェムをインストールしました。しかし、アドオンボタンを使用すると、サイトでエラーが発生しました。

これは私のapplication.css.scssです：

ビューファイルにリンクを定義しました。

私のブートストラップスタイルファイルにはボックスシャドウがありません。ブートストラップスタイルでnew_resourceクラスを定義しました。

ミックスインボックスシャドウでエラーが発生する理由がわかりません。誰か助けてもらえますか？本当にありがとう ！

Ryan Bates の Bourbon でのスクリーンキャストに続いて、次のapplication.css.scssようなファイルがあります。

私のmain.css.scssスタイルシートではすべてが機能し、@include transition()ミックスインを完全に使用できますが、使用しようとすると@include font-face、Undefined mixin 'font-face'.Rails アプリでエラーが発生します。

正確なコード行は

normaland just 'helveticaneue'（スラッシュなし）なしで試しました。CSS の使用が機能するため、ファイルは存在し、破損していません@font-face。

このバーボンの問題に従って、私は持っています

私のGemfileで。

Bourbon が mixin を取得しないのはなぜですか?

linear-gradientバーボンで使おうとすると：

私はこれを手に入れます：

compact()これは、それが呼び出されていないことを示しているようです。と呼ばれる場所にある別のファイルで定義されていますlib/bourbon/sass_extensions/functions/compact.rb。どうすればそれをロードできますか？

解決しました

問題はバーボン自体にあるようでした。問題があったバージョン2.1.3を使用していました。作者はここ数日でそれを更新していて、動作している新しいバージョン3.0.1を追加しました。

Railsアプリケーションのデザインを作成するために、バーボンときちんとした宝石を使用しています。私のapplication.css.scssにはこれが含まれています：

しかし、「rake assets:precompile」を実行すると、次のエラーが発生します。

ファイル main.css.scss には次のものが含まれています。

誰かが私にいくつかの提案を与えることができますか?

私のCSSファイルでは、適用の結果を表示するが列を表示しない場合、Bourbon Neatのコマンドを適用し、htmlファイルに列を表示しません。

sass 用に生成された css を表示すると、Bourbon Neat 列の background プロパティが表示されません。

linear-gradient や box-shadow などの関数を含む sass ファイルのコンパイルに問題があります。ここhttps://github.com/thoughtbot/bourbon/issues/68とまったく同じ問題が発生しています。結果の css は単なる寄せ集めですfalse。

私は Rails プロジェクトに取り組んでいないので、実行時に bourbon.rb ファイルをライブラリとして含める必要があるかもしれないと考えましたsass --watchが、これは私にとってはうまくいきません:

ロードするそのようなファイルはありません -- ruby​​gems (LoadError)ここでは、Ruby の複数のバージョンがインストールされていることを示している可能性がありwhich -a ruby、rbenv 1.9.3-p327 と /usr/bin/ruby だけが表示されていることを示しています (まだ不明です)違いは何ですか）。とにかく、私は .rbenv をバックアップに移動し、おそらく今では 1 つのバージョンの ruby​​ しか持っていません。rubygemsのパスも指定してみた

しかし、sass --watch に bourbon.rb ファイルを含めようとすると、まだ同じエラーが発生します。

私はバーボンにニートを使おうとしており、ほとんどのことを整理しましたが、限界点を作成する際にいくつかの障害にぶつかっています.

私はモバイル、タブレット、デスクトップ、および大型デスクトップ用に個別の sass ファイルを作成することを好みます。通常、バブリングを使用してメディア クエリを作成することはありません。これは、css 全体でトーンを作成するメディア クエリを作成するだけではないためです。ファイル。しかし、これまでのところ、バブリング方法に関するドキュメントしか見つけられないようです。

ニートでブレークポイントを使用する方法に関する記事

これが私がやったことです：

これも試してみましたが、これはbgの色を更新しますが、視覚的なグリッドは更新しません: