From b05b9c1433f11d0e8c05519da90aa72ba02752f9 Mon Sep 17 00:00:00 2001
From: jeremywu <15975785+JeremyWuuuuu@users.noreply.github.com>
Date: Wed, 4 Aug 2021 19:26:53 +0800
Subject: [PATCH] fix(style): sass compiling error (#2831)

- Fix sass compiling error
- Fix cascader transparent issue
---
 packages/theme-chalk/src/cascader.scss        | 4 ++++
 packages/theme-chalk/src/checkbox-button.scss | 2 ++
 packages/theme-chalk/src/checkbox-group.scss  | 3 +++
 packages/theme-chalk/src/radio-button.scss    | 4 +++-
 4 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/packages/theme-chalk/src/cascader.scss b/packages/theme-chalk/src/cascader.scss
index 525a2759f8..e796fce83c 100644
--- a/packages/theme-chalk/src/cascader.scss
+++ b/packages/theme-chalk/src/cascader.scss
@@ -82,6 +82,10 @@
     }
   }
 
+  @include e(dropdown) {
+    @include set-component-css-var('cascader', $--cascader);
+  }
+
   @include e(dropdown) {
     font-size: var(--el-cascader-menu-font-size);
     border-radius: var(--el-cascader-menu-radius);
diff --git a/packages/theme-chalk/src/checkbox-button.scss b/packages/theme-chalk/src/checkbox-button.scss
index 7f0ed1b409..35a7fa91f8 100644
--- a/packages/theme-chalk/src/checkbox-button.scss
+++ b/packages/theme-chalk/src/checkbox-button.scss
@@ -2,7 +2,9 @@
 
 @import 'common/var';
 @import 'mixins/mixins';
+@import 'mixins/utils';
 @import 'mixins/var';
+@import 'mixins/button';
 
 @include b(checkbox-button) {
   @include set-component-css-var('checkbox-button', $--checkbox-button);
diff --git a/packages/theme-chalk/src/checkbox-group.scss b/packages/theme-chalk/src/checkbox-group.scss
index c845ed08e3..23404ba38a 100644
--- a/packages/theme-chalk/src/checkbox-group.scss
+++ b/packages/theme-chalk/src/checkbox-group.scss
@@ -1,3 +1,6 @@
+@import 'common/var';
+@import 'mixins/mixins';
+
 @include b(checkbox-group) {
   font-size: 0;
 }
diff --git a/packages/theme-chalk/src/radio-button.scss b/packages/theme-chalk/src/radio-button.scss
index 30dd29f48b..3a5e89eaec 100644
--- a/packages/theme-chalk/src/radio-button.scss
+++ b/packages/theme-chalk/src/radio-button.scss
@@ -1,7 +1,9 @@
 @use "sass:map";
 
 @import 'mixins/mixins';
-@import 'mixins/_button';
+@import 'mixins/utils';
+@import 'mixins/var';
+@import 'mixins/button';
 @import 'common/var';
 
 @include b(radio-button) {