Less.js: Inclure les fonctions d'inversion en couleur

Créé le 21 janv. 2012 · 6Commentaires · Source: less/less.js

Actuellement j'utilise
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
inverser les couleurs mais
color: invert(@color)
serait une bien meilleure syntaxe pour le travail.

Le code pour la fonction :

 inverser : fonction (couleur) {
 var rgb = [255 - couleur.rgb[0],
 255 - couleur.rgb[1],
 255 - couleur.rgb[2]] ; 
 return new(tree.Color)(rgb);
 },

Je l'ai testé avec less.js 1.2.1 donc ça marche

feature request medium priority up-for-grabs

Source

Oskariok

👍3

Commentaire le plus utile

+1 pour ça :
Juste pour clarifier, voulez-vous dire que vous utilisez

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

ascottmccauley le 16 juin 2012

👍2

Tous les 6 commentaires

Message d'origine mis à jour

Oskariok le 2 févr. 2012

+1 pour ça :
Juste pour clarifier, voulez-vous dire que vous utilisez

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

ascottmccauley le 16 juin 2012

👍2

+1 aussi.

srsgores le 2 mai 2013

cela peut maintenant être réalisé avec la négation

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

lukeapage le 20 févr. 2014

Pas vraiment le negation . Le code javascript publié par @Oskariok est simple Moins (#fff - @color) ou égal à difference(#fff, @color) . Cependant, le code Less suggéré par @ascottmccauley plus tard n'est pas le même, il inverse uniquement la luminosité des couleurs (donc les extraits Less et javascript du premier message ne correspondent pas). "Inverser la légèreté" peut également être obtenu avec moins de bavardage : spin((#fff - @color), 180);