問題タブ [bourbon]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
sass - Bourbon Neat が sass watch の後にエラーを出しています
こんにちは、私はバーボン ニートを初めて使用します。バーボンとニートをフォルダにインストールしました。今私がこれをした後
生成されたcssをコンパイルすると、次のエラーが発生します。
私が何か間違ったことをしている場合は教えてください。ありがとう。Ps：それをするNeat--verときDL is deprecated.
sass - DL は非推奨です。Bourbon と Neat のインストール時にフィドル メッセージを使用してください
SASSバージョン 3.3.5 mapleをインストールしたばかりで、コマンドラインを使用してバーボンをgem install bourbonインストール しました。これは、インストールされていbourbon 3.1.8て、きちんとインストールされてver 1.6.0
います。空のフォルダーに移動して、これを実行します
フォルダーをインストールしますが、コンパイル時にさらにエラーが発生します。何をすべきか教えてください。ありがとう。
html - バーボンニートのグリッドの最大幅プロパティの変更
初めてバーボンニートを使います。私がやろうとしているのはmax-width、ニートのプロパティを設定する_grid.css
ことです。今、私はPXでそれをやろうとしてい700pxますが、デフォルト$max-width: em(1000) !default;
ではPXでそれを与えようとしましたが、うまくいきません。誰かが私が間違っているところを教えてもらえますか? ありがとう。
css - リスト アイテムのサムがこのように表示されるのはなぜですか?
ちょっと私はいくつかのブレークポイントを設定し、リスト項目をパーセンテージで設定しました。それはさまざまなブレークポイントにうまく適合します。
しかし、私が設定していないデフォルトのものはこのように表示されます。
ここに私のサスコードがあります。
どこが間違っているのか教えてください。ありがとう。ここに私のデモデモ リンクがあります
javascript - バーボン/リフィルのスライド メニューが js/jQuery を使用して特定のブレークポイントで動作しないようにする
プロジェクトにバーボンリフィルのスライドメニューを使用していますが、特定のブレークポイントまで動作させたいだけです。私は以下のこの方法がうまくいくと考えました。
CSS:
奇妙なことに、これはブラウザが外側に拡大するときに機能します。ただし、折りたたむとフラッシュが発生し、ブレークポイントに到達する直前にメニューが 1 ～ 2 秒間表示されます。js-menuナビのsliding-menu-contentクラスをに設定する必要がありますdisplay:noneか？
更新: 表示されているクラスを明示的に非表示にするために js に条件を追加しました...しかし、これにより、960px を超えるとページからナビゲーションが削除されました。また、これはjs/jQueryでビューポートを制御する正しい方法ですか?
誰か知っていますか
JS:
ブレークポイントやその他のコントローラー (respond.js など)については認識しています。これはこれに取り組む正しい方法ですか？
ruby - Sass::SyntaxError: インポートするファイルが見つからないか読み取れません: bourbon/bourbon
rvm と bourbon をインストールしました。次に、バーボンを /css ディレクトリにインストールしました。しかし、私が試してみると
次のエラーが表示されます。
同じ問題で他のスレッドをチェックアウトしましたが、どれも私の問題を解決していないようです。このエラーを解消し、バーボンを正しくインポートするにはどうすればよいですか?
css - Neat のメディアクエリ全体で自動列の数を変更する方法
Bourbon Neat では、span-column()mixin と一緒にmixin を使用して、foundation 5 のブロック グリッドに似たものomega()を作成できます。automatic columnsただし、メディア クエリ間でスタイルを共有する場合、これらは惨めに失敗するようです。以下の例を見てください。
nth-child の位置を使用して行の最後の項目からマージンを削除しますが、メディア クエリが発生したときに、オメガを変更している場合、他の CSS は上書きされません。したがって、最初のメディア クエリは期待どおりに機能します。次に、$ipadクエリがトリガーnth-child(3n)されると、CSS に残り、クエリが中断され$ipadます。これを回避する方法はありますか？
コンパイル済み CSS: