.container-fluid { .ci-status { padding: 2px 7px; margin-right: 10px; border: 1px solid #eee; white-space: nowrap; @include border-radius(4px); &:hover { text-decoration: none; } &.ci-failed { color: $gl-danger; border-color: $gl-danger; } &.ci-success { color: $gl-success; border-color: $gl-success; } &.ci-info { color: $gl-info; border-color: $gl-info; } &.ci-canceled, &.ci-skipped, &.ci-disabled { color: $gl-gray; border-color: $gl-gray; } &.ci-pending { color: $gl-warning; border-color: $gl-warning; } &.ci-running { color: $blue-normal; border-color: $blue-normal; } } .ci-status-icon-success { color: $gl-success; } .ci-status-icon-failed { color: $gl-danger; } .ci-status-icon-pending { color: $gl-warning; } .ci-status-icon-running { color: $blue-normal; } .ci-status-icon-canceled, .ci-status-icon-disabled, .ci-status-icon-not-found, .ci-status-icon-skipped { color: $gl-gray; } } .ci-running, .ci-status-icon-running { svg { height: 13px; width: 13px; position: relative; top: 2px; margin: 0 3px; } &:hover { text-decoration: none; } }