@import 'bootstrap/scss/functions';
@import 'bootstrap/scss/variables';
@import 'bootstrap/scss/mixins';
@import 'bootstrap/scss/forms';
@import 'bootstrap/scss/grid';
@import 'bootstrap/scss/buttons';
@import '@common/ui/consts.scss';
@import '@common/ui/MonthBasedCalendar.scss';

.Day-haabMonth {
    font-weight: 400;
    font-size: 1rem;
}

@include media-breakpoint-up(xs) {
    .DayOuter {
        @include make-col($size: 1, $columns: 2);
    }
}

@include media-breakpoint-up(sm) {
    .DayOuter {
        @include make-col($size: 1, $columns: 3);
    }
}

@include media-breakpoint-up(md) {
    .DayOuter {
        @include make-col($size: 1, $columns: 4);
    }
}

@include media-breakpoint-up(lg) {
    .DayOuter {
        @include make-col($size: 1, $columns: 6);
    }
}

@include media-breakpoint-up(xxl) {
    .DayOuter {
        @include make-col($size: 1, $columns: 8);
    }
}