Iceshrimp.NET/Iceshrimp.Frontend/Components/Note/NoteReaction.razor.css

29 lines
No EOL
519 B
CSS

.reaction {
display: inline-flex;
align-items: center;
line-height: 1;
padding: 0.2em 0.5em;
border-radius: 0.5em;
border: 0.1em solid var(--notice-color);
}
.reacted {
background-color: color-mix(in srgb, var(--notice-color) 30%, transparent);
color: var(--foreground-color);
}
.count {
margin-left: 0.5em;
}
.custom-reaction {
display: inline-block;
height: 1em;
width: auto;
vertical-align: -0.1em;
}
.icon {
font-size: 1.5em;
vertical-align: middle;
}