@mixin and @include

clementbwkim·2020년 10월 9일
0
post-thumbnail

내가 정의한 스타일 속성을 함수로 만들고 재사용성을 높이기 위해 사용한다. 함수명을 의미있는 이름으로 지정함으로써 가독성을 높일 수 있다.

사용 예)

@mixin btn-design {
    width: 50px;
    height: 30px;
    background-color: skyblue;
}

.signup-btn{
	@include btn-design;
    padding: 10px;
}

위 코드와 같이 적용하되, 추가적인 속성도 같이 적용할 수 있다.

profile
On my way to become a Web Publisher

0개의 댓글