問題タブ [susy-compass]
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.
css - CompassSusy ネストされたグリッドが正しい列幅/マージンを与えない
私は susy を使用してメイン グリッドをセットアップしており、footer要素内で Susy のwith-grid-settings()mixin を使用して、次のようにわずかに異なるグリッドを生成しています。
そのfooterため、メインの 5 つの列すべてにまたがって、わずかに異なる幅の新しいグリッドを含め、ミックスインを使用しcontainerて適用する必要があります。
そのため、内部には、それぞれ 1 列にまたがるように設定された 'sfooterがいくつかありますが、左余白は実質的に 2 倍になります。ul
CSSは次のとおりです。
そして結果の写真：
間違ったグリッド コンテキストに合わせているようです。両方のグリッドに同じ数の列があるという事実と関係がありますか?
wordpress - WordPress での SUSY
SUSY を使用していくつかの静的サイトを開発し、コツをつかみました。現在、カスタムの WordPress テーマに引き継がれる開発中の SUSY サイトがあります。この方法で開発している人は他にいますか (きっといると思います)、もしそうなら、変換中に遭遇した異常なこと、または私が注意する必要があることはありますか? 始める前に、潜在的なスピードバンプを最小限に抑えようとしています. ありがとう！
ジェイソン
susy-compass - susy で rem を使用するにはどうすればよいですか?
この記事を読んだ後、 remを susyで使用するにはどうすればよいですか?
現在emsを使用していますが、将来はremのようです:)
また、バージョン v1.0.5 ではremがサポートされていることに気付きましたが、それを自分の Web サイトに統合する方法を理解するだけです。
ありがとう
compass-sass - レスポンシブ グリッド: Zen グリッド vs. Suzy
新しいプロジェクトを始めようとしていますが、Zen Grids と Susy のどちらを選ぶか悩んでいます。各フレームワークの長所と短所を教えてください。
参考のため
前もって感謝します！
compass-sass - スージー/コンパスモバイル-モバイルデバイスで最初のグリッドが機能しない
最近、まだ調整中の簡単なポートフォリオサイトを作成しましたが、ブラウザを使用してサイズを小さくすると、期待どおりに表示されるスージーグリッドを使用しました。本質的に3つのブレークポイントがあります。1つはブラウザー用、1つはタブレット用、もう1つは電話用です。
唯一の問題は、携帯電話（HTC Desire）にロードすると、ズームがかなりずれているように見え、中央のブレークポイント（タブレット）のようにサイズが変更されていることです。
私が設定した休憩は次のとおりです。
ウェブサイトはこちら
また、サイトを拡大するときは、水平方向にスクロールする必要があることにも気づきました。これは、私が避けようとしていることです。実際のスージーサイトもこれを行いません。
breakpoints - ブレークポイントでスプライトを使用すると正しく実行されない
at-breakpoint（$ desktop）（susy）にスプライトを使用すると、ジェネリットスプライトの背景画像は.logoクラスに影響しません
しかし、at-breakpoint（）がなくても大丈夫です（.logoは.logo-spriteとマージされています）！（私はスプライトをbrakpointに含める必要があります）
解決策はありますか？
sass - 私はスージーグリッドを始めたばかりで、レスポンシブ部分を見つけようとしています
スージーは私にとって新しいので、むき出しです。ページにブレークポイントを設定しようとしています
これはサイトドキュメントのデモコードです
私が理解していないのは、30emと12が何を表しているのかということです。ページが非常に広い場合、理想的には携帯電話のサイズから始めて、メディアクエリを設定したいと思います。sussyでこれを行うにはどうすればよいですか？
アップデート
ドキュメントを読んだ後でも構文がよくわかりません。書き込もうとしましたが、sassエラーが発生します。30emで12colグリッドを使用してどのように書くのですか？
sass - スージーグリッドを骨のテーマで動作させることを試みています
私は次の設定ファイルを持っています
コンパスで監視されている次のscssファイルもあります（コンテンツを囲むコンテナーがあるので、グリッドを表示する必要がありますが、表示されないため、susyは明らかに機能していませんが、理由はわかりません。何か助けがありますか？よろしくお願いします）
compass-sass - すべての要素が 1 つの列にまたがる場合、オメガが必要ですか?
すべての要素が正確に 1 列にまたがる場合、Susy は(指定せずに) 複数列のレイアウトを自動的にomega埋めることができますか?
私が欲しいもの:
私が得るもの（以下のコード）：
HTML:
SCSS:
compass-sass - 要素の幅が異なる場合はオメガ?
要素の幅が異なる場合、 Susyは複数列のレイアウトを自動的に埋めることができますか?
私が欲しいもの（以下のコードを参照）：
私が得るもの（以下のコードを参照）：
目的？レスポンシブ レイアウトの場合、小さい画面用に 2 つの列に切り替えることができるはずです (メディア クエリ ブレークポイント)。
これは、すべての要素を左にフロートさせるだけで実装できます。ただし、Susy のようなものを使用して複雑さを軽減したいと考えています。
HTML:
SCSS、Omega なしで動作しない: