@import '~ChillMainAssets/module/bootstrap/shared';
@import '~ChillPersonAssets/chill/scss/mixins.scss';
@import 'bootstrap/scss/_badge.scss';

.badge-calendar {
    display: inline-block;
    background-color: #f3f3f3;

    .title_label {
        @include chill_badge($chill-l-gray);
    }

    .title_action {
        padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
        margin-right: 1rem;

        font-size: var(--bs-badge-font-size);
        font-weight: var(--bs-badge-font-weight);
        line-height: 1;
        color: var(--bs-badge-color);
        text-align: center;
        white-space: nowrap;
        vertical-align: baseline;
    }
}

.badge-calendar-simple {
    @extend .badge;
    display: inline-block;
    margin: 0.2rem 0;
    padding-left: 0;
    padding-right: 0.5rem;

    border-left: 20px groove $chill-l-gray;
    border-radius: $badge-border-radius;

    max-width: 100%;
    background-color: $gray-100;

    color: black;
    font-weight: normal;
    overflow: hidden;
    font-weight: normal;
    font-size: unset;
    text-overflow: ellipsis;
    text-indent: 5px hanging;
    text-align: left;

    &::before {
        margin-right: 3px;
        position: relative;
        left: -0.5px;
        font-family: ForkAwesome;
        content: '\f04b';
        color: $chill-l-gray;
    }
}

