CSSをシンプルに書くことができるLESS使ってみた | webOpixel
変数はアットマークをつける。
@radius: 5px; @bg-color: #eee; @pad: 10px;
Mixinsという機能を利用して関数のようなものを作成し、使うことも出来る。
.transition (@selector: all, @sec: 1s, @timing: ease) { transition: @arguments; -o-transition: @arguments; -webkit-transition: @arguments; -moz-transition: @arguments; -ms-transition: @arguments; }
つかうときはこのようにして使う
.transition(background-color, .2s, ease);
便利でしょうか。