From 853010d70ce1c74ca86f284e2766ff725e47806e Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Sat, 29 Mar 2025 17:23:40 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=9B=B4=E6=96=B0=20Mask=20?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/BootstrapBlazor/Components/Mask/Mask.razor.scss | 2 +-
 src/BootstrapBlazor/wwwroot/src/css/motronic.css    | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/BootstrapBlazor/Components/Mask/Mask.razor.scss b/src/BootstrapBlazor/Components/Mask/Mask.razor.scss
index 2b2a9f3ebe5..2015dd5171a 100644
--- a/src/BootstrapBlazor/Components/Mask/Mask.razor.scss
+++ b/src/BootstrapBlazor/Components/Mask/Mask.razor.scss
@@ -1,4 +1,4 @@
-.bb-mask {
+.bb-mask {
     --bb-mask-zindex: #{$bb-mask-zindex};
     --bb-mask-bg: #{$bb-mask-bg};
     --bb-mask-opacity: #{$bb-mask-opacity};
diff --git a/src/BootstrapBlazor/wwwroot/src/css/motronic.css b/src/BootstrapBlazor/wwwroot/src/css/motronic.css
index f017f38c17b..3fb516af5cb 100644
--- a/src/BootstrapBlazor/wwwroot/src/css/motronic.css
+++ b/src/BootstrapBlazor/wwwroot/src/css/motronic.css
@@ -327,8 +327,12 @@
     --bs-btn-active-border-color: #B5B5C3;
 }
 
-.modal-backdrop.show {
-    opacity: .3;
+.modal-backdrop {
+    --bs-backdrop-opacity: 0.3;
+}
+
+.bb-mask {
+    --bb-mask-opacity: 0.3;
 }
 
 .modal-content {