SCSS Nesting新版本下的变化

ParanoidRoye

已于 2024-08-03 13:03:38 修改

阅读量456

点赞数 3

分类专栏： Vue3版本升级日志文章标签： css scss vue 前端框架

于 2024-08-03 11:40:34 首次发布

本文链接：https://blog.csdn.net/weixin_39712991/article/details/140887916

版权

报错信息

Deprecation Warning: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

    ╷
43  │ ┌     input[value] {
44  │ │         color: $--font-white-second-color;
45  │ │     }
    │ └─── nested rule
... │
51  │       max-height: calc(100vh - 48px);
    │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
    ╵
    src/layout/components/GlobalSearch/index.vue 51:5  root stylesheet