scss 산술연산자

나눗셈의 경우 단축속성의 의미를 가지고 있어 scss에서는 괄호로 묶어 주어야 적용 가능

/*산술연산자*/

div{
    $size:30px;
    width:20px + 20px;
    height:40px - 10px;
    font-size:10px *2;
   /* margin:(30px/2);*/
   margin:$size/2;
   padding:20px %7;
}
span{
   /* font-size:10px;
    line-height:10px;
    font-family:serif; */
    //위 font의 단축속성 개념때문에 나누기 연산자가 적용되지x
    //font 속성작성시 family도 같이 작성해주어야함
    font:10px/ 10px serif;
}