問題タブ [susy-compass]

Mac で Rails を正しく実行するために、次のサイトを使用しました: http://railsinstaller.org/mac

これはうまくいきました！- RVM がインストールされており、最新バージョンの Ruby がインストールされている。残念ながら、以前は compass という gem を使用していましたが、RVM の新規インストール後にクラッシュします。

Ruby 1.8.7 で使用していた古い ruby​​ gem をアンインストールし、インストールした新しいバージョンの Ruby 1.9.3 を使用してそれらを再インストールする方法はありますか?

gem uninstall compass と入力すると、インストールされていないと表示されます。古いバージョンの Ruby から gem コマンドを実行するにはどうすればよいですか? （コンパスやスージーなどのためにこれを行う必要があります）

実際、以前にインストールされたすべての gem のリストを取得して、それらをすべてアンインストールすることはできますか?

Susy グリッド コンテナをリセットする最良の方法は何ですか? 次のように、いくつかのコンテナが互いに下にあるグリッドがあります。

フロント ページでは、1 つのコンテナーを全幅にしたいと考えています。

現在、次のようにコンテナをリセットしています：

ただし、Susy には既にリセット mixin が含まれreset-columnsているため、これが推奨される方法であるかどうか疑問に思っています。

Susy Getting Startedページには、次のようなセクションが'Manual Start'あります。

「ターミナルやレールからコンパスを使用していない場合は、この方法を使用できます」.

次に、Susy の Sass 定義をコピーする方法を説明し@import "susy"、その後 (それは主張します)、「あなたは大丈夫です」。

「sass」コマンドライン コマンドを使用してスタイルシートをコンパイルする独自のビルド システムの一部として Susy を使用しようとしています。明らかに、Susy Sassは Compassmixinsにincludes依存しているため、Compass ディストリビューションから Compass Sass の定義を抽出し、Susy がアクセスできる場所に配置しました。次に、スタイルシートを次のようにコンパイルしようとしました。

sass -I scss/compass scss/foobar.scss ${CSSDIR}/foobar.css

これを行うと、Susy は警告をスローします。

「有効なレイアウト (列数) または有効なメディアクエリの最小幅ブレークポイント (長さ) を指定する必要があります」。

コードを掘り下げると、Susy が Compass によって提供される「コンパクト」関数を呼び出すことが問題のようです。実際の呼び出しは次のようなものです。

これは-私が推測する-に評価する必要があります:

しかし、「コンパクト」は Sass の機能ではありません。これは Compass の一部として Ruby に実装されている Compass 関数です。Compass の Ruby 拡張機能が利用できない場合、その呼び出しは変更されずに残されるため、Susy mixin が渡されます。

そうではありません'false'...そして、物事は洋ナシの形になります。(susy/_grid.scss の 93 行目で問題が発生します)。

コンパスなしでスージーを使用することは実際には不可能であるように私には思えます。この問題に対する私の最善の解決策は何ですか? スタイルシートをコンパイルする'compass compile ...'代わりに使用するだけですか? 'sass'または'compact'、他の方法で「sass」する機能を何らかの方法で提供できますか?

レイアウトにMREC広告を収容する必要があります。広告の幅は300ピクセルで、流体グリッドが収縮するため、サイズを変更することはできません。

さらに、広告は見出しブロックの前にスマートフォンの最初のアイテムである必要があります。したがって、ブレークポイントでは、このスクリーンショットのように、見出しの「後ろ」にプッシュするようにオメガに設定しています（見やすくするために灰色のルール）。

見出しは8列、広告は4列です。iPadの広告列と広告が300ピクセル未満に縮小されることを除いて、すべて問題ありません。これは許可されていません。では、広告コンテナ以外のすべてを流動的に保つにはどうすればよいでしょうか。

susy compass プラグインを初めて使用するとき、流動的な 12 列のグリッドを作成し、以下のスニッパーに示すように 2 つの列を追加しました。ただし、私の問題は、% が間違っているように見えることです。親コンテナーは 100%、メイン コルは 9,12 コル、セカンダリ コルは 3,12 です。これらは main col = 75% および sec col = 25% になるはずですが、代わりに私の結果は main col = 74.57627% および sec col = 23.72881% になりますか?

CSS/SCSS:

幅が設定された4つの要素があり、@include span-columns(3,12)各要素を25％で出力します。これは問題ありません。また、各要素にマージンを追加しますが、これを行うと、25％の幅と％のマージンが得られるため、これらの要素のレイアウトが壊れます。一緒に追加されました。マージンと幅を組み合わせる方法を誰かにアドバイスできますか？

SCSS

私はSusyを初めて使用し、スパン列のミックスインを利用しようとしていますが、次のエラーが発生します。

compass-susy-plugin（0.9）をインストールしましたが、Susygemをインストールしていません。

SCSSファイルにはscreen.scssと_base.scssが含まれます

screen.scss

_base.scss

susy compass アドオンを使用してspan-columnsmixin を使用する場合、設定され$total-columnsている margin-right 値を無効にするにはどうすればよい$gutter-widthですか?

現時点で私のコードは次のとおりです。

結果は

理想的には、margin-right が存在しないことを望みますか?

compass.handlino.comのcompass.appを使用していますが、コマンドラインを使用せずにSusyレスポンシブグリッドシステムを使用できるかどうか疑問に思っています。

Compass.appを選択したのは、コマンドラインを使用せずにSASSとSCSSを使用してファイルを監視できるためです。そのため、Susyも使用できるかどうかを知りたいと思います。

私はどこでも検索しましたが、簡潔な答えを見つけることができませんでした。Windows用のCompass.appでSusyを使用できますか？使用する場合はどうすればよいですか？

ありがとう

目的のコンテンツに合わせて列幅のグリッドを定義しました。

たとえば、グリッドを使用して要素を配置したいので、9列のうち3列にまたがり、約33.3％の幅になります。

次に、その要素が幅と同じ高さになるようにします。

これは私がいつも行き詰まっているポイントです。Compass Susyのcolumns（）関数を使用すると、高さが33.3％に設定されます。これは、まさにその目的ですが、明らかに私が望んでいることではありません。

人々はこれをどのように回避して、望ましい結果を得るのですか？

よろしく、ニール