变量在媒体查询中不会被覆盖

Question

我需要在媒体查询下更改一些变量的值。对，不是它不起作用。有可能吗？

$origami-width:             565px;
$origami-height:            332px;
    @media (max-width: $screen-sm-max){
    $origami-width:             370px;
    $origami-height:            300px;
}

Answer 1

我让它像这样工作。谢谢!

 @media (min-width: $screen-md){
    $origami-width:             565px;
    $origami-height:            332px;

    .origami-container {
        width: $origami-width * 2;
    }
    .origami {
        @include size($origami-width, $origami-height);

        .content {
            height: $origami-height;
        }
    }
 }

 @media (max-width: $screen-sm-max){
    $origami-width:             370px;
    $origami-height:            300px;

    .origami-container {
        width: $origami-width * 2;
    }
    .origami {
        @include size($origami-width, $origami-height);

        .content {
            height: $origami-height;
        }
    }
}