/** * Issue box for showing Open/Closed state: * Used for Issue#show page, MergeRequest#show page etc * */ .status-box { @include border-radius(3px); display: block; float: left; padding: 0 $gl-btn-padding; font-weight: normal; margin-right: 10px; font-size: $gl-font-size; &.status-box-closed { background-color: $gl-danger; color: #FFF; } &.status-box-merged { background-color: $gl-primary; color: #FFF; } &.status-box-open { background-color: $green-light; color: #FFF; } &.status-box-expired { background: #cea61b; color: #FFF; } }