Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

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!


user
Romain Untereiner 4 years ago
SASS Vue
2 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (2)

user
Lauris Stepanovs Author 4 years ago

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!


user
Romain Untereiner 4 years ago

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


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(