Less.js: Invertieren zu Farbfunktionen einschließen

Erstellt am 21. Jan. 2012 · 6Kommentare · Quelle: less/less.js

Derzeit verwende ich
color: hsl(hue(@black), saturation(@black), 100 - lightness(@black));
Farben umkehren, aber
color: invert(@color)
wäre viel bessere Syntax für den Job.

Der Code für die Funktion:

 invertieren: Funktion (Farbe) {
 var rgb = [255 - color.rgb[0],
 255 - Farbe.rgb[1],
 255 - Farbe.rgb[2]]; 
 return new(tree.Color)(rgb);
 },

Ich habe es mit less.js 1.2.1 getestet, damit es funktioniert

feature request medium priority up-for-grabs

Quelle

Oskariok

👍3

Hilfreichster Kommentar

+1 dafür:
Nur zur Verdeutlichung, meinst du, dass du verwendest?

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

ascottmccauley am 16. Juni 2012

👍2

Alle 6 Kommentare

Aktualisierter Originalbeitrag

Oskariok am 2. Feb. 2012

+1 dafür:
Nur zur Verdeutlichung, meinst du, dass du verwendest?

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

ascottmccauley am 16. Juni 2012

👍2

+1 auch.

srsgores am 2. Mai 2013

dies kann jetzt mit Verneinung erreicht werden

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

lukeapage am 20. Feb. 2014

Nicht wirklich das negation . Der von @Oskariok gepostete Javascript-Code ist einfach Less (#fff - @color) oder gleich difference(#fff, @color) . Der später von @ascottmccauley vorgeschlagene Less-Code ist jedoch nicht derselbe, er invertiert nur die Farbhelligkeit (also stimmen Less und Javascript-Schnipsel des ersten Beitrags nicht überein). "Leichtigkeit umkehren" kann auch mit weniger Ausführlichkeit erreicht werden: spin((#fff - @color), 180);