@import '../../../less/fonts';
@import '../../../less/styles';
@import '../../../less/palette';

.month {
    display: flex;
    flex-direction: column;
    border-radius: 3px;
    margin: 8px 0;

    .title {
        .medium;
        user-select: none;
        cursor: default;
        text-align: center;
        display: block;
        height: 32px;
        line-height: 32px;
        color: @color-hint;
    }

    .week {
        display: flex;
        justify-content: space-around;
        padding: 4px 0;

        .day {
            &.left-sq:after {
                .border-left-radius(3px);
            }

            &.right-sq:after {
                .border-right-radius(3px);
            }

            &.left-round:after {
                .border-left-radius(50%);
            }

            &.right-round:after {
                .border-right-radius(50%);
            }

            &:hover:not(.disabled):not(.empty):not(.selected) {
                border-radius: 50%;
                background-color: fadeout(@color-primary-dark, 92%);
            }
        }
    }
}
