0

css フレームワークを使用したいのですが、その非意味性が嫌いです。だから私はLESSを使いたいです。基本的な考え方は、フレームワークの css を自分のクラスにミックスインすることです。しかし、LESS ではいくつかのシナリオを処理できないと感じています。たとえば、一部のクラスはフレームワークで次のように定義されています。

div.prepand = {...} または * html .span-1 = {...}

LESS mixin は上記の状況をサポートしていないようです。何か案が？

4

2 に答える 2

0

blueprint.css のグリッド部分を LESS hereにまとめました。列とガターの幅を設定してから、次のようにミックスインを使用できます。

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

レスポンシブ レイアウトを可能にする @media クエリの例もいくつか追加しました。

誰かの役に立てば幸いです。

于 2012-06-13T12:34:17.820 に答える
0

「一部のクラスはフレームワークで次のように定義されています」と言って、どのフレームワークを意味したのかわかりません。

Less では、示した方法でミックスインを宣言しません。あなたはそれを次のようにします：

.my_mixin { ... }

そして、ファイルの下で、次のように（再）使用できます。

div.content {
   .my_mixin;
}

それ以外は、あなたの質問がわかりません。フレームワークの CSS を独自のクラスにミックスインしたいですか? どういう意味ですか？CSSをLessで書くか書かないか...

于 2011-05-06T13:01:35.653 に答える