2011-04-13 9 views
0

私はいくつかのCSSフレームワークを使用したいが、そのunsemanticnessを嫌う。だから、私はLESSを使いたい。基本的な考え方は、mixinフレームワークのCSSを自分のクラスに組み込むことです。しかし、私はLESSがいくつかのシナリオを扱うことができないと感じています。例えば、いくつかのクラスのようにフレームワークで定義されている:このスタイルのCSSをあまり使わないには?

div.prepand = {...} 又は* HTML .span-1 = {...}

LESSミックスインは思えません上記の状況をサポートする。何か案が?

答えて

0

「どのクラスはフレームワークで定義されています:」と言ってどういうフレームワークがあるのか​​分かりません。

Lessでは、ミックスインを宣言したとおりに宣言しません。あなたはそのようにそれを実行します。

.my_mixin { ... } 

そして、あなたは(再)そのようにそれを使用することができ、ファイル内の下:

それ以外
div.content { 
    .my_mixin; 
} 

、私はあなたの質問を理解していません。フレームワークのCSSを自分のクラスにミックスしたいのですか?どういう意味ですか?あなたはLessでCSSを書くかしないか...

+0

私の問題は、ミックスインとは、青写真のCSSのような既存のフレームワークです。青写真のスタイルの場合、span-xのようなCSSはミックスインと互換性があるので見つけることができます。しかし、青写真のhackファイルには、html body span-x {...}のようなスタイル定義がいくつかあります。そのような定義はミックスインとして使用することはできません。 –

+0

私はあなたがBlueprintのハックファイルを取ってLessに書かなければならないと思っています。必要に応じてミックスインを書いてください。複雑すぎるはずはありません。あなたのプロジェクトに組み込み、ミックスインを使うだけです...私はしばらくの間、Blueprintで作業していませんでしたが、それがどれほど複雑かはわかりませんが、Lessで書き直すことができると確信しています。 – bzx

+0

私は同意します。リライトは唯一の解決策です。実際には、つまり、ハックファイルはちょっとした痛みです。だから、青写真ではなく、吸う。 –

0

私はちょうど、hereにblueprint.cssのグリッド部分をまとめました。あなたは、このようなミックスインを使用し、その後、コラムや側溝の幅を設定することができます。

#header { 
    .span(20); 
    .prepend(2); 
} 

私は応答レイアウトを可能にし、同様の例の@mediaクエリのカップルを追加しました。

私はそれが誰かに役に立つかもしれないことを願っています。

+0

リンク先のコードをここにコピーしてください。 – nalply

関連する問題