如何反轉LESS中的顏色

Question

是否有特定的顏色操作我沒有看到可以反轉顏色的位置？我看到很多顏色方法，但無法看到做到這一點的方法。

參考：

http://lesscss.org/

Answer 1

反轉顏色有多種解釋。

• 你想與異性色調顏色：

  spin(@color, 180)

• 你想要的顏色與當前的總和爲白色：

  #fff - @color

Answer 2

我不認爲這是反轉顏色的特定功能，但你可以做的是設置你的顏色爲變量。例如爲：

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

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

h1 { 
color: @color2; 
} 

然後，只需使用設定爲在主樣式表中使用的變量倒置顏色的替代樣式表。只要你在整個CSS中使用變量，那些顏色就會顛倒過來。