From 7b58b4d3ff371e2921d18435ef7fc2cf6c89bae8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E4=BA=91=E6=B8=B8=E5=90=9B?= Date: Tue, 15 Jun 2021 15:19:07 +0800 Subject: [PATCH] style(message-box): rename some var --msgbox to --messagebox (#2241) --- packages/theme-chalk/src/common/var.scss | 6 +++--- packages/theme-chalk/src/message-box.scss | 14 +++++++------- 2 files changed, 10 insertions(+), 10 deletions(-) diff --git a/packages/theme-chalk/src/common/var.scss b/packages/theme-chalk/src/common/var.scss index 94ceaef285..b4705881da 100644 --- a/packages/theme-chalk/src/common/var.scss +++ b/packages/theme-chalk/src/common/var.scss @@ -323,8 +323,8 @@ $--alert-icon-large-size: 28px !default; -------------------------- */ /// color||Color|0 $--messagebox-title-color: $--color-text-primary !default; -$--msgbox-width: 420px !default; -$--msgbox-border-radius: 4px !default; +$--messagebox-width: 420px !default; +$--messagebox-border-radius: 4px !default; /// fontSize||Font|1 $--messagebox-font-size: $--font-size-large !default; /// fontSize||Font|1 @@ -333,7 +333,7 @@ $--messagebox-content-font-size: $--font-size-base !default; $--messagebox-content-color: $--color-text-regular !default; /// fontSize||Font|1 $--messagebox-error-font-size: 12px !default; -$--msgbox-padding-primary: 15px !default; +$--messagebox-padding-primary: 15px !default; /// color||Color|0 $--messagebox-success-color: $--color-success !default; /// color||Color|0 diff --git a/packages/theme-chalk/src/message-box.scss b/packages/theme-chalk/src/message-box.scss index 52713e3ac7..fd975ca4ff 100644 --- a/packages/theme-chalk/src/message-box.scss +++ b/packages/theme-chalk/src/message-box.scss @@ -7,11 +7,11 @@ @include b(message-box) { display: inline-block; - width: $--msgbox-width; + width: $--messagebox-width; padding-bottom: 10px; vertical-align: middle; background-color: $--color-white; - border-radius: $--msgbox-border-radius; + border-radius: $--messagebox-border-radius; border: 1px solid $--border-color-lighter; font-size: $--messagebox-font-size; box-shadow: $--box-shadow-light; @@ -33,7 +33,7 @@ @include e(header) { position: relative; - padding: $--msgbox-padding-primary; + padding: $--messagebox-padding-primary; padding-bottom: 10px; } @@ -47,8 +47,8 @@ @include e(headerbtn) { position: absolute; - top: $--msgbox-padding-primary; - right: $--msgbox-padding-primary; + top: $--messagebox-padding-primary; + right: $--messagebox-padding-primary; padding: 0; border: none; outline: none; @@ -69,7 +69,7 @@ } @include e(content) { - padding: 10px $--msgbox-padding-primary; + padding: 10px $--messagebox-padding-primary; color: $--messagebox-content-color; font-size: $--messagebox-content-font-size; } @@ -183,7 +183,7 @@ } @include e(content) { - $padding-horizontal: $--msgbox-padding-primary + 12px; + $padding-horizontal: $--messagebox-padding-primary + 12px; padding-left: $padding-horizontal; padding-right: $padding-horizontal;