1 files changed, 35 insertions, 0 deletions
diff --git a/app/assets/stylesheets/framework/issue_box.scss b/app/assets/stylesheets/framework/issue_box.scss
new file mode 100644
index 00000000000..93377e45e70
--- /dev/null
+++ b/app/assets/stylesheets/framework/issue_box.scss
@@ -0,0 +1,35 @@
+/**
+ * Issue box for showing Open/Closed state:
+ * Used for Issue#show page, MergeRequest#show page etc
+ *
+ */
+
+.issue-box {
+  @include border-radius(2px);
+
+  display: inline-block;
+  padding: 10px $gl-padding;
+  font-weight: normal;
+  margin-right: 10px;
+  font-size: $gl-font-size;
+
+  &.issue-box-closed {
+    background-color: $gl-danger;
+    color: #FFF;
+  }
+
+  &.issue-box-merged {
+    background-color: $gl-primary;
+    color: #FFF;
+  }
+
+  &.issue-box-open {
+    background-color: #019875;
+    color: #FFF;
+  }
+
+  &.issue-box-expired {
+    background: #cea61b;
+    color: #FFF;
+  }
+}