assets/lists.less
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 |
.tasks { .mix-titled-box(transparent, @dark-gray, @gray, @icon-ok); .mix-special-list; strong:before { .mix-icon(@icon-check-empty); } del:before { .mix-icon(@icon-check); } } .people { .mix-titled-box(transparent, @dark-gray, @gray, @icon-group); .mix-special-list; strong:before { .mix-icon(@icon-user); } del:before { .mix-icon(@icon-user); } } .objectives { .mix-titled-box(transparent, @dark-gray, @gray, @icon-bullseye); .mix-special-list; strong { font-weight: bold; } @media screen and (min-width: 320px) { ul { margin-left: 30px; } li { text-indent: -45px; } strong { font-weight: normal; } } strong:before { .mix-icon(@icon-3-stars); color: @dark-gray; } em:before { .mix-icon(@icon-2-stars); color: @dark-gray; } del:before { .mix-icon(@icon-1-stars); color: @dark-gray; } } |