Come invertire i colori in LESS

Question

C'è una particolare operazione di colore che non vedo dove è possibile invertire i colori? Sto vedendo molti metodi di colore ma non riesco a vedere un modo per farlo.

di riferimento:

http://lesscss.org/

Answer 1

Ci sono più interpretazioni di colori invertiti.

• si desidera un colore con la tonalità opposta:

  spin(@color, 180)

• si desidera un colore che la somma con quella attuale è bianca:

  #fff - @color

Answer 2

Io non credo che ci sia una funzione specifica per invertire i colori, ma quello che si potrebbe fare è impostare i colori come variabili. es .:

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

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

h1 { 
color: @color2; 
} 

Quindi, è sufficiente effettuare un foglio di stile alternativo con i colori invertiti fissati alle variabili utilizzate nel foglio di stile primario. Finché usi le variabili in tutto il css, quel colore sarà invertito.