@chatui/core
Version:
The React library for Chatbot UI
54 lines (49 loc) • 987 B
text/less
.MultiRedPacket {
display: flex;
align-items: center;
.RedPacket {
--red-packet-object-width: 60px;
--red-packet-name-font-size: var(--font-size-body);
--red-packet-desc-font-size: var(--font-size-xs);
flex: 1;
}
.RedPacket-img {
width: 36px;
height: 36px;
}
.RedPacket-desc {
span + span {
margin-left: 6px;
padding-left: 6px;
border-left: 1px solid rgba(255, 255, 255, 0.45);
}
strong {
font-size: var(--font-size-sm);
}
}
}
.MultiRedPacket-stack {
position: relative;
display: flex;
align-items: center;
&:before,
&:after {
content: '';
display: block;
width: 6px;
margin-right: -2px;
box-sizing: border-box;
border: 2px solid #ff9999;
border-radius: var(--radius-md) 0 0 var(--radius-md);
border-right: 0;
background: #fff;
}
&:before {
height: 53px;
border-color: #ff9999;
}
&:after {
height: 57px;
border-color: #ff6666;
}
}