sass warning, can't find the cause of the problem
t works fine, but I have OCD 
in ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss
Module Warning (from ./node_modules/sass-loader/dist/cjs.js):
Deprecation $weight: Passing a number without unit % (100) is deprecated.
To preserve current behavior: $weight * 1%
More info:
node_modules\bootstrap\scss\_functions.scss 201:11 opaque()
node_modules\bootstrap\scss\mixins\_table-variants.scss 4:28 table-variant()
node_modules\bootstrap\scss\_tables.scss 147:3 @import
src\assets\sass\core\components\components.scss 12:9 @import
src\assets\sass\style.scss 9:9 @import
src\App.vue 19:9 root stylesheet
Replies (5)
geometry dash lite is a rhythm-based platformer game developed by RobTop Games. Known for its challenging gameplay and energetic music, the game has garnered a substantial fan base since its release.
Hi,
Sorry for the late reply.
We reproduced this warning, seems like it is related to bootstrap compatibility with a sass version used in Metronic Vue.
To fix this you can change sass and sass-loader versions in your package.json to versions listed below and then reinstall dependencies with yarn or npm install command.
"sass": "1.55.0",
"sass-loader": "13.2.0",Regards,
Lauris Stepanovs,
Keenthemes Support Team
TEMPLATE\tools\node_modules\bootstrap\scss\_functions.scss
find this:
// Return opaque color
// opaque(#fff, rgba(0, 0, 0, .5)) => #808080
@function opaque($background, $foreground) {
@return mix(rgba($foreground, 1), $background, opacity($foreground) * 100);
}
then replace 100 with 100% ( add % after 100 )
Hi,
This will fix an issue only in the project version on your machine, and the fix have to be applied every time you update the node_modules folder. For a global fix you can check my reply below.
Regards,
Lauris Stepanovs,
Keenthemes Support Team
