@import "_mixins/all"

.status
  display: inline-block
  width: 10px
  height: 10px
  margin-right: 2px
  @include border-radius(5px)

#repos,
.number
  .status
    background-color: $color-bg-status-pending
  a
    color: $color-text-status-pending

#repos .green,
.green #summary .number,
.list .green .number
  .status
    background-color: $color-bg-status-passed
  a
    color: $color-text-status-passed

#repos .red,
.red #summary .number,
.list .red .number
  .status
    background-color: $color-bg-status-failed
  a
    color: $color-text-status-failed

table.list
  tbody
    td
      cursor: pointer
      background-color: $color-bg-job
    tr:hover td
      background-color: $color-bg-job-highlight

  .green
    td
      background-color: $color-bg-job-passed
    &:hover td
      background-color: $color-bg-job-passed-highlight
    .number a
      color: $color-text-status-passed

  .red
    td
      background-color: $color-bg-job-failed
    &:hover td
      background-color: $color-bg-job-failed-highlight
    .number a
      color: $color-text-status-failed

#workers
  .status
    background-color: $color-bg-status-waiting

  .waiting .status
    background-color: $color-bg-status-waiting

  .errored .status
    background-color: $color-bg-status-errored

  .stopped .status
    background-color: $color-bg-status-stopped