[basic] LESS - Mixins (믹스인)

 

웹사이트 전체에 걸쳐 재사용 가능한 CSS 코드를 별도로 정의 후,

CSS 정의할 때 불러와 재사용하는 기법.

 

Mixins 예제

 

.bordered {

  border-top: dotted 1px black;

  border-bottom: solid 2px black;

}

 

#menu a {

  color: #111;

  .bordered();

}

.post a {

  color: red;

  .bordered();

}

 

cf. SASS 경우, @include mixin_name 형식 사용.