Less.js: カラー関数への反転を含める

作成日 2012年01月21日 · 6コメント · ソース: less/less.js

現在使用しています
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
色を反転しますが
color: invert(@color)
仕事のためのはるかに良い構文になります。

関数のコード：

 反転：関数（色）{
 var rgb = [255-color.rgb [0]、
 255-color.rgb [1]、
 255-color.rgb [2]]; 
 new（tree.Color）（rgb）;を返します。
 }、

less.js 1.2.1でテストしたので、動作します

feature request medium priority up-for-grabs

ソース

Oskariok

👍3

最も参考になるコメント

このための+1：
明確にするために、あなたはあなたが使用していることを意味しますか？

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley 2012年06月16日

👍2

全てのコメント6件

元の投稿を更新

Oskariok 2012年02月02日

このための+1：
明確にするために、あなたはあなたが使用していることを意味しますか？

hsl(hue(@color), saturation(@color), 100 - lightness(@color));

ascottmccauley 2012年06月16日

👍2

+1も。

srsgores 2013年05月02日

これは否定で達成できるようになりました

http://lesscss.org/functions/#color -blending-negation

lukeapage 2014年02月20日

実際にはnegationではありません。 @Oskariokによって投稿されたjavascriptコードは単純です(#fff - @color)以下difference(#fff, @color) 。ただし、後で@ascottmccauleyによって提案されたLessコードは同じではなく、色の明度を反転させるだけです（したがって、最初の投稿のLessとjavascriptスニペットは互いに一致しません）。「明度の反転」は、冗長性を減らして実現することもできます： spin((#fff - @color), 180);