cardBadges.scss

TLDR

This file defines styles for a component called "CardBadges", which is used to display badges on cards.

Classes

CardBadges

This class is used to style the "CardBadges" component. It applies flexbox properties to make the badges display in a row, aligning them vertically and adding margin space between each badge. The height of the badges is set to 24px. The class also defines styles for nested "span" elements, which are used to display the individual badges within the component.

.CardBadges {
    display: flex;
    align-items: center;
    margin-top: 4px;
    height: 24px;

    span {
        display: flex;
        align-items: center;
        margin-right: 4px;

        .Icon,
        .CompassIcon {
            color: rgba(var(--center-channel-color-rgb), 0.64);
            fill: currentColor;
            margin-right: 4px;
        }
    }
}