(echarts-theme-builder) branch master updated: fix sass deprecated warnings

[shenyi]

This is an automated email from the ASF dual-hosted git repository.

shenyi pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/echarts-theme-builder.git


The following commit(s) were added to refs/heads/master by this push:
     new 677d2f3  fix sass deprecated warnings
677d2f3 is described below

commit 677d2f3aed5ae37f379f657638a97ed446fbda2b
Author: pissang <bm2736...@gmail.com>
AuthorDate: Wed Feb 5 08:23:01 2025 +0800

    fix sass deprecated warnings
---
 app/styles/_components.code.scss    |  1 +
 app/styles/_components.color.scss   |  2 ++
 app/styles/_components.config.scss  |  1 +
 app/styles/_components.echarts.scss |  1 +
 app/styles/_settings.global.scss    | 11 +++++++----
 app/styles/main.scss                | 13 ++++++-------
 6 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/app/styles/_components.code.scss b/app/styles/_components.code.scss
index 02d15ec..1a62d1e 100644
--- a/app/styles/_components.code.scss
+++ b/app/styles/_components.code.scss
@@ -1,3 +1,4 @@
+@use "configs.color" as *;
 
 #theme-builder {
 
diff --git a/app/styles/_components.color.scss 
b/app/styles/_components.color.scss
index cb9ca05..a47a752 100644
--- a/app/styles/_components.color.scss
+++ b/app/styles/_components.color.scss
@@ -1,3 +1,5 @@
+@use "configs.color" as *;
+
 $color-size: 20px;
 
 #theme-builder {
diff --git a/app/styles/_components.config.scss 
b/app/styles/_components.config.scss
index 68c7e6c..2ca3cc4 100644
--- a/app/styles/_components.config.scss
+++ b/app/styles/_components.config.scss
@@ -1,3 +1,4 @@
+@use "configs.color" as *;
 
 #theme-builder {
 .icon {
diff --git a/app/styles/_components.echarts.scss 
b/app/styles/_components.echarts.scss
index 4b324d7..243934e 100644
--- a/app/styles/_components.echarts.scss
+++ b/app/styles/_components.echarts.scss
@@ -1,3 +1,4 @@
+@use "configs.color" as *;
 
 #theme-builder {
 
diff --git a/app/styles/_settings.global.scss b/app/styles/_settings.global.scss
index 4e27c5d..faff3b2 100644
--- a/app/styles/_settings.global.scss
+++ b/app/styles/_settings.global.scss
@@ -1,3 +1,6 @@
+@use "sass:color";
+@use "configs.color" as *;
+
 $nav-height: 50px;
 
 #theme-builder {
@@ -28,12 +31,12 @@ $nav-height: 50px;
 
   .btn-primary {
     color: #fff;
-    border-color: lighten($clr-primary, 5%);
-    background-color: lighten($clr-primary, 10%);
+    border-color: color.adjust($clr-primary, $lightness: 5%);
+    background-color: color.adjust($clr-primary, $lightness: 10%);
 
     &:hover, &:active, &:focus, &.active {
-      border-color: lighten($clr-primary, 10%);
-      background-color: lighten($clr-primary, 20%);
+      border-color: color.adjust($clr-primary, $lightness: 10%);
+      background-color: color.adjust($clr-primary, $lightness: 20%);
     }
   }
 
diff --git a/app/styles/main.scss b/app/styles/main.scss
index c691936..dc70825 100644
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -1,10 +1,9 @@
 $icon-font-path: "../vendors/fonts/";
 
-@import "configs.color";
+@use "configs.color";
+@use "settings.global";
 
-@import "settings.global";
-
-@import "components.echarts";
-@import "components.config";
-@import "components.color";
-@import "components.code";
+@use "components.echarts" as *;
+@use "components.config" as *;
+@use "components.color" as *;
+@use "components.code" as *;


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscr...@echarts.apache.org
For additional commands, e-mail: commits-h...@echarts.apache.org