fix(modal): fix colors for the modal titles

Closes akveo#62
edneyego · Jun 13, 2016 · dda370e · dda370e
1 parent b96d476
commit dda370e
Showing 1 changed file with 9 additions and 29 deletions.
diff --git a/src/sass/app/_modals.scss b/src/sass/app/_modals.scss
@@ -3,10 +3,14 @@
   border-radius: 5px;
   border: none;
   color: $dropdown-text;
-  .modal-header {
-    color: $label-text;
-    border-top-left-radius: 5px;
-    border-top-right-radius: 5px;
+}
+
+.modal-header {
+  color: $label-text;
+  border-top-left-radius: 5px;
+  border-top-right-radius: 5px;
+  .modal-title {
+    color: $dropdown-text;
   }
 }
 
@@ -58,7 +62,7 @@ $modal-input-border: #e7e7e7;
     margin-right: 3px;
   }
   .sn-link-close {
-    color: #949494;
+    color: $dropdown-text;
     font-size: 30px;
     &:hover {
       color: $danger;
@@ -75,10 +79,6 @@ $modal-input-border: #e7e7e7;
   }
 }
 
-.modal-content .modal-header .modal-title{
-  color: $default-text;
-}
-
 .message-modal {
   .modal-header {
     text-align: center;
@@ -102,23 +102,3 @@ $modal-input-border: #e7e7e7;
     text-align: center;
   }
 }
-
-@mixin message-modal-color($color) {
-  .modal-header {
-    color: $label-text;
-    background: $color;
-  }
-}
-
-.success-modal {
-  @include message-modal-color($success);
-}
-.info-modal {
-  @include message-modal-color($info);
-}
-.warning-modal {
-  @include message-modal-color($warning);
-}
-.danger-modal {
-  @include message-modal-color($danger);
-}