ten-design-vue
Version:
ten-vue
40 lines (37 loc) • 690 B
text/less
/* dependencies icon */
@import "../vars.less";
.ten-tag {
position: relative;
display: inline-block;
font-size: @font-size-base;
line-height: @tag-line-height;
background: @tag-bg-color;
padding: 2px 9px;
min-width: 70px;
text-align: center;
color: @text-color;
border-radius: @tag-border-radius-default;
&+& {
margin-left: 8px;
}
&--closable {
padding-right: 9px + 16px + 4px;
}
&__close {
position: absolute;
top: 5px;
right: 5px;
font-size: 14px;
color: @icon-color;
cursor: pointer;
}
&:hover {
background: @primary-color;
color: #fff;
.ten-tag {
&__close {
color: #fff;
}
}
}
}