@zohodesk/dot
Version:
In this Library, we Provide Some Basic Components to Build Your Application
30 lines (29 loc) • 574 B
CSS
.varClass {
--icon_color: var(--zdt_comment_iconText);
}
.container {
composes: varClass;
composes: inlineBlockMiddle from '../listCommon.module.css';
position: relative;
color: var(--icon_color);
padding: 0 var(--zd_size2) ;
cursor: pointer;
}
.container:hover {
--icon_color: var(--zdt_comment_hover_iconText);
}
.count {
position: absolute;
top: var(--zd_size1) ;
font-size: var(--zd_font_size9) ;
text-align: center;
}
[dir=ltr] .count {
left: 100% ;
}
[dir=rtl] .count {
right: 100% ;
}
.commentIcon {
font-size: var(--zd_font_size13) ;
}