@lordicon/element
Version:
This package offers developers a convenient method for embedding, controlling, and customizing animated icons from Lordicon within web projects.
28 lines (24 loc) • 459 B
CSS
#list>div {
display: flex;
flex-direction: row;
align-items: center;
gap: 10px;
cursor: pointer;
user-select: none;
--lord-icon-primary: currentColor;
}
#list>div.active {
font-weight: bold;
}
#list>div:hover {
color: var(--palette-primary);
}
#list>div:not(:last-child) {
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
margin-bottom: 10px;
}
#list>div>lord-icon {
width: 32px;
height: 32px;
}