SCSS-6 함수 function

홍인열·2021년 8월 13일
0

함수

// 함수
// function, return앞에 @ 붙임.
// 매개변수는 scss의 변수로서 $를 붙임.
@function ratio ($size, $ratio) {
    @return $size * $ratio
}

.box {
    $width: 160px;
    width: $width;
    height: ratio($width, 9/16);
}

// css compile
.box {
  width: 160px;
  height: 90px;
}
profile
함께 일하고싶은 개발자

0개의 댓글

관련 채용 정보