Use var colors for panels

Dmitriy Zaporozhets
1 parent 5ba00d95
Showing 2 changed files with 45 additions and 4 deletions Show diff stats
app/assets/stylesheets/gl_bootstrap.scss
app/assets/stylesheets/main/variables.scss
@@ -257,10 +257,46 @@ ul.breadcrumb {
       padding: 6px 15px;
     }
   }
+}
  
-  &.panel-default {
-    .panel-heading {
-      background-color: #EEE;
-    }
+.panel-default {
+  .panel-heading {
+    background-color: #EEE;
+  }
+}
+
+.panel-danger {
+  border-color: $border_danger;
+  .panel-heading {
+    color: #ffffff;
+    background-color: $bg_danger;
+    border-color: $border_danger;
+  }
+}
+
+.panel-success {
+  border-color: $border_success;
+  .panel-heading {
+    color: #ffffff;
+    background-color: $bg_success;
+    border-color: $border_success;
+  }
+}
+
+.panel-primary {
+  border-color: $border_primary;
+  .panel-heading {
+    color: #ffffff;
+    background-color: $bg_primary;
+    border-color: $border_primary;
+  }
+}
+
+.panel-warning {
+  border-color: $border_warning;
+  .panel-heading {
+    color: #ffffff;
+    background-color: $bg_warning;
+    border-color: $border_warning;
   }
 }
@@ -32,6 +32,11 @@ $bg_primary: #429bca;
 $bg_light_primary: #d9edf7;
 $color_primary: #31708f;
  
+/*
+ * Warning colors (yellow)
+ */
+$bg_warning: #f39c12;
+$border_warning: #f39c12;
  
 /**
  * Commit Diff Colors
...	...	@@ -257,10 +257,46 @@ ul.breadcrumb {
257	257	padding: 6px 15px;
258	258	}
259	259	}
	260	+}
260	261
261		- &.panel-default {
262		- .panel-heading {
263		- background-color: #EEE;
264		- }
	262	+.panel-default {
	263	+ .panel-heading {
	264	+ background-color: #EEE;
	265	+ }
	266	+}
	267	+
	268	+.panel-danger {
	269	+ border-color: $border_danger;
	270	+ .panel-heading {
	271	+ color: #ffffff;
	272	+ background-color: $bg_danger;
	273	+ border-color: $border_danger;
	274	+ }
	275	+}
	276	+
	277	+.panel-success {
	278	+ border-color: $border_success;
	279	+ .panel-heading {
	280	+ color: #ffffff;
	281	+ background-color: $bg_success;
	282	+ border-color: $border_success;
	283	+ }
	284	+}
	285	+
	286	+.panel-primary {
	287	+ border-color: $border_primary;
	288	+ .panel-heading {
	289	+ color: #ffffff;
	290	+ background-color: $bg_primary;
	291	+ border-color: $border_primary;
	292	+ }
	293	+}
	294	+
	295	+.panel-warning {
	296	+ border-color: $border_warning;
	297	+ .panel-heading {
	298	+ color: #ffffff;
	299	+ background-color: $bg_warning;
	300	+ border-color: $border_warning;
265	301	}
266	302	}
...	...
...	...	@@ -32,6 +32,11 @@ $bg_primary: #429bca;
32	32	$bg_light_primary: #d9edf7;
33	33	$color_primary: #31708f;
34	34
	35	+/*
	36	+ * Warning colors (yellow)
	37	+ */
	38	+$bg_warning: #f39c12;
	39	+$border_warning: #f39c12;
35	40
36	41	/**
37	42	* Commit Diff Colors
...	...