color headers for modal

a1inani · Aug 19, 2016 · b79f96f · b79f96f
1 parent fee27c3
commit b79f96f
Show file tree

Hide file tree

Showing 2 changed files with 37 additions and 0 deletions.
diff --git a/src/ModalAsset.php b/src/ModalAsset.php
@@ -25,6 +25,13 @@ class ModalAsset extends AssetBundle
  'js/kb-modal-ajax.js',
  ];
 
+ /**
+ * @inheritdoc
+ */
+ public $css = [
+ 'css/modal-colors.css',
+ ];
+
  /**
  * @inheritdoc
  */

diff --git a/src/assets/css/modal-colors.css b/src/assets/css/modal-colors.css
@@ -0,0 +1,30 @@
+/* CSS used here will be applied after bootstrap.css */
+.header-success .modal-header {
+ font-weight:bold;
+ color: #fff;
+ background-color: #5cb85c;
+}
+
+.header-warning .modal-header {
+ font-weight:bold;
+ color: #fff;
+ background-color: #f0ad4e;
+}
+
+.header-danger .modal-header {
+ font-weight:bold;
+ color: #fff;
+ background-color: #d9534f;
+}
+
+.header-info .modal-header {
+ font-weight:bold;
+ color: #fff;
+ background-color: #5bc0de;
+}
+
+.header-primary .modal-header {
+ font-weight:bold;
+ color: #fff;
+ background-color: #428bca;
+}