問題タブ [less-mixins]

私は機能を持っています：

関数パラメータに !important を追加するには? 私はこれを正しくします：

しかし、うまくいきません。

やあ、

あなたが助けてくれることを願っています。

LESSが値だけを返す方法はありますか?

私が持っているとしましょう：

何かを使って略式のリターンを得ることができますか -

言うように:

私が最終的に望んでいるのは：

ミキシングを使用してスタイル プロパティを定義する必要がありますが、この戻り値関数の値はさまざまな CSS プロパティに使用されます。

私が理にかなっているといいのですが、より深いrtfmが欠けているだけです。

できればどうもありがとう。

ドキュメントへの@Chococrocsポインタとして更新してください、ありがとう。

• 私が必要なもののように見えますか？-ユニット変数にいつでもタグ付けできるかどうかを確認しています....

  ---

更新：それは途中で取得します...

しかし、いつではない

別の方法はありますか？

:beforeここでの私の考えは、疑似要素または:afterページ内の任意の要素を追加できる LESS mixin を作成することです。

LESS ミックスインの「名前付きパラメーター」を使用して、疑似要素が か かをユーザーが指定できる汎用ミックスインを作成しようとしまし:beforeた:after。

コンパイルすると、「認識されない入力」というエラーが表示されます。

これが私のコードです：

.setStrucutreと.getIconは、すでに存在し、機能している 2 つの mixin です。何が悪いのか分かりますか？

このように変数をセレクターとして使えないからでしょうか。

Less/CSSのカプセル化とミックスインの再利用を組み合わせるためのソリューションを提供できる人はいますか? 変数を名前空間でカプセル化したままにしようとしていますが、ミックスインを再利用する方法がわかりません。

例：

問題は、新しいモジュールを作成するときに、width() と height() ミックスインが繰り返されることです。

変数のカプセル化を維持し、ミックスインの繰り返しをなくす方法はありますか? .width() と .height() を一度書きたいのですが、このコンテキストでは :extend() が機能しないようです。

更新: 2014 年 5 月 15 日

Seven-phases-max は mixin を再利用するための以下の優れたソリューションを提供しましたが、変数スコープの問題に遭遇し、以下のステートメントがエラーを返したと思います。「変数 @textfield-width は定義されていません」と表示されました。

それで、うまくいくと思われるものを追加.module-aしてみました。これが正しい使用法かどうかは 100% わかりませんが、エラーは修正され、正しい値が返されます。

& コンビネータを使用して動的に形成される Less クラスを拡張するにはどうすればよいですか?

期待される出力を生成するより少ない:

予想される CSS 出力:

Less は期待される出力を生成しません。

予期しない CSS 出力:

誰かが使用したい CSS プロパティ、プロパティの値、およびそれを必要とするベンダー (Opera、Mozilla、Firefox、Webkit、IE) を指定できるベンダー プロパティ用の Less mixin を作成しようとしています。 、 なし）。

私はもともと SASS here でコードを書きましたが、Less に移植するのに苦労しています。

これが私が現在持っているものです：

現在、コードを次のように使用する場合:

あなたは得る：

しかし、ミックスインで複数のベンダーを宣言できるようにしたいので、次を使用します。

私に提供する必要があります：

しかし、今はそうではありません。

vendorsでは、この mixin でパラメーターをループするにはどうすればよいでしょうか。

@var次のようにミックスインに 渡すことで、列の数を設定しています。

そしてmargin-right: 2%、最後の行を除いて各列が必要です。だから、私は次のことをしようとします：

この時点で、Less コンパイラはこれをコンパイルできません。

Lessでこれを達成できますか? 多分これを行う他の方法はありますか？

次のエラーが表示されます。

ParseError: myStylesheet.less の認識できない入力

という Less 変数があります@side。私が望むのは、変数@sideOppositeの値に応じて変数を設定すること@sideです。「左」または「右」の 2 つの値のみを取ることができます。

つまり、JS コードに相当する Less が必要です。

関数を使用してこれを達成しようとしましたwhenが、私が理解していることから、そのようには機能せず、変数ではなく CSS プロパティにのみ適用されます。