SCSS mixin, function example
본문 바로가기

Frontend/css

SCSS mixin, function example

@mixin fontStyle($size:16) {
    color: $brown;
    font-weight: 600;
    font-size: fontSize($size)
}
@function fontSize($size){
    @return #{$size}px
}

파라미터에 아무것도 넣지않을경우 기본값 16px이 적용되고

파라미터에 숫자를 넣은경우 숫자만큼 글자크기가 적용됨.

반응형

'Frontend > css' 카테고리의 다른 글