Good – Bootstrap 5 Admin Dashboard Template- blazor intigration
Hi,
we are getting below errors:
PS D:\sample\BlazorApp> npm run build
> npmjs@1.0.0 build
> webpack --config webpack.config.js
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)
More info and automated migrator:
â•·
720 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
│ ^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 720:73 @import
src\sass\_init.scss 18:9 @import
src\sass\style.scss 9:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($input-padding-y, 2) or calc($input-padding-y / 2)
More info and automated migrator:
â•·
720 │ $input-height-inner-quarter: add($input-line-height * .25em, $input-padding-y / 2) !default;
│ ^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 720:73 @import
src\sass\_init.scss 18:9 @import
src\sass\plugins.scss 13:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2) or calc($spacer / 2)
More info and automated migrator:
â•·
942 │ $navbar-padding-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 942:37 @import
src\sass\_init.scss 18:9 @import
src\sass\style.scss 9:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2) or calc($spacer / 2)
More info and automated migrator:
â•·
942 │ $navbar-padding-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 942:37 @import
src\sass\_init.scss 18:9 @import
src\sass\plugins.scss 13:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($nav-link-height - $navbar-brand-height, 2) or calc(($nav-link-height - $navbar-brand-height) / 2)
More info and automated migrator:
â•·
951 │ $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 951:37 @import
src\sass\_init.scss 18:9 @import
src\sass\style.scss 9:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($nav-link-height - $navbar-brand-height, 2) or calc(($nav-link-height - $navbar-brand-height) / 2)
More info and automated migrator:
â•·
951 │ $navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
│ ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 951:37 @import
src\sass\_init.scss 18:9 @import
src\sass\plugins.scss 13:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2) or calc($spacer / 2)
More info and automated migrator:
â•·
1001 │ $dropdown-divider-margin-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 1001:37 @import
src\sass\_init.scss 18:9 @import
src\sass\style.scss 9:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 2) or calc($spacer / 2)
More info and automated migrator:
â•·
1001 │ $dropdown-divider-margin-y: $spacer / 2 !default;
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 1001:37 @import
src\sass\_init.scss 18:9 @import
src\sass\plugins.scss 13:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 4) or calc($spacer / 4)
More info and automated migrator:
â•·
1013 │ $dropdown-item-padding-y: $spacer / 4 !default;
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 1013:37 @import
src\sass\_init.scss 18:9 @import
src\sass\style.scss 9:9 root stylesheet
Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($spacer, 4) or calc($spacer / 4)
More info and automated migrator:
â•·
1013 │ $dropdown-item-padding-y: $spacer / 4 !default;
│ ^^^^^^^^^^^
╵
node_modules\bootstrap\scss\_variables.scss 1013:37 @import
src\sass\_init.scss 18:9 @import
src\sass\plugins.scss 13:9 root stylesheet
Replies (2)
Hi again,
If you somehow get a chance to rate Good Admin on Getbootstrap Market, it would help us a lot.
Best Regards,
Lauris
Hi,
Currently, we have issues in the webpack.config.js example provided in the doc, we are working on a fix.
For now, you can refer to the webpck configuration inside the tools/webpack.config.js.
As a temporary solution, you can bundle files with gulp or webpack using our build doc and then manually copy these into a Blazor app.
Gulp:
https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/build/gulp.html
Webpack:
https://preview.keenthemes.com/metronic8/demo1/documentation/getting-started/build/webpack.html
