sass.n2o.components.CardsWidget.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of n2o-react

The newest version!

.n2o-cards {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border: 1px solid black;
    border: $cards-border;
    margin: $cards-item-margin;
    padding: $cards-item-padding;

    &:hover {
        border: $cards-hover-border;
        box-shadow: $cards-hover-shadow;
    }

    .n2o-cards__item {
        display: flex;
        flex-direction: column;

        .icon-cell-container,
        .progress,
        .n2o-rating-stars,
        .badge {
            margin: $tiles-cell-margin !important;
        }

        .n2o-cards__image {
            overflow: hidden;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }

        .rating-group {
            margin-left: -5px;
        }

        .progress-bar {
            padding: 0 5px;
        }

        .btn-group {
            div {
                margin: 0;
            }
        }
    }

    .n2o-cards__cell {
        margin: $cards-cell-margin;
        text-align: center;
    }
}