@include의 SASS division이 컴파일되지 않음

Question

눈금 높이를 2로 나누고 싶습니다. 그러나 예상 값으로 컴파일되지 않았습니다. 대신, 그것은 이렇게 컴파일됩니다.

이 내 scss 코드입니다. 나는 다른 조합을 시도했다. 그들 중 누구도 일하지 않았습니다. 친절하게 실수가 어디에 있는지 지적하십시오.

@mixin phone-size($width, $height) { 
    @media screen and (min-height: $height) and (min-width: $width) { 
    @content; 
    } 
} 

@include phone-size(360, 480) { 

    $img-height: 90px; 
    $grid-height: #{$img-height * 3 + 6px}; 

    .text-wrapper { 
    $two: 2px; 

    bottom: $grid-height/2; 
    bottom: #{$grid-height/2}; 
    bottom: $grid-height/2px; 
    bottom: #{$grid-height/(2)}; 
    bottom: $grid-height/$two; 
    bottom: $grid-height/(2); 
    bottom: ($grid-height/$two); 
    } 
} 

컴파일 된 CSS 코드입니다.

@media screen and (min-height: 480) and (min-width: 360) { 
    .text-wrapper { 
    bottom: 276px/2; 
    bottom: 276px/2; 
    bottom: 276px/2px; 
    bottom: 276px/2; 
    bottom: 276px/2px; 
    bottom: 276px/2; 
    bottom: 276px/2px; 
    } 
} 

나는 시험을 위해 http://www.sassmeister.com/을 사용하고 있습니다. 미리 감사드립니다.

Answer 1

는 {}

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#interpolation_

$ 그리드 높이 불필요 ($ IMG의 높이 * 3) + 6 픽셀;

하단 : $ grid-height/2; // >> bottom : 138px;