問題タブ [neat]

Bourbon Neat グリッド ミックスインを使用して、グリッド用の BS のようなクラスを作成しようとしています。私のコードは次のようになります。

私がしたいことはこれです：

Grunt ビルド ログは次のように言っています。

私が理解できないのは、$num から mixin に値を渡すことができない理由です。

私はきちんとしたバーボンを使用しており、その新しいブレークポイント ミックスインを使用しようとしていますが、機能しません。grid と breakpoints.scss よりも、ニートよりも、最初のバーボンをロードしたと既に言えます。

したがって、次のように書くと変更が表示されます。

しかし、私が書いたときではありません：

理由はありますか？

Bourbon Refills のタブを IE8 で動作させる方法を知っている人はいますか?

タブを並べて配置するのではなく、タブを重ねて配置し続けます。

状況を修正するだろうと考えて Selectivizr を追加しましたが、Neat からのグリッドのみを修正します。

ここでかなり混乱しています.Bourbon NeatにSassを使用しています.Neatを使用してブレークポイントを設定できません. どういうわけか、モバイルとブラウザで正しく表示されません。ここにコードがあります

しかし、どういうわけか彼らは働いていません。このように最小値と最大値を使用する必要がありますか

全く解決できていないのでアドバイスをお願いします。ありがとう。

ソートボットのニート グリッド フレームワークを使用して、さまざまなブレークポイントで列の位置を並べ替える/シフトする方法に関する最良の解決策を探していましたか?

ヘッダーの要素をこれから（デスクトップ解像度で）シフトしたいと思います：

これに（モバイル解像度で）：

私のHTMLは次のようになります。

SCSS は次のようになります (明確にするために、実際のレイアウトに関係のないものはすべて削除しました。関連する場合は、そのヘッダーの完全な SCSS コードをこの要点に置きます):

私は基本的に、Zurb's Foundation のプッシュ/プル再注文機能を Bourbon/Neat で模倣するための最良/最もエレガントな方法を知りたいと思っています。

提案/ヘルプをありがとう！

さて、SASS を使用して gulp を使用して CSS にコンパイルするプロジェクトがあり、グリッド システムには Bourbon と Neat を使用しています。次のものがまだ応答していないのは奇妙だと思います。

翡翠のテンプレート:

そのためのSASS

そして、ブレークポイントを設定してテストしようとします$mobile: @mixin new-breakpoint(max-width 480px 4)

@include media($mobile)コンパイルされたCSSの出力を使用すると、次のようになることがわかりました。

なぜ出力される(min-width: (+max-width) 480px 4)のですか...きちんと何か問題がありますか？

レスポンシブ グリッドに、Thoughtbot の Bourbon Neat を使い始めています。全体的にはとても洗練されていて、とても気に入っていますが、ちょっとした問題が 1 つあります。

マージンなしで2つの列を隣り合わせにしようとしていますが、例からそれらが持っているものを複製しようとした後、同じ結果が得られません.

サンプルの HTML は次のとおりです。

これが私のSCSSです：

これが生成されます：

しかし、例が示すように、table メソッドを使用して 2 つの列を互いにネスト/突き合わせようとすると、次のようになります。

SCSS:

出力：

機能するルートに行く@include omega();と、最後の列の全幅を拡張しません:

SCSS:

出力：

基本的に、コンテナ セクションにあるコンテンツを省略して、探している結果が得られるようにすることができます。しかし、それを達成するために空を作成する必要がありますdivか?:

SCSS

HTML ( 内のコンテンツ.containerはコメント化されています):

出力：

とにかく、これを達成するための「適切な」方法が何であるかわかりません。ドキュメントは、2 つの列を互いに入れ子にする方法を説明するための具体的なものではありません。そして、私が彼らの例で再現しようとしたことから、同じ結果が得られませんでした.

margin:0;最後の列に a を特に追加する必要がない限り。

きちんとしたデモ プロジェクトを作成し、Sass でコラムを作成しました。これがコードです。

今、私がエミットされたCssを見ると、これは分かりやすい

これはなぜNan% を示しているのですか? どこが間違っているのか教えてください。ありがとう。