問題タブ [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.
compass-sass - Susy: ルート コンテキストでの要素の配置
Susyを使うのはこれが初めてです。ドキュメント / チュートリアルで見たものは本当に気に入っていますが、最初のレイアウト試行で予期しない結果に遭遇しました。
バージョン情報：
以下の画像は、チュートリアルのhtml と screen.scss を逐語的に使用して得た結果を示しています。
ご覧のとおり、h1 要素を調べると、グリッドのすぐ外にあることがわかります。これは正常ですか？
symfony - コンパスでSusyを使用する-どのファイルをインストールする必要がありますか？
プロジェクトのグリッド要素としてSusyを使用しようとしています
参考までに、次のライブラリも使用しています
- 方位磁針
- アセット
- symfony（2.x）
- Ubuntu（10.4）
sassファイルにsusyをインポートしようとすると
これは、コンパスが含めるスージーファイルを見つけることができないためだと確信しています。インストールに成功した人は、これらのスージーファイルをどこに置くべきか教えてもらえますか？gemインストーラーを使用してcompass-susy-pluginをインストールした後、次のように表示されます...
susyファイルをexamplesフォルダーに保存しただけのようです-それらを'frameworks'またはlibsフォルダー（まだ持っていません）にもコピーする必要がありますか？
または、上記は正しいですか？この場合、コンパスファイルの「インポート」減速は（ファイルシステムPOVから）sassファイル自体にどのように関連していますか？
ところで：この1つの問題を除いて、すべてがうまく機能しています。
PS 担当者が1500を超える人が、2つの新しいタグを作成したい場合は、「Assetic」と「Susy」をこの投稿に添付する必要があります
css - Susy グリッドプロジェクトで事前定義された CSS ファイルを実行するには?
私はスージーグリッドが初めてです。Susy グリッド プロジェクトに事前定義された css ファイルを実装する方法を教えてもらえますか? コンパスプラグインを使用しています。
css - Susy: 画面サイズに応じて列数を変更する
Compass/Sass プラグインのSusyでは、_base.scss ファイルで列数を設定します。
デスクトップ ビューの場合、12 列が望ましいです。ただし、これはモバイル ビューには列が多すぎます。モバイル表示の列数を変更する方法はありますか?
(レスポンシブ Web デザインを作成しているため、サイトのデスクトップ バージョンとモバイル バージョンの両方が同じ _base ファイルを共有します)。
ありがとう！
css - Susy: $total-cols に関係なく、susy-grid-background は常に 12 列を表示します
Susy ドキュメントから: http://susy.oddbird.net/guides/reference/#ref-grid-background
SUSY GRID
Background Susy Grid をコンテナの背景画像として表示します。// susy-grid-background(); .page { @include susy-grid-background; }
要素をコンテナとして使用している場合、このグリッド背景のサイズを適切に設定するには、背景を要素に適用する必要があります。
私のcssのスニペット:
そして私のHamlで：
何を試しても、グリッドには常に 12 列が表示されます。このデバッグ ツールを動作させるために必要な方向を教えてくれる人はいますか?
susy (1.0.rc.1) コンパス (0.13α.0)
css - Compass Susy でレイアウト ブレークポイントを組み合わせますか?
Susyを使おうとしているところです
レイアウトを定義しました。デスクトップ バージョンから始めて、さらに 2 つ追加する必要がありました。1 つはタブレット用、もう 1 つはスマートフォン用です。
動作しているようです。私の問題は、デスクトップに表示されるはずの何かに変更を加える必要があるときに発生しますが、他の2つのいずれにも表示されないため、自分自身を繰り返していることに気づきます。
これをどのように単純化できますか？
css - Susy: コンテンツ ボックスを拡張して、グリッド パディングもカバーするにはどうすればよいですか?
Susyと遊び始めたところです。グリッドパディングがある12列のグリッドがあります。ここで、ページのヘッダーがグリッドパディングを含むグリッド全体にまたがるようにします。私が今行っているのは、全体の幅を計算してから、ヘッダーに負のマージンを設定することです。それは私にはかなりハックな気がします...それを行うためのよりクリーンな方法はありますか?
ruby-on-rails - スージーとコンパスをRubyでレールにインストールする
私はレール上のルビーから始めたばかりで、最初にやろうとしたことの1つは、宝石のコンパスとスージーをインストールすることでした。それらをgemfileに含める必要があることを理解した後（RubyMineを使用していて、それでうまくいくと思いました）、susyをにインポートしようとすると、「見つかりませんでした」、「susy」エラーが表示されません。私のcss.scssファイルの1つ。
私はルビーバージョン1.9.3（194）を持っています
およびrubygemsバージョン1.8.23
バンドルに必要なgem（およびバージョン）、プロジェクトバンドルに確実に含まれるようにする方法について、ヘルプをいただければ幸いです。
sass - Susy グリッド - 「列」を同じ高さにする (簡単な?) 方法はありますか?
Susy/sass/haml などで足を濡らします (調整された仲介者を使用 - マスター ブランチの最新の susy を使用)
これを grid.css.scss に入れます
このスニペットは site.css.scss からのものです
.ボディの背景は黒です...
main-left のコンテンツが main-right よりも大きい場合、右下に黒い四角が表示されます... 右下に #eee iow main-right を main-left と同じ高さ (動的) にする方法はありますか?または適用する .main 背景があります...???
ありがとう
ピーター
PSもっとクレジットのある人は、stackoverflowでSusyタグを作成する必要があります...