ElemeFE / ElemeFE/element

[Bug Report] Dart Sass - Deprecated methods causing warnings and styling issues.

Open
#22,448 0 comments 2 reactions 0 assignees View on GitHub
Dominant language
Vue
Stars
54k
Forks
14.4k
PR merge metrics
No merged PRs in 30d

Description

### Element UI version
2.15.13

### OS/Browsers version
Mac OS / Chrome latest, Arc latest, Firefox latest.

### Vue version
2.7.14

### Reproduction Link
https://github.com/cant-share-cuz-its-a-work-project

### Steps to reproduce
Install vite and set it up. Then have the latest vue 2 project.

Then add element ui and the latest sass version. Then start the project and you will see these issues:
```
node_modules/element-ui/packages/theme-chalk/src/tag.scss 24:12 genTheme()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 127:5 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 112:7 m()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 126:3 @content
node_modules/element-ui/packages/theme-chalk/src/mixins/mixins.scss 74:5 b()
node_modules/element-ui/packages/theme-chalk/src/tag.scss 94:1 @import
node_modules/element-ui/packages/theme-chalk/src/select.scss 6:9 @import
node_modules/element-ui/packages/theme-chalk/src/pagination.scss 4:9 @import
node_modules/element-ui/packages/theme-chalk/src/index.scss 2:9 @import
src/scss/_colors.scss 13:9 @use
```
### What is Expected?
Sass to properly follow the latest guidelines

### What is actually happening?
Errors are received causing slower compile times and styling issues.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.