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' 카테고리의 다른 글

fixed가 div안에서 넘칠때, 중앙정렬 방법  (0) 2024.02.02
[Animation ] ping  (0) 2023.02.22
image drop-shadow filter  (0) 2022.08.04
absolute 가운데정렬시 다른태그 가려질때  (0) 2022.05.31
css의 오염방지, 종속  (0) 2022.05.22