So invertieren Farben in weniger

Question

Gibt es eine bestimmte Farboperation, die ich nicht sehe, wo Sie Farben invertieren können? Ich sehe viele Farbmethoden, aber ich sehe keinen Weg, dies zu tun.

Referenz:

http://lesscss.org/

Answer 1

Es gibt mehrere Interpretationen von invertierenden Farben.

• Sie wollen eine Farbe mit dem anderen Farbton:

  spin(@color, 180)

• Sie wollen eine Farbe, die die Summe mit Strom ist weiß:

  #fff - @color

Answer 2

Ich glaube nicht, dass es eine bestimmte Funktion ist Farben zu invertieren, aber was könnten Sie ist Ihre Farben als Variablen tun gesetzt. z.B .:

@color1: #666; 
@color2: #fff; 

body { 
background-color: @color1; 
color: @color2; 
} 

h1 { 
color: @color2; 
} 

Dann einfach ein alternatives Stylesheet mit den invertierten Farben auf die im primären Sheet verwendeten Variablen gesetzt werden. Solange Sie die Variablen in der CSS verwenden, werden diese Farben invertiert.