search

chatscope / chat-ui-kit-react

Build your own chat UI with React components in few minutes. Chat UI Kit from chatscope is an open source UI toolkit for developing web chat applications.
https://chatscope.io
MIT License
1.34k stars 116 forks source link

Sass deprecation warning #156

Open cage1618 opened 4 months ago

cage1618 commented 4 months ago

Got the below waring:

Deprecation Warning: Sass's behavior for declarations that appear after nested rules will be changing to match the behavior specified by CSS in an upcoming version. To keep the existing behavior, move the declaration above the nested rule. To opt into the new behavior, wrap the declaration in & {}.

More info: https://sass-lang.com/d/mixed-decls

┌──> node_modules/@chatscope/chat-ui-kit-styles/themes/default/components/_avatar.scss

108 │ bottom:4%; │ ^^^^^^^^^ declaration ╵ ┌──> node_modules/@chatscope/chat-ui-kit-styles/themes/default/helpers/_mixins.scss 109 │ ┌ .#{$bullet-class} { 110 │ │ width: $bullet-width; 111 │ │ min-width: $bullet-width; 112 │ │ height: $bullet-width; 113 │ │ } │ └─── nested rule ╵ node_modules/@chatscope/chat-ui-kit-styles/themes/default/components/_avatar.scss 108:7 @import node_modules/@chatscope/chat-ui-kit-styles/themes/default/main.scss 8:9 @import

sass version: 1.77.8

cool3rain commented 3 months ago

npm install sass@1.77.6 --save-exact -D

It's worked for me!

cage1618 commented 3 months ago

npm install sass@1.77.6 --save-exact -D

It's worked for me!

yes, sass@1.77.6 is worked, but I want to use the latest sass.