Sass error in v8.0.26

Hi team,

I tried to download and relaunch the VueJs demo 1 of the new released version, as it is, and have the following Sass error.

ERROR Failed to compile with 1 error 15:13:56

error in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss

Syntax Error: SassError: Undefined operation "50px * divide(3, 2)".

33 │ width: $size * divide(3, 2);
│ ^^^^^^^^^^^^^^^^^^^^

src/assets/sass/core/components/mixins/_symbol.scss 33:21 symbol-size()
src/assets/sass/core/components/_symbol.scss 63:5 @import
src/assets/sass/core/components/components.scss 68:9 @import
src/assets/sass/style.scss 12:9 @import
xxxxxxxxx/src/App.vue 18:9 root stylesheet

It seems in src/assets/sass/core/components/_symbol.scss, at line 63: @include symbol-size(get($symbol-sizes, default));

gets values from /src/assets/sass/core/components/_variables.scss where sizes are defined in px

// Symbol Sizes
$symbol-sizes: (
20px: 20px,
25px: 25px,
30px: 30px,....

so, type collapsing with the divide() function expecting a number.

I am doing something wrong or it's a bug?

❯ yarn -v
1.22.17
❯ node -v
v17.3.0

Thanks!

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)

Sorry for the typo in the issue title, I am talking about metronic_v8.0.36, not .26

Hi,

Unfortunately, we were not able to reproduce these sass errors in the latest Metronic version.

If you have made any changes in our codebase or there are any steps to reproduce this error, please describe them as well.

Thank you!

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  :(