読者です 読者をやめる 読者になる 読者になる

by shigemk2

当面は技術的なことしか書かない

関数とか変数とか

LESS

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);

便利でしょうか。