Compiled with problems:
×
WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 37, column 4 of file:///app/node_modules/bootstrap/scss/_type.scss:37:4:
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 `& {}`.
node_modules/bootstrap/scss/_type.scss 38:5 @import
frontend/sass/vendor/_bootstrap-includes.scss 20:9 @import
frontend/sass/style.scss 5:9 root stylesheet
WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 38, column 4 of file:///app/node_modules/bootstrap/scss/_type.scss:38:4:
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 & {}.
node_modules/bootstrap/scss/_type.scss 39:5 @import
frontend/sass/vendor/_bootstrap-includes.scss 20:9 @import
frontend/sass/style.scss 5:9 root stylesheet
WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 39, column 4 of file:///app/node_modules/bootstrap/scss/_type.scss:39:4:
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 & {}.
node_modules/bootstrap/scss/_type.scss 40:5 @import
frontend/sass/vendor/_bootstrap-includes.scss 20:9 @import
frontend/sass/style.scss 5:9 root stylesheet
WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 502, column 2 of file:///app/node_modules/bootstrap/scss/_reboot.scss:502:2:
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 & {}.
node_modules/bootstrap/scss/_reboot.scss 503:3 @import
frontend/sass/vendor/_bootstrap-includes.scss 19:9 @import
frontend/sass/style.scss 5:9 root stylesheet
WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss)
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation Warning on line 503, column 2 of file:///app/node_modules/bootstrap/scss/_reboot.scss:503:2:
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 & {}.
**Screenshots**
**Desktop (please complete the following information):**
- OS: Windows 11
- Browser: Edge
Warning messages appear when opening webpage
To Reproduce Steps to reproduce the behavior:
make docker_uphttp://localhost:8000More info: https://sass-lang.com/d/mixed-decls
37 | font-family: $display-font-family;
node_modules/bootstrap/scss/_type.scss 38:5 @import frontend/sass/vendor/_bootstrap-includes.scss 20:9 @import frontend/sass/style.scss 5:9 root stylesheet WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss) Module Warning (from ./node_modules/sass-loader/dist/cjs.js): Deprecation Warning on line 38, column 4 of file:///app/node_modules/bootstrap/scss/_type.scss:38:4: 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
38 | font-style: $display-font-style;
node_modules/bootstrap/scss/_type.scss 39:5 @import frontend/sass/vendor/_bootstrap-includes.scss 20:9 @import frontend/sass/style.scss 5:9 root stylesheet WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss) Module Warning (from ./node_modules/sass-loader/dist/cjs.js): Deprecation Warning on line 39, column 4 of file:///app/node_modules/bootstrap/scss/_type.scss:39:4: 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
39 | font-weight: $display-font-weight;
node_modules/bootstrap/scss/_type.scss 40:5 @import frontend/sass/vendor/_bootstrap-includes.scss 20:9 @import frontend/sass/style.scss 5:9 root stylesheet WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss) Module Warning (from ./node_modules/sass-loader/dist/cjs.js): Deprecation Warning on line 502, column 2 of file:///app/node_modules/bootstrap/scss/_reboot.scss:502:2: 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
502 | font-weight: $legend-font-weight;
node_modules/bootstrap/scss/_reboot.scss 503:3 @import frontend/sass/vendor/_bootstrap-includes.scss 19:9 @import frontend/sass/style.scss 5:9 root stylesheet WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss) Module Warning (from ./node_modules/sass-loader/dist/cjs.js): Deprecation Warning on line 503, column 2 of file:///app/node_modules/bootstrap/scss/_reboot.scss:503:2: 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
503 | line-height: inherit;
node_modules/bootstrap/scss/_reboot.scss 504:3 @import frontend/sass/vendor/_bootstrap-includes.scss 19:9 @import frontend/sass/style.scss 5:9 root stylesheet WARNING in ./frontend/sass/style.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./frontend/sass/style.scss) Module Warning (from ./node_modules/sass-loader/dist/cjs.js): 22 repetitive deprecation warnings omitted.