styles/_badges.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 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 |
.todo { .mix-red-badge("todo");}
.fixme { .mix-red-badge("fixme");}
.deadline { .mix-red-badge("deadline");}
.important { .mix-red-badge("important");}
.urgent { .mix-red-badge("urgent");}
.verify { .mix-yellow-badge("verify");}
.draftcomment { .mix-green-badge("comment")}
.red-circle {.mix-circle(@bright-red)}
.green-circle {.mix-circle(@bright-green)}
.yellow-circle {.mix-circle(@bright-yellow)}
.gray-circle {.mix-circle(@gray)}
.star { .mix-symbol(@fa-var-star, @bright-yellow)}
.heart {.mix-symbol(@fa-var-heart, @bright-red)}
.square {.mix-symbol(@fa-var-square, @bright-red)}
.check {.mix-symbol(@fa-var-check-square, @bright-green)}
.lock {.mix-symbol(@fa-var-lock, @bright-yellow)}
.unlock {.mix-symbol(@fa-var-unlock, @bright-yellow)}
.bug {.mix-symbol(@fa-var-bug, @bright-red)}
.tag {.mix-symbol(@fa-var-tag, @bright-yellow)}
.tags {.mix-symbol(@fa-var-tags, @bright-yellow)}
.date {.mix-symbol(@fa-var-calendar, @bright-blue)}
.time {.mix-symbol(@fa-var-clock, @bright-blue)}
.attachment {.mix-symbol(@fa-var-paperclip, @text-color)}
.geo {.mix-symbol(@fa-var-map-marker, @bright-red)}
.danger {.mix-symbol(@fa-var-exclamation-triangle, @bright-red)}
.question {.mix-symbol(@fa-var-question-circle, @bright-blue)}
.phone {.mix-symbol(@fa-var-phone, @text-color)}
.email {.mix-symbol(@fa-var-envelope, @text-color)}
.fax {.mix-symbol(@fa-var-fax, @text-color)}
.print {.mix-symbol(@fa-var-print, @text-color)}
.usb {.mix-symbol(@fa-var-usb, @text-color)}
.website {.mix-symbol(@fa-var-globe, @text-color)}
.hastyscribe {
.mix-symbol("H", @text-color, 180%);
&:before {
font-family: "HastyScribe";
font-size: 1.8em;
margin-right: -2%;
vertical-align: middle;
}
}
.btc {.mix-symbol(@fa-var-btc, @text-color, 90%, "")}
.eur {.mix-symbol(@fa-var-euro-sign, @text-color, 90%, "")}
.usd {.mix-symbol(@fa-var-dollar-sign, @text-color, 90%, "")}
.gbp {.mix-symbol(@fa-var-pound-sign, @text-color, 90%, "")}
.jpy {.mix-symbol(@fa-var-yen-sign, @text-color, 90%, "")}
.inr {.mix-symbol(@fa-var-rupee-sign, @text-color, 90%, "")}
.krw {.mix-symbol(@fa-var-won-sign, @text-color, 90%, "")}
.rub {.mix-symbol(@fa-var-ruble-sign, @text-color, 90%, "")}
.try {.mix-symbol(@fa-var-lira-sign, @text-color, 90%, "")}
.copy {.mix-symbol(@fa-var-copyright, @text-color)}
.reg {.mix-symbol(@fa-var-registered, @text-color)}
.tm {.mix-symbol(@fa-var-trademark, @text-color)}
.red-flag {.mix-symbol(@fa-var-flag, @bright-red)}
.green-flag {.mix-symbol(@fa-var-flag, @bright-green)}
.yellow-flag {.mix-symbol(@fa-var-flag, @bright-yellow)}
.story {.mix-symbol(@fa-var-comment, @bright-blue)}
.feature {.mix-symbol(@fa-var-check-circle, @bright-green)}
.project {.mix-symbol(@fa-var-briefcase, @dark-yellow)}
.user {.mix-symbol(@fa-var-user, @bright-blue)}
.add {.mix-symbol(@fa-var-plus-circle, @bright-green)}
.remove {.mix-symbol(@fa-var-minus-circle, @bright-red)}
.html5 {.mix-symbol(@fa-var-html5, @bright-red)}
.css3 {.mix-symbol(@fa-var-css3, @bright-blue)}
.apple {.mix-symbol(@fa-var-apple, @gray-a)}
.windows {.mix-symbol(@fa-var-windows, @bright-blue)}
.linux {.mix-symbol(@fa-var-linux, #000)}
.android {.mix-symbol(@fa-var-android, #A4C739)}
.bluetooth {.mix-symbol(@fa-var-bluetooth, @bright-blue)}
.wifi {.mix-symbol(@fa-var-wifi, @text-color)}
.signal {.mix-symbol(@fa-var-signal, @text-color)}
.idea {.mix-symbol(@fa-var-lightbulb, @bright-yellow)}
.sticky {.mix-symbol(@fa-var-sticky-note, @bright-yellow)}
.link {.mix-symbol(@fa-var-link, @bright-blue)}
.chrome {.mix-symbol(@fa-var-chrome, @bright-yellow)}
.firefox {.mix-symbol(@fa-var-firefox, @bright-orange)}
.ie {.mix-symbol(@fa-var-internet-explorer, @bright-blue)}
.edge {.mix-symbol(@fa-var-edge, @bright-blue)}
.opera {.mix-symbol(@fa-var-opera, @bright-red)}
.safari {.mix-symbol(@fa-var-safari, @bright-blue)}
|