alighasami/vant
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

[improvement] Badge: update info style (#2122)

Browse Source
This commit is contained in:
neverland
2018-11-22 21:50:27 +08:00
committed by GitHub
parent 58c06e7d34
commit 8042e37829
7 changed files with 59 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/info/index.less
+24 -13
View File
@@ -1,19 +1,30 @@
@import '../style/var';
@van-info-size: 16px;
@van-info-color: @white;
@van-info-padding: 0 3px;
@van-info-font-size: 12px;
@van-info-font-weight: 500;
@van-info-border-width: 1px;
@van-info-background-color: @red;
@van-info-font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
.van-info {
left: 100%;
top: -.5em;
color: @white;
font-size: .6em;
font-weight: 500;
padding: 0 .25em;
text-align: center;
min-width: 1.4em;
line-height: 1.4;
position: absolute;
border-radius: .7em;
right: 0;
top: -@van-info-size / 2;
color: @van-info-color;
font-size: @van-info-font-size;
font-weight: @van-info-font-weight;
font-family: @van-info-font-family;
text-align: center;
box-sizing: border-box;
background-color: @red;
transform: translateX(-50%);
font-family: PingFang SC, Helvetica Neue, Arial, sans-serif;
padding: @van-info-padding;
min-width: @van-info-size;
line-height: @van-info-size - @van-info-border-width * 2;
border: @van-info-border-width solid @white;
border-radius: @van-info-size;
background-color: @van-info-background-color;
transform: translateX(50%);
transform-origin: 100%;
}