• Home
• net.n2oapp.framework
• n2o-react
• 7.28.2
• source code
• Badge.scss

×

Project download

Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $

You can buy this project and download/modify it how often you want.

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

.n2o-badge-container {
    display: inline-flex;
    align-items: baseline;
}

.n2o-badge {
    &.n2o-badge--circle {
        width: auto;
        height: auto;
        min-width: 1.375rem;
        min-height: 1.375rem;
        padding: 0;
        justify-content: center;
        overflow: hidden;
    }

    &.n2o-badge--circle.with-image {
        padding: 0 5px;
    }

    .n2o-badge-image {
        height: 1rem;
        margin-right: 4px;
        object-fit: cover;

        &.n2o-badge-image--right {
            order: 1;
            margin-right: 0;
            margin-left: 0.25rem;
        }

        &.n2o-badge-image--circle,
        &.n2o-badge-image--square {
            width: 1rem;
        }
    }
}

.badge-cell {
    gap: 5px;
}