fix alert close button style, closes #229

amelia/bootstrap.css

@@ -5059,14 +5059,14 @@ a.list-group-item-danger.active:focus {
   font-size: 21px;
   font-weight: bold;
   line-height: 1;
-  color: #000000;
+  color: #ffffff;
   text-shadow: 0 1px 0 #ffffff;
   opacity: 0.2;
   filter: alpha(opacity=20);
 }
 .close:hover,
 .close:focus {
-  color: #000000;
+  color: #ffffff;
   text-decoration: none;
   cursor: pointer;
   opacity: 0.5;
@@ -5776,6 +5776,13 @@ legend {
 .pager a:hover {
   color: #fff;
 }
+.close {
+  opacity: 0.4;
+}
+.close:hover,
+.close:focus {
+  opacity: 1;
+}
 .popover {
   color: #444444;
 }

amelia/bootswatch.less

@@ -140,6 +140,15 @@ legend {
 
 // Indicators =================================================================
 
+.close {
+  opacity: 0.4;
+
+  &:hover,
+  &:focus {
+    opacity: 1;
+  }
+}
+
 // Progress bars ==============================================================
 
 // Containers =================================================================

amelia/variables.less

@@ -778,7 +778,7 @@
 //##
 
 @close-font-weight:           bold;
-@close-color:                 #000;
+@close-color:                 #fff;
 @close-text-shadow:           0 1px 0 #fff;
 
 

cosmo/bootstrap.css

@@ -5784,12 +5784,19 @@ table .info a,
   text-decoration: underline;
   color: #fff;
 }
-.label {
-  border-radius: 0;
+.alert .close {
+  color: #fff;
+  text-decoration: none;
+  opacity: 0.4;
 }
-.close {
+.alert .close:hover,
+.alert .close:focus {
+  color: #fff;
   opacity: 1;
 }
+.label {
+  border-radius: 0;
+}
 .progress {
   height: 8px;
   -webkit-box-shadow: none;

cosmo/bootswatch.less

@@ -125,16 +125,24 @@ table,
     text-decoration: underline;
     color: #fff;
   }
+
+  .close {
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.4;
+
+    &:hover,
+    &:focus {
+      color: #fff;
+      opacity: 1;
+    }
+  }
 }
 
 .label {
   border-radius: 0;
 }
 
-.close {
-  opacity: 1;
-}
-
 // Progress bars ==============================================================
 
 .progress {

cyborg/bootstrap.css

@@ -5780,6 +5780,16 @@ legend {
   color: #ffffff;
   text-decoration: underline;
 }
+.alert .close {
+  color: #fff;
+  text-decoration: none;
+  opacity: 0.4;
+}
+.alert .close:hover,
+.alert .close:focus {
+  color: #fff;
+  opacity: 1;
+}
 .jumbotron h1,
 .jumbotron h2,
 .jumbotron h3,

cyborg/bootswatch.less

@@ -132,6 +132,18 @@ legend {
     color: @alert-warning-text;
     text-decoration: underline;
   }
+
+  .close {
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.4;
+
+    &:hover,
+    &:focus {
+      color: #fff;
+      opacity: 1;
+    }
+  }
 }
 
 // Progress bars ==============================================================

flatly/bootstrap.css

@@ -5867,6 +5867,16 @@ input[type="color"]:focus,
   color: #fff;
   text-decoration: underline;
 }
+.alert .close {
+  color: #fff;
+  text-decoration: none;
+  opacity: 0.4;
+}
+.alert .close:hover,
+.alert .close:focus {
+  color: #fff;
+  opacity: 1;
+}
 .progress {
   height: 10px;
   -webkit-box-shadow: none;

flatly/bootswatch.less

@@ -186,6 +186,18 @@ input[type="color"],
     color: #fff;
     text-decoration: underline;
   }
+
+  .close {
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.4;
+
+    &:hover,
+    &:focus {
+      color: #fff;
+      opacity: 1;
+    }
+  }
 }
 
 // Progress bars ==============================================================

lumen/bootstrap.css

@@ -5961,6 +5961,16 @@ label {
   color: #fff;
   text-decoration: underline;
 }
+.alert .close {
+  color: #fff;
+  text-decoration: none;
+  opacity: 0.4;
+}
+.alert .close:hover,
+.alert .close:focus {
+  color: #fff;
+  opacity: 1;
+}
 .label {
   font-weight: normal;
 }

lumen/bootswatch.less

@@ -310,6 +310,18 @@ label {
     color: #fff;
     text-decoration: underline;
   }
+
+  .close {
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.4;
+
+    &:hover,
+    &:focus {
+      color: #fff;
+      opacity: 1;
+    }
+  }
 }
 
 .label {

readable/bootstrap.css

@@ -5763,6 +5763,16 @@ legend {
   color: #ffffff;
   text-decoration: underline;
 }
+.alert .close {
+  color: #fff;
+  text-decoration: none;
+  opacity: 0.4;
+}
+.alert .close:hover,
+.alert .close:focus {
+  color: #fff;
+  opacity: 1;
+}
 .label {
   font-family: "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight: normal;

readable/bootswatch.less

@@ -104,6 +104,18 @@ legend {
     color: @alert-success-text;
     text-decoration: underline;
   }
+
+  .close {
+    color: #fff;
+    text-decoration: none;
+    opacity: 0.4;
+
+    &:hover,
+    &:focus {
+      color: #fff;
+      opacity: 1;
+    }
+  }
 }
 
 .label {

slate/bootstrap.css

@@ -6023,6 +6023,10 @@ legend {
   color: #fff;
   text-decoration: underline;
 }
+.alert .close {
+  color: #000000;
+  text-decoration: none;
+}
 .jumbotron {
   border: 1px solid rgba(0, 0, 0, 0.6);
 }