새시 비율로 rem 단위 사용

Question

나는 sass를 사용하여 그리드를 만들었지 만 $ gutter-width를 1rem로 변경하고 싶지만 픽셀 값을 기대하기 때문에 백분율 함수에서 구문 오류가 발생합니다.

$max-width: 960px; 
$total-columns: 12; 
$column-width: percentage(80px/$max-width); 
$gutter-width: percentage(20px/$max-width); 

@function column($column-size, $gutter: $gutter-width){ 
    @return $column-width * $column-size - $gutter-width; 
} 

Answer 1

SASS의 값에서 단위를 제거하려면 해당 단위로 나누기 만하면됩니다. 예 :

45px/1px = 45 

또는

50px/2px = 25 

Answer 2

백분율 함수는 단위가없는 값을 나타냅니다. $ max-width의 픽셀 값을 무효화 할 수 있도록 픽셀 값을 예상하므로 오류가 발생합니다.