all repos — hastystyles @ 863069bc59e7f9ab87ccfa3e442b2a39974fd933

The stylesheets for HastyScrybe and HastySite.

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-o, @bright-red)}
.check {.mix-symbol(@fa-var-check-square-o, @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-o, @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-eur, @text-color, 90%, "")}
.usd {.mix-symbol(@fa-var-usd, @text-color, 90%, "")}
.gbp {.mix-symbol(@fa-var-gbp, @text-color, 90%, "")}
.jpy {.mix-symbol(@fa-var-jpy, @text-color, 90%, "")}
.inr {.mix-symbol(@fa-var-inr, @text-color, 90%, "")}
.krw {.mix-symbol(@fa-var-krw, @text-color, 90%, "")}
.rub {.mix-symbol(@fa-var-rub, @text-color, 90%, "")}
.try {.mix-symbol(@fa-var-try, @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-o, @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)}