在断点处更改 SASS 变量

【问题标题】：Change SASS variable on breakpoint在断点处更改 SASS 变量
【发布时间】：2021-05-19 16:37:32
【问题描述】：

是否可以在断点处更改 SASS 变量？下面的代码只是我想要实现的示例

$flex-direction: row;

@include breakpoint(768){
  $flex-direction: column;
}

【问题讨论】：

标签： css sass less

【解决方案1】：

不，你不能这样做，在你的例子中它也没有意义。只需这样写代码：

.your-classname {

    flex-direction: row;

    @include breakpoint(768) {
        flex-direction: column;
    }
}

对于永不改变的值/属性，无需使用 scss 变量。只要 CSS 规范没有完全重写，值/关键字 column 就不会改变。如果您使用颜色或大小值（如 px 等），则使用 scss 变量会很有意义。

【讨论】：