.calendar {
    .month-selector {
        width: 100%;
        text-align: center;

        .prev {
            float: left;
        }

        .next {
            float: right;
        }

        .month {
            display: none;
        }

        .month.current {
            display: inline;
        }
    }

    ul.weekdays {
        margin: 0;
        padding: 20px 0;

        li {
            display: inline-block;
            width: 14%;
            text-align: center;
            margin: 0;
        }
    }

    ul.days {
        margin: 0;
        padding: 20px 0;

        li {
            display: inline-block;
            width: 14%;
            text-align: center;
            margin: 0;

            &.current-month {
                background-color: blue;
            }
        }
    }
}