Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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: https://sass-lang.com/d/slash-div

â•·
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


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

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


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(