問題タブ [susy]

さまざまなブレークポイントでさまざまなレイアウトを持つプロジェクトがあり、マップ部分を機能させるのに少し苦労しています。http://sassmeister.com/gist/ef02247af9f901fb3897で例を設定しました

2 つのマップがあり、それぞれに異なるグリッド設定とデバッグ色があることがわかります。しかし、いくつかの問題があります。

1. グリッドの色は変更されていません。それらは最初のマップでも表示されません (より広いグリッドでは黄色になり、次に赤色になるはずです)。
2. グリッド列は変更されますが、列幅またはガター幅が正しいとは思いません。例として、列 ONE はグリッドの 5 番目の列よりも大きく見えますが、それは少し短くする必要があり、余白も広くないようです。これは、グリッドの背景が十分に正確ではないということでしょうか?
3. 975 ブレークポイントに到達すると、ガターはタブレット マップで定義されたものよりも大きくなるはずですが、そうではないようです。

さまざまなブレークポイントで正しいマップを実行するために何が必要かについてのアイデア。さまざまなブレークポイントでマップをクリア/リセットする必要がありますか?

ありがとう

index.html

app.scss

私はまだ 12 列のコンテキストにあり、最初の 8 列はdivisolateで占められていたので、2 列ではなく 10 列を指定 してください。.oneSusy の他のすべては論理的に動作し、問題はありませんでしたが、これは私をつまずかせます。

ただし、指定した場合：

の場合、10 列目にあるように指定する必要があります。これはこのように機能するはずですか？

ドキュメントを読むと、スージーはガター幅を列幅のパーセンテージと見なします。

幅が768pxのコンテナがあります

私は3つの列を持っています

各ガターを 768px の 5%、つまり 38.4px にしたい

スプリットのガター位置を使用しています

次のファイブを実行すると、3.33333% のガター幅が得られます。

しかし、これを行うと、5% の正しいガター幅が得られます。

私は試行錯誤でこの数を見つけましたが、数式をうまく解くことができないようです.

以下の関係があると思います。

列数: 3

ガターの数: 6

コンテナの望ましいパーセンテージ ガター: 5%

(コンテナーの) 望ましいガター パーセンテージを取得するために Susy に提供する必要がある数値: 0.428572

コンテナ幅のパーセンテージに基づいて Susy ガター幅を設定するにはどうすればよいですか?

Susy\Sass\Compass によって作成された未完成のテスト プロジェクトがあります。

https://github.com/gearmobile/portfolio/tree/master/travel

ブロック ラッパーの幅.wrapperは 940px です。しかし、私は960pxが必要です。これには何が必要ですか？

Susy を見つけようとしていて、場所によって要素を配置するのに苦労しています。「最初」と「最後」は期待どおりに機能しますが、特定の列の番号を使用すると機能しません。どこが間違っていますか？

デモを見る: http://sassmeister.com/gist/aad8a46d927b59573695

または完全なコード:

susy のギャラリー mixin のいくつかの要素を 2 つの列にまたがるようにする必要があります。問題は、図に示すように、手動で実行しようとしても、その後に他の要素をプッシュしないことです。これはどのように行うことができますか。コードへのリンクhttps://github.com/iyedg/IGBlogTheme

Windows システムにインストールされているSusyのバージョンを確認する方法を知っている人はいますか?

たとえば、コマンド ラインで compass -v と記述して、マシンにインストールされている Compass のバージョンを確認できます。しかし、susy -v は機能しません。

Susy のどのバージョンがインストールされているかを調べるコマンドはありますか?

ありがとう

Bootstrap で列をオフセットするように、Susy を使用して列をオフセットしたい。

使ってみた

しかし、それはうまくいきません。私が間違っていることは何ですか？

内部にdivがあるリストがあります

そのa.buttonをdiv.action内で垂直方向に揃えるにはどうすればよいですか?

そのリストの CSS は Susy を使用して生成され、CSS は次のようになります。

「desc」テキストは任意の長さにできるため、LI の高さはわかりません。

これはcodepen.ioのコードです-> http://codepen.io/anon/pen/CFhos