LESSで複数の変数を使用してミックスインを作成しようとしていますが、何らかの理由で機能していません。私はこれを少なくしています:
.rgbabg(@r: 0, @g: 0, @b: 0, @a: .5) {
@val: rgba(@r, @g, @b, @a);
background: @val;
}
私はそれをこのように呼びます:
.rgbabg(255, 0, 0, .5);
しかし、私は自分の要素の背景をまったく理解していません。私の構文は大丈夫ですか?
LESSで複数の変数を使用してミックスインを作成しようとしていますが、何らかの理由で機能していません。私はこれを少なくしています:
.rgbabg(@r: 0, @g: 0, @b: 0, @a: .5) {
@val: rgba(@r, @g, @b, @a);
background: @val;
}
私はそれをこのように呼びます:
.rgbabg(255, 0, 0, .5);
しかし、私は自分の要素の背景をまったく理解していません。私の構文は大丈夫ですか?
ミックスインの構文は問題なく、正常にコンパイルされます。LESS コンバーターで試してみましたが、すべて問題ありません。a
タグ セレクターのページにルールを適用しました。
a {
.rgbabg(255);
}
そしてそれは出力します:
a {
background: rgba(255, 0, 0, 0.5);
}
リンクに色を付けます。
コンパイルしている LESS のバージョン - コンパイラのプラットフォームとバージョンは? Ruby コンパイラーはあまり維持されていないと思うのでお勧めしません。すべてのクールな新機能とサポートは Javascript の less.js プロジェクトにあります。PHP または .NET で実行している場合は、それぞれのプロジェクトで確認する必要があります。