@content
키워드에 대해 알아보자.
@content
키워드는 @mixin
과 함께 쓴다.
@mixin left-top {
position: absolute;
top : 0;
left: 0;
**@content; //content는 여지를 준다.**
이렇게 작성된 @mixin
은 다음처럼 확장 가능해진다.
.box {
width: 200px;
height: 300px;
**@include left-top {
bottom: 0;
right: 0;
margin: auto;**
}
}