問題タブ [susy-sass]

したがって、susy2 の非常に便利な「ギャラリー」ミックスインは、IE8 では機能しない nth-child セレクターを使用します。それで、良い回避策は何ですか？

ギャラリー mixin を拡張し、ie8 固有のスタイルを追加することを考えていました。それはsusyで可能ですか？

それが役立つ場合、これが私のsassコードです：

この SASS (簡略化) が css に変換されていることを確認するための Gist は次のとおりです。

これが私が目指している外観です：

grunt で構築した既存のプロジェクトがあり、Susy を追加したいと考えています。Susy がなくてもビルドは正常に動作します。

Susy で Breakpoint を使用する必要があるようです。どちらも Sass が少なくとも V3.3 である必要があります。CLI からは、Sass 3.3.10 (Maptastic Maple) です。

Gem Compass を使用して Compass の最新バージョン (Compass 0.12.6) を取得しました。ただし、Susy および Breakpoint と互換性のないバージョンの sass (sass-3.2.19.gem) を使用 (およびインストール) します。

Susy を grunt の Compass タスクに追加すると、次のようになります。

/home/paul/.rvm/rubies/ruby-2.1.0/lib/ruby/site_ruby/2.1.0/rubygems/specification.rb の行 ["2064"] の Gem::LoadError: Susy-2.1 をアクティベートできません.2、sass-3.2.19 は sass と競合するため (~> 3.3.0)

Ruby の使用を最小限に抑えたいと考えています。このプロジェクトには config.rb がありません。(つまり、「バンドラーを使用する」のような解決策を得たくないということです。)

基本的なものが欠けているに違いないと思います。

デバッグ グリッドが重なっていると、個々のグリッドを視覚的に区別する際に問題が発生します。色の指定は可能ですか？

ありがとう！

HTML5 で次のように定義された記事がたくさんあります。

各記事には、まったく同じ要素があります。Susy 2.xを使用して、画像が左上にあり、その下に空のスペース（つまり、列1）があり、次に右にあるように配置する方法を理解しようとしています。ページ、私は <h2> が <p> の上にあり、<a class="appstore"> の上にある垂直レイアウトを持っています。

この図で、私が探している目的の形式を確認できます。

スタイリングは思い通りに機能していますが、レイアウトに関しては...「@include span」を使用する必要があると確信していますが、1時間プレイした後、正しく取得できません. ありがとう！

私のスタイルシート全体で への呼び出しがspanあり、サイト全体で使用される多数のモジュールの幅を制御するために Susy の mixin を使用しています。

特定のブレークポイントでグリッドのガター幅を変更する必要があります。Foundation で使用されているような従来のグリッド システムでは、必要なのは次のようなメディア クエリだけです (要素にクラスを使用したと仮定します)。

Susy を使用して同じことを行う方法がわかりません。すべてのグリッド スタイルが mixin を介して提供されるようになったため、スパンをターゲットにするための明確なフックがなくなりました。

使用した場所ごとに個別のブレークポイントを追加することなく、ブレークポイントでガター幅を切り替えるにはどうすればよいspanですか?

Susy のドキュメントから、答えは次のようなものを追加することのようです。

しかし、これをすべてのモジュールで繰り返すと、多くの重複があるように思えます。

もちろん、この問題はスージーに限ったことではありません。Compas の Vertical Rhythm を使用しても同じ問題が発生します。ブレークポイントでリズムを変更する必要があるとすぐに、唯一のオプションは、垂直リズムの機能が使用されるすべてのポイントでブレークポイントの変更を明示的に宣言することです。

水平レイアウトと垂直リズムのどちらの場合でも、一元化された変更がモジュール全体に伝播し、重複したメディア クエリの拡散を回避できるようにするために、抽象化のレイヤーが必要なようです。

はっきりさせておきたいのですが、私は決してどちらのツールキットも批判していません。それらを使用する最良の方法を探しているだけです。

Susy 2.1.3 をグリッド システムとして使用しています。異なるテンプレートに異なるガターを持つ包含要素があります。2 つの異なるレイアウトを宣言しましたが、正しく呼び出していると思います。ただし、最後に定義されたレイアウトは、どこにでも適用されるものです。以下のコードでは、ページにも $onepx-gutters レイアウトが適用されてい.homeます。

私の SCSS コードは非常に似ています:

生成された CSS コードは次のようになります。

ご覧のとおり、それぞれに異なるマージンを持つ と.home .item-width-2の個別のインスタンスは生成されません。.products .item-width-2

下記参照：

ここをクリックして画像をご覧ください。質問は http://imgr.es/26LP

ポール・アイリッシュのグローバル・ボックス・サイジングを使用しているため、ガターにパディングを追加することはできません。

私のコードに従います：