variables - sass変数の値の変更にメディアクエリを使用する

Question

私がやりたいことは基本的にこれです：

    @media all and (min-width: 700px) {
$dimension:96px;
$dimension-white:76px;
}

@media all and (max-width: 699px) {
$dimension:76px;
$dimension-white:56px;
}

メディアクエリに基づいて scss 変数に異なる値を割り当てることは可能ですか? どうもありがとう！

Answer 1

これはだまされていますが、答えはノーです。メディア クエリはブラウザーによって処理され、SASS 変数はご想像のとおり、SASS によって処理されます。

ここにあるものは、おそらくスタイルシートにそのままコンパイルされ、それが壊れるか、まったくコンパイルされないでしょう。うまくいかないので試していません。