問題タブ [blueprint-css]

LESS（.js）でグリッドフレームワーク（例：blueprint / 960.gs / ...）を使用したいのですが、そのようにすることにした場合、いくつかの問題があるようです。

たとえば、ブループリントの場合：ミックスインクラスがhtml要素に表示されない場合、iehacksスタイルシートはcontainer/span-Xクラスをミックスインとして使用できません。たとえば置く

.lessスタイルシートでは、つまりハックは適用されません（そしてそれは理にかなっています）。

だから私は誰かがすでに青写真または960gsをより少ないcssに「移植」したのだろうかと思っていましたか？私はグーグルを調べましたが、何も見つかりませんでした（私は自分で試しましたが、使用されているIE hacks / cssセレクターを考えると、変換は簡単ではありません）。

PS：別の質問はSOでも同様ですが、作成者は自分でフレームワークを開始することにしました。「人気のある」フレームワークを使用したいと思います。

編集：少ないファイル（ミックスイン）からクラスを適用するときの問題の例：960.gsには次のルールがあります：

html（簡略化）：

LESSを使用すると、次のようにスタイルシートでレイアウトを定義すると便利です。

しかし、それは機能しません（ルールはcol1とcol2には適用されません）。LESSには＃col1が#mainにあることについての手がかりがないためです（セレクター#main＃col1はトリックを実行しません、それはLESSの点からかなり複雑です見る）

現在、サイトのレイアウトを作成するためにブループリントをテストしています。これまでのところ順調に進んでいますが、エレガントな解決策があるかどうか疑問に思っている問題に遭遇しました。

デフォルトの 24 列のレイアウトを使用しており、次のようなことをしたい状況があります。

問題は、box-class がパディングを追加して、3 つの div が 24 列に収まらないことです。1 つの「解決策」は、3 つすべての代わりに span-7 を使用することですが、これは幅全体を埋めません。

何か案は？

Blueprint CSS がどのように機能するのか疑問に思います。標準的な寸法 (40 ピクセル幅の 24 列、または 48 ピクセル幅の 20 列など) を使用しますか? 通常、ブループリント設定の詳細を指定するファイルはありますか?

それは実際に BluePrint の一部ですか? 彼らは何をしますか？

そのための紹介ドキュメントはどこにありますか? ありがとう。

私は次のようなCSS定義を持っています

しかし、コンパス/ブループリント0.8.17以降

だから私のテーブルはめちゃくちゃです。また、追加table.one-tableしても役に立ちません。私はそれが特異性を失っていると思います...クラスが直接テーブルにあり、もう一方はクラスが適用されているので、私は非常に驚いていますbody。なぜそれが上書きされるのですか、そしてそれに対する良い回避策は何ですか？

idテンプレートであり、十分に汎用的にする必要があるため、使用できません。!importantまた、後でIE css defを使用する必要がある場合はどうなるのか、使用するのも気が進まない。最新のコンパスにアップグレードすることはできません。アップグレードすると、Webサイト全体の問題も修正される可能性があるためです。ありがとう。

通常、私divはフロートをクリアするためにを使用します

コンパス/ブループリントには、

それは正確に何をしますか？上にあるフロートをクリアする代わりに、現在のフローティング要素をクリアしますか？つまり、現在の要素がを使用している場合、+clearfix後続の要素は明確にする必要がないということですか？実際clear、Firebugを使用したテストとして、現在の要素または次の要素については何も表示されません。正確には何をしますか？

content-area の幅は 960px、3 列、各 300px で合計 900px、列間に 15px のパディング/マージンがあり、合計 30px で、最後に、1 列目の左側に 15px のパディングが必要です。 / margin、および 3 列目の右側も同じです。したがって、合計も 30px です。

900px + 30px + 30px は 960px になります。

ブループリント/CSSでそれを行う方法は? これは単純な CSS を使用して実行できますが、コーディング標準では Blueprint CSS を使用する必要があります。

WebサイトにBlueprintCSSフレームワークを使用しています。私が開発しているいくつかのページは、背景が黒です。

すべてのスタイルを自分で設定することはできますが、これを行うために使用できるプラグインを誰かが知っているかどうか疑問に思っています。

Rails で Blueprint CSS を使用しています。を使用するたびにa tag with a href value、href の値が html ページに表示されます。

たとえば <a href="google.com">Google</a> 、Google(google.com) と表示されます。

これは生成された HTML コードです

誰かがこれを修正する方法を教えてください

今朝始めたように、私はブループリントに非常に慣れていませんが、私を驚かせたのは、画像のような固定幅のコンテンツの「問題」です。画像が存在する列よりも幅が広い場合はどうすればよいですか？