@import "../variables/colors";
@import "../variables/dimensions";

.rc-catalog-grid-item__block {
    display: flex;
    flex-direction: column;
    height: $catalog-grid-item-max-height;
    align-items: center;
    background: $catalog-grid-item-background;
    text-align: center;
    padding: $catalog-grid-item-padding-top $catalog-grid-item-padding-side $catalog-grid-item-padding-bottom;
    border: 1px solid $catalog-list-item-border-color;
    border-radius: 2px;
    cursor: pointer;
}

.rc-catalog-grid-item__name {
    color: $catalog-grid-item-name-color;
    margin: $catalog-grid-item-name-padding-top 0 $catalog-grid-item-name-padding-bottom;
    font-size: $catalog-grid-item-name-font-size;
    line-height: $catalog-grid-item-name-line-height;
    height: $catalog-grid-item-name-max-height;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rc-catalog-grid-item__desc {
    font-size: $catalog-grid-item-desc-font-size;
    line-height: $catalog-grid-item-desc-line-height;
    height: $catalog-grid-item-desc-max-height;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;

    color: $catalog-grid-item-desc-color;
}