all repos — hastystyles @ 1ad42b3d6ef3f85658e20c9fcb14f79615229359

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
 
.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, @dark-yellow)}
.date {.mix-symbol(@fa-var-calendar, @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)}

.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%, "")}