@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-year-background; } .quartile { background: @color-quartile-background; & > li { display: inline-block; box-sizing: border-box; width: 25%; } } .courses { background: @color-courses-background; & > li { margin-top: 2px; margin-bottom: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; &[data-type="bc"] { background-color: @color-bc-background; } &[data-type="major"] { background-color: @color-major-background; } &[data-type="elective"] { background-color: @color-elective-background; } &[data-type="bep"] { background-color: @color-bep-background; } } } } /* vim: set sw=4 et ts=4: */