Less.js: Inclui inverter para funções de cor

Criado em 21 jan. 2012 · 6Comentários · Fonte: less/less.js

Atualmente estou usando
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
para inverter as cores, mas
color: invert(@color)
seria uma sintaxe muito melhor para o trabalho.

O código da função:

 inverter: função (cor) {
 var rgb = [255 - color.rgb [0],
 255 - color.rgb [1],
 255 - color.rgb [2]]; 
 retornar novo (árvore.Cor) (rgb);
 },

Eu testei com less.js 1.2.1 para que funcione

feature request medium priority up-for-grabs

Fonte

Oskariok

👍3

Comentários muito úteis

1 para este:
Só para esclarecer, você quer dizer que está usando

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

ascottmccauley em 16 jun. 2012

👍2

Todos 6 comentários

Postagem original atualizada

Oskariok em 2 fev. 2012

1 para este:
Só para esclarecer, você quer dizer que está usando

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

ascottmccauley em 16 jun. 2012

👍2

+1 também.

srsgores em 2 mai. 2013

isso agora pode ser alcançado com negação

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

lukeapage em 20 fev. 2014

Na verdade, não o negation . O código javascript postado por @Oskariok é simples Menos (#fff - @color) ou igual a difference(#fff, @color) . No entanto, o código Less sugerido por @ascottmccauley posteriormente não é o mesmo, ele apenas inverte a claridade da cor (portanto, Less e fragmentos de javascript da primeira postagem não correspondem entre si). "Inverter leveza" também pode ser alcançado com menos verbosidade: spin((#fff - @color), 180);