SASS deprecation warnings with version 1.77.7 - Mixed declarations #40621
Comments
apepper
changed the title
|
I have also encountered this issue. My project, or adminlte, also requires some scss files that rely on bootstrap. If you want to eliminate this warning, I asked if you should release bootstrap 5.3.4 so that we can obtain scss files without warnings? |
|
I have encountered the same issues with my Vue/Vuetify project. Currently, I am receiving more then 60 different deprecation warnings for the latest version of the Vuetify package |
|
FYI 1.77.8 of Dart Sass is out. |
|
Getting same warning for my Nuxt project. |
|
I got latest version of bootstrap, but I still got warnings |
`npm build` currently shows the deprecation warning below, which is about to be fixed in Bootstrap upstream, i.e. it should be gone with one of the next updates. twbs/bootstrap#40621 ``` 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 ┌──> node_modules/bootstrap/scss/_type.scss 38 │ font-family: $display-font-family; │ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration ╵ ┌──> node_modules/bootstrap/scss/vendor/_rfs.scss 136 │ ┌ @media (#{$rfs-mq-property-width}: #{$rfs-mq-value}) { 137 │ │ @content; 138 │ │ } │ └─── nested rule ╵ node_modules/bootstrap/scss/_type.scss 38:5 @import node_modules/bootstrap/scss/bootstrap.scss 17:9 @import resources/scss/app.scss 15:9 root stylesheet ```
|
|
|
i found same issue, how to fix please |
It's worked |
|
While waiting a fix... Edit the line in "package.json" |
今回は ncu --target minor -x vue,vuetify,typescript,sass -u で (更新するとまずい問題が発生するライブラリを除外しつつ) まとめて更新した sass は 1.77.7 以降大量の Deprecation Warning が出るようになってしまい使い物にならない… ref: twbs/bootstrap#40621
|
downgrading from y'all REALLY want me to use tailwind huh Edit: |
- 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 `& {}`.
- twbs/bootstrap#40621 (comment)
- master to main
fix: error
- 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 `& {}`.
- twbs/bootstrap#40621 (comment)
fix: does not have an alt attribute
feat: edit image route
- master to main
fix: error
- 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 `& {}`.
- twbs/bootstrap#40621 (comment)
fix: does not have an alt attribute
feat: edit image route
feat: revert to master branch in ci
feat: edit git ignore
cause @latest(5.3.3) bootstrap doesnt support breaking changes in sass 1.77.7 and 1.77.8 twbs/bootstrap#40621 (comment)
|
The issue appears to throw warnings but still builds for me ... but warnings are never fun to have. Hoping this gets an update soon. |
Prerequisites
Describe the issue
Using the latest version of the
sasspackage (1.77.7) there are deprecation warnings bysass. The previoussassversion1.77.6worked fine.Reduced test cases
npm i sass@latest)npm run css-compileExpected:
Actual:
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
No response
What version of Bootstrap are you using?
Latest
mainbranchThe text was updated successfully, but these errors were encountered: