hiddenCardCount.scss

TLDR

This file contains SCSS styles for the HiddenCardCount component.

Classes

HiddenCardCount

The HiddenCardCount class contains styles for the HiddenCardCount component. It sets the display to flex and defines a height of 30 pixels. Additionally, it sets the cursor to pointer when the component is hovered.

Within the HiddenCardCount class, there is a nested class called hidden-card-title that contains styles for the title element within the HiddenCardCount component. It sets a background color with a transparency of 0.2, a color of #d24b4e, and padding, border radius, text transform, and font weight properties.

.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;
    }
}