ui/vant
1
0
Fork 0
mirror of https://github.com/youzan/vant.git synced 2025-10-19 01:54:48 +00:00
Code Issues Actions 4 Packages Projects Releases Wiki Activity

[improvement] Tag: add round prop (#1947)

Browse Source
This commit is contained in:
neverland
2018-10-17 14:40:42 +08:00
committed by GitHub
parent abbde67325
commit 935108c15c
9 changed files with 69 additions and 59 deletions
Download Patch File Download Diff File Expand all files Collapse all files

48
packages/vant-css/src/tag.css
View File

@@ -1,54 +1,32 @@
@import './common/var.css';
.van-tag {
display: inline-block;
padding: 2px 5px;
line-height: normal;
border-radius: 3px;
font-size: 10px;
background: $gray;
color: $white;
font-size: 10px;
padding: .2em .5em;
line-height: normal;
border-radius: .2em;
display: inline-block;
&::after {
border-color: currentColor;
border-radius: 4px;
border-radius: .4em;
}
&--mark {
padding-right: 7px;
border-radius: 0 8px 8px 0;
padding-right: .6em;
border-radius: 0 .8em .8em 0;
&::after {
border-radius: 0 16px 16px 0;
border-radius: 0 1.6em 1.6em 0;
}
}
&--success {
background: $green;
&--round {
border-radius: .8em;
&.van-tag--plain {
color: $green;
&::after {
border-radius: 1.6em;
}
}
&--danger {
background: $button-danger-background-color;
&.van-tag--plain {
color: $button-danger-background-color;
}
}
&--primary {
background: $blue;
&.van-tag--plain {
color: $blue;
}
}
&--plain {
background: $white;
color: $gray;
}
}