dvant
Version:
A Vue.js 2.0 Mobile UI at dawnwin modified from Youzan
54 lines (42 loc) • 760 B
CSS
@import './common/var.css';
.van-tag {
display: inline-block;
line-height: 14px;
padding: 1px 5px;
border-radius: 2px;
font-size: 10px;
background: $gray;
color: $white;
&::after {
border-color: currentColor;
border-radius: 4px;
}
&--mark {
border-radius: 0 8px 8px 0;
&::after {
border-radius: 0 16px 16px 0;
}
}
&--success {
background: $green;
&.van-tag--plain {
color: $green;
}
}
&--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;
}
}