/** * Issue box for showing Open/Closed state: * Used for Issue#show page, MergeRequest#show page etc * */ .status-box { /* Extra small devices (phones, less than 768px) */ /* No media query since this is the default in Bootstrap */ padding: 5px 11px; margin-top: 4px; /* Small devices (tablets, 768px and up) */ @media (min-width: $screen-sm-min) { padding: 0 $gl-btn-padding; margin-top: 5px; } border-radius: 3px; display: block; float: left; margin-right: 10px; color: #fff; font-size: $gl-font-size; line-height: 25px; &.status-box-closed { background-color: $gl-danger; } &.status-box-merged { background-color: $gl-primary; } &.status-box-open { background-color: $green-light; } &.status-box-expired { background: #cea61b; } }