blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-05 19:41:42 +08:00
Code Issues Projects Releases Wiki Activity

[improvement] Badge: add less vars (#3131)

Browse Source
This commit is contained in:
neverland 2019-04-11 09:57:16 +08:00 committed by GitHub
parent 26543e89eb
commit b4fc5df926
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
packages/badge-group/index.less
View File

@ -1,5 +1,5 @@
@import '../style/var';
.badge-group {
width: 85px;
width: @badge-group-width;
}

20
packages/badge/index.less
View File

@ -3,14 +3,14 @@
.van-badge {
display: block;
overflow: hidden;
font-size: 14px;
line-height: 1.4;
user-select: none;
color: @gray-darker;
word-break: break-all;
box-sizing: border-box;
padding: 20px 12px 20px 9px;
background-color: @background-color;
color: @badge-text-color;
padding: @badge-padding;
font-size: @badge-font-size;
line-height: @badge-line-height;
background-color: @badge-background-color;
border-left: 3px solid transparent;
&__text {
@ -18,7 +18,7 @@
}
&:active {
background-color: @active-color;
background-color: @badge-active-color;
}
&:not(:last-child)::after {
@ -26,9 +26,9 @@
}
&--select {
font-weight: 500;
color: @text-color;
border-color: @red;
color: @badge-selected-text-color;
font-weight: @badge-selected-font-weight;
border-color: @badge-selected-border-color;
&::after {
border-right-width: 1px;
@ -36,7 +36,7 @@
&,
&:active {
background-color: @white;
background-color: @badge-selected-background-color;
}
}

15
packages/style/var.less
View File

@ -32,6 +32,21 @@
@action-sheet-close-icon-size: 18px;
@action-sheet-close-icon-color: @gray-dark;
// Badge
@badge-font-size: 14px;
@badge-line-height: 1.4;
@badge-text-color: @gray-darker;
@badge-padding: 20px 12px 20px 9px;
@badge-active-color: @active-color;
@badge-background-color: @background-color;
@badge-selected-font-weight: 500;
@badge-selected-text-color: @text-color;
@badge-selected-border-color: @red;
@badge-selected-background-color: @white;
// BadgeGroup
@badge-group-width: 85px;
// Button
@button-mini-height: 22px;
@button-mini-min-width: 50px;