all repos — hastystyles @ 092332981faad6cef1e929e333e90a6657ac9345

The stylesheets for HastyScrybe and HastySite.

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
 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
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
 100
 101
 102
 103
 104
 105
 106
 107
 108
 109
 110
 111
 112
 113
 114
 115
 116
 117
 118
 119
 120
 121
 122
 123
 124
 125
 126
 127
 128
 129
 130
 131
 132
 133
 134
 135
 136
 137
 138
 139
 
.tasks {
  .mix-icon-title(@icon-ok-sign);
  .mix-special-list;
  strong:before {
    .mix-icon(@icon-check-empty);
    color: @bright-red;
  }
  del:before {
    .mix-icon(@icon-check);
    color: @bright-green;
  }
}

.presence {
  .mix-icon-title(@icon-th-list);
  .mix-special-list;
  strong:before {
    .mix-icon(@icon-user);
    color: @bright-green;
  }
  del:before {
    .mix-icon(@icon-user);
    color: @red;
  }
}

.availability {
  .mix-icon-title(@icon-question-sign);
  .mix-special-list;
  em, strong, del {
    color: @text-color;
  }
  strong:before {
    color: @bright-green;
    .mix-icon(@icon-ok);
  }
  em:before {
    color: @bright-yellow;
    .mix-icon(@icon-asterisk);
  }
  del:before {
    color: @bright-red;
    .mix-icon(@icon-remove);
  }
}

.priority {
  .mix-icon-title(@icon-sort-by-attributes-alt);
  .mix-special-list;
  strong:before {
    color: @bright-red;
    content: "! ";
    font-weight: bold;
    .mix-icon(@icon-exclamation-sign);
  }
  code:before {
    color: @gray-4;
    font-weight: bold;
    content: "- ";
    .mix-icon(@icon-minus-sign);
  }
  em:before {
    color: @bright-blue;
    font-weight: bold;
    content: "\2193 ";
    .mix-icon(@icon-chevron-sign-down);
  }
}

.status {
  .mix-icon-title(@icon-bolt);
  .mix-special-list;
  strong:before {
    color: @bright-green;
    content: "\26AB ";
    .mix-icon(@icon-circle+"  ");
  }
  code:before {
    color: @bright-yellow;
    content: "\26AB ";
    .mix-icon(@icon-circle+"  ");
  }
  em:before {
    color: @bright-red;
    content: "\26AB ";
    font-style: normal;
    .mix-icon(@icon-circle+"  ");
  }
 del {
   text-decoration: none;
 }
 del:before {
    color: @gray-4;
    content: "\26AB ";
    .mix-icon(@icon-circle+"  ");
  }
}

.org {
  .mix-icon-title(@icon-sitemap);
  ul, ol {
    list-style-type: none;
  }
  li {
    font-weight: bold;
    &:before { 
      color: @bright-red; 
      .mix-icon(@icon-user);
    }
  }
  li li {
    font-weight: normal;
    font-style: italic;
    &:before { 
      color: @bright-blue; 
      .mix-icon(@icon-user);
      font-style: normal;
    }
  }
  li li li {
    font-style: normal;
    &:before { 
      color: @gray-5; 
      .mix-icon(@icon-user);
    }
  }
}

.entities {
  .mix-icon-title(@icon-tint);
}

.links {
  .mix-icon-title(@icon-link);
}

.badges {
  .mix-icon-title(@icon-certificate);
}