diff --git a/packages/common/style/var.less b/packages/common/style/var.less index 6d2896a1..1f5aa397 100644 --- a/packages/common/style/var.less +++ b/packages/common/style/var.less @@ -1,4 +1,4 @@ -/* color variables */ +// Color variables @black: #000; @white: #fff; @red: #f44; @@ -12,14 +12,14 @@ @gray-darker: #7d7e80; @gray-dark: #999; -/* default colors */ +// Default colors @text-color: #333; @border-color: #eee; @active-color: #e8e8e8; @background-color: #f8f8f8; @background-color-light: #fafafa; -/* button */ +// Button @button-default-color: @text-color; @button-default-background-color: @white; @button-default-border-color: @border-color; @@ -36,3 +36,8 @@ @button-bottom-action-default-background-color: @orange; @button-bottom-action-primary-color: @white; @button-bottom-action-primary-background-color: @red; + +// Notify +@notify-padding: 6px 15px; +@notify-font-size: 14px; +@notify-line-height: 20px; diff --git a/packages/notify/index.less b/packages/notify/index.less index d1802e67..69d377c7 100644 --- a/packages/notify/index.less +++ b/packages/notify/index.less @@ -1,13 +1,13 @@ @import '../common/style/var.less'; .van-notify { + z-index: 110; + position: fixed; top: 0; width: 100%; - z-index: 110; - color: @white; - position: fixed; - min-height: 32px; - line-height: 2.3; - font-size: 14px; text-align: center; + box-sizing: border-box; + padding: @notify-padding; + font-size: @notify-font-size; + line-height: @notify-line-height; }