Skip to content

Address Deprecation Warning for mixed-decls#44

Open
askmrsinh wants to merge 2 commits intopicocss:mainfrom
askmrsinh:patch-1
Open

Address Deprecation Warning for mixed-decls#44
askmrsinh wants to merge 2 commits intopicocss:mainfrom
askmrsinh:patch-1

Conversation

@askmrsinh
Copy link

Addresses the below deprecation warning:

    ╷
105 │ ┌       @media (min-width: map.get($values, "breakpoint")) {
106 │ │         $multiplier: 1;
107 │ │ 
108 │ │         @if $key == "sm" {
109 │ │           $multiplier: 1.25;
110 │ │         } @else if $key == "md" {
111 │ │           $multiplier: 1.5;
112 │ │         } @else if $key == "lg" {
113 │ │           $multiplier: 1.75;
114 │ │         } @else if $key == "xl" {
115 │ │           $multiplier: 2;
116 │ │         } @else if $key == "xxl" {
117 │ │           $multiplier: 2.5;
118 │ │         }
119 │ │ 
120 │ │         #{$css-var-prefix}block-spacing-horizontal: calc(
121 │ │           var(#{$css-var-prefix}spacing) * $multiplier
122 │ │         );
123 │ │         #{$css-var-prefix}block-spacing-vertical: calc(
124 │ │           var(#{$css-var-prefix}spacing) * $multiplier
125 │ │         );
126 │ │       }
    │ └─── nested rule
... │
129 │     margin-bottom: var(#{$css-var-prefix}block-spacing-vertical);
    │     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
    ╵
    node_modules/.pnpm/@picocss+picocss.com@https+++codeload.github.com+picocss+picocss.com+tar.gz+c6864890939_07d1bd08f193b1a3dfd219129dd6c019/node_modules/@picocss/picocss.com/app/styles/scss/commons/content/_code.scss 129:3  @use
    node_modules/.pnpm/@picocss+picocss.com@https+++codeload.github.com+picocss+picocss.com+tar.gz+c6864890939_07d1bd08f193b1a3dfd219129dd6c019/node_modules/@picocss/picocss.com/app/styles/scss/main.scss 15:1                    @use
    src/styles/global.scss 1:1                                                                                                                                                                                                      root stylesheet

Deprecation Warning [mixed-decls]: 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 `& {}`.

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

Successfully merging this pull request may close these issues.

1 participant