Bootstrap - SASS Deprecation Warning

DGarza · Post by **DGarza** » Thu Jul 11, 2024 11:56 pm

Hi everyone after regen my all project on my progress window log, appear the next log:

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
    ,--> themes\bootstrap\_reboot.scss
503 |     font-weight: $legend-font-weight;
    |     ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
    '
    ,--> themes\bootstrap\vendor\_rfs.scss
136 | /     @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
137 | |       @content;
138 | |     }
    | '--- nested rule
    '
    themes\bootstrap\_reboot.scss 503:3  @import
    themes\adminlte.scss 19:9            root stylesheet
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
    ,--> themes\bootstrap\_reboot.scss
504 |     line-height: inherit;
    |     ^^^^^^^^^^^^^^^^^^^^ declaration
    '
    ,--> themes\bootstrap\vendor\_rfs.scss
136 | /     @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
137 | |       @content;
138 | |     }
    | '--- nested rule
    '
    themes\bootstrap\_reboot.scss 504:3  @import
    themes\adminlte.scss 19:9            root stylesheet
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
    ,--> themes\bootstrap\_type.scss
38  |       font-family: $display-font-family;
    |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
    '
    ,--> themes\bootstrap\vendor\_rfs.scss
136 | /     @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
137 | |       @content;
138 | |     }
    | '--- nested rule
    '
    themes\bootstrap\_type.scss 38:5  @import
    themes\adminlte.scss 20:9         root stylesheet
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
    ,--> themes\bootstrap\_type.scss
39  |       font-style: $display-font-style;
    |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
    '
    ,--> themes\bootstrap\vendor\_rfs.scss
136 | /     @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
137 | |       @content;
138 | |     }
    | '--- nested rule
    '
    themes\bootstrap\_type.scss 39:5  @import
    themes\adminlte.scss 20:9         root stylesheet
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
    ,--> themes\bootstrap\_type.scss
40  |       font-weight: $display-font-weight;
    |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
    '
    ,--> themes\bootstrap\vendor\_rfs.scss
136 | /     @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) {
137 | |       @content;
138 | |     }
    | '--- nested rule
    '
    themes\bootstrap\_type.scss 40:5  @import
    themes\adminlte.scss 20:9         root stylesheet
WARNING: 62 repetitive deprecation warnings omitted.

And almost in the end of the progress windows appeart the next log:
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
   ,--> C:\phpmaker\acee\almacenac\css\ALMACENAC.scss
1537|       z-index: $zindex-main-header; // $lte-zindex-main-header
   |       ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration
   '
   ,--> themes\bootstrap\mixins\_breakpoints.scss
77 | /     @media (max-width: $max) {
78 | |       @content;
79 | |     }
   | '--- nested rule
   '
    C:\phpmaker\acee\almacenac\css\ALMACENAC.scss 1537:5  root stylesheet
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
   ,--> C:\phpmaker\acee\almacenac\css\ALMACENAC.scss
1538|       padding: 0;
   |       ^^^^^^^^^^ declaration
   '
   ,--> themes\bootstrap\mixins\_breakpoints.scss
77 | /     @media (max-width: $max) {
78 | |       @content;
79 | |     }
   | '--- nested rule
   '
    C:\phpmaker\acee\almacenac\css\ALMACENAC.scss 1538:5  root stylesheet
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
   ,--> C:\phpmaker\acee\almacenac\css\ALMACENAC.scss
1539|       border-radius: 0;
   |       ^^^^^^^^^^^^^^^^ declaration
   '
   ,--> themes\bootstrap\mixins\_breakpoints.scss
77 | /     @media (max-width: $max) {
78 | |       @content;
79 | |     }
   | '--- nested rule
   '
    C:\phpmaker\acee\almacenac\css\ALMACENAC.scss 1539:5  root stylesheet
tabulator_bootstrap5.scss generated
Compiling tabulator_bootstrap5.scss...
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
    ,
368 | /             &[tabulator-render-mode="virtual"]{
369 | |                 min-height:100%;
370 | |                 min-width:100%;
371 | |             }
    | '--- nested rule
372 |               width:100%;
    |               ^^^^^^^^^^ declaration
    '
    C:\phpmaker\acee\almacenac\css\tabulator_bootstrap5.scss 372:13  root stylesheet

v2024.13

arbei · Post by **arbei** » Fri Jul 12, 2024 8:32 am

You may need to wait for Bootstrap updates, see:
https://github.com/twbs/bootstrap/issues/40621
Note: It is only deprecation warning, it won't affect the compiled .css files.

mobhar · Post by **mobhar** » Tue Jul 16, 2024 7:06 pm

Can this fix to be integrated to PHPMaker side?
https://github.com/twbs/bootstrap/pull/40623

It's very annoying to see those message while generating the script files.