hiddenCardCount.scss

TLDR

This file defines the styles for the HiddenCardCount component.

Classes

HiddenCardCount

The HiddenCardCount class defines the styles for the HiddenCardCount component. It sets the display to flex and height to 30px. On hover, it changes the cursor to pointer. It also defines styles for the "hidden-card-title" class within HiddenCardCount, including the background color, text color, padding, border radius, text transform, and font weight.

.HiddenCardCount {
    display: flex;
    height: 30px;

    &:hover {
        cursor: pointer;
    }

    .hidden-card-title {
        background: rgba(243, 192, 199, 0.2);
        color: #d24b4e;
        padding: 3px 6px;
        border-radius: 4px;
        text-transform: uppercase;
        font-weight: bold;
    }
}