LESSにおける疑似クラスのためのコードブロックの適用

リンクにhover状態のスタイルを設定する関数を作成しましょう。

この関数はパラメータとしてコードブロックを受け取るとします：

styles.less.hover(@code) {
  
}

渡されたコードブロックをhover状態の中で出力しましょう：

styles.less.hover(@code) {
  &:hover {
    @code();
  }
}

リンク内で私たちの関数を利用しましょう：

styles.lessa {
  color: red;
  
  .hover({
    color: blue;
    text-decoration: none;
  });
}

コンパイル結果：

styles.cssa {
  color: red;
}
a:hover {
  color: blue;
  text-decoration: none;
}