這些天來筆記一下Less的一些特色，
感覺很像數學。

Variable 有點像數學中 令 x = 10，
接著再把10 帶入到方程式f(x) = 8x + 7 中的 x。
我現在的公司代表的顏色是 #e87535
所以老闆 克里斯 蔡說網站的主要底色跟文字都要 #e87535

<p class='stem-cell'>X細胞</p>
<p class='gene-typing'>OO定序</p>
<p class='med-beauty'>生O美容</p>

p {
  display: inline-block;
}
.stem-cell{
  background-color: #e87535;
}
.gene-typing{
  background-color: #e87535;
}
.med-beauty{
  color: #e87535;
}

可是克里斯 蔡 今天說我想要改別的顏色#4dffa6
那我只好一個一個把他都改成#4dffa6

但是我今天有1000個地方要改怎麼辦呢??
我以前一定會一個一個慢慢改，
或是尋找#e87535，接著取代#4dffa6，
學完 less的 variable後，
我真的覺得，工程師實在太棒太帥啦！

我先設定了一個變數 mycolor是 #e87535
接著我把它放進每一個要呈現這個顏色的地方，

@mycolor: #e87535;
.stem-cell{
  background-color: @mycolor;
}
.gene-typing{
  background-color: @mycolor;
}
.med-beauty{
  color: @mycolor;
}

p {
  display: inline-block;
}

今天克里斯蔡想改#4dffa6我就改成@mycolor: #e87535;
想怎麼改就怎麼改！
還省下很多時間。

工程師真的
好帥！