@import "colors.less";

body[data-page="curriculum"] #curriculum-menu {
    /* reset list styles */
    ul {
        padding: 0;
        margin: 0;
    }
    li {
        list-style: none;
        padding: 3px;
        margin: 0;
    }
    .year {
        display: block;
        background: @color-complement-0;
    }
    .quartile {
        background: @color-complement-1;

        & > li {
            display: inline-block;
            box-sizing: border-box;
            width: 25%;
        }
    }
    .courses {
        background: @color-complement-2;

        & > li {
            background: @color-complement-3;
            margin-top: 2px;
            margin-bottom: 2px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;

            &[data-type="bc"] {
                background-color: #FFC000;
            }
            &[data-type="major"] {
                background-color: #31859B;
            }
            &[data-type="elective"] {
                background-color: #AB9AC0;
            }
            &[data-type="bep"] {
                background-color: #C00000;
            }
        }
    }
}
/* vim: set sw=4 et ts=4: */