Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sass Breaking Change: Mixed Declarations #29

Open
Webinaut opened this issue Jul 19, 2024 · 1 comment
Open

Sass Breaking Change: Mixed Declarations #29

Webinaut opened this issue Jul 19, 2024 · 1 comment

Comments

@Webinaut
Copy link

I updated the node Sass package to v 1.77.8 and it caused many deprecation warnings, which I traced to this page: https://sass-lang.com/documentation/breaking-changes/mixed-decls/
I am using a customised version of Pico as per: https://picocss.com/docs/sass.
I have rolled it back to v 1.77.6 for now. Are there plans to update Pico?

@jensenbox
Copy link

Here is an example - one of several that I received:

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

    ╷
31  │ ┌           @media (min-width: map.get($values, "breakpoint")) {
32  │ │             #{$css-var-prefix}font-size: map.get($values, "root-font-size");
33  │ │           }
    │ └─── nested rule
... │
40  │       #{$css-var-prefix}border-width: 0.0625rem;
    │       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
    ╵
    node_modules/@picocss/pico/scss/themes/default/_styles.scss 40:5  @use
    node_modules/@picocss/pico/scss/themes/_default.scss 2:1          @use
    node_modules/@picocss/pico/scss/_index.scss 7:1                   @use
    node_modules/@picocss/pico/scss/pico.scss 2:1                     @use
    static/closient.scss 1:1                                          root stylesheet

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants