@include中的SASS部门未编译

@include中的SASS部门未编译,sass,mixins,Sass,Mixins,我想把网格高度除以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

我想把网格高度除以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;
  }
}
我正在使用它进行测试。 提前谢谢

{}不是必需的

网格高度:($img高度*3)+6px

底部:$grid height/2;/>底部:138px

{}不是必需的

网格高度:($img高度*3)+6px

底部:$grid height/2;/>底部:138px