Yao cf62caf927
[bug fix] Badge: 修复 badge 纵向对齐问题 (#96)
* 修复 badge 纵向对齐问题

* 更换字体

* 去除字体定义
2018-01-01 14:10:11 +08:00

24 lines
450 B
Plaintext

.zan-badge {
position: relative;
}
.zan-badge__count {
position: absolute;
top: -16px;
right: 0px;
height: 1.6em;
min-width: 1.6em;
line-height: 1.6;
padding: 0 .4em;
font-size: 20px;
border-radius: .8em;
background: #FF4444;
color: #fff;
text-align: center;
white-space: nowrap;
transform: translateX(50%) scale(0.5);
transform-origin: center;
z-index: 10;
box-shadow: 0 0 0 2px #fff;
box-sizing: border-box;
}