scss @function(){}

//@mixin은 해당 정보를 묶어놓는 모음집
//function은 기존 자바스크립트와 더 유사하게
//사용, 연산기능

@mixin center{
    display:flex;
    justify:center;
}

@function ratio($size, $ratio){
    @return $size * $ratio
}

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