_alert.scss in active_frontend-10.2.2

- old
+ new

@@ -25,15 +25,15 @@
   margin: 0;
   padding: 10px 20px 9px 20px;
   width: 100%;
 }
 .alert > a {
-  color: $color-white;
   border-bottom: 1px dotted $color-white;
+  color: $color-white;
   font-style: italic;
 }
-.alert-lined { border: 2px solid rgba(0,0,0,0.1); }
+.alert-lined { border: 1px solid rgba(0,0,0,0.1); }
 .alert-close {
   border: 0 !important;
   color: $color-white !important;
   float: right;
   font-size: 18px;
@@ -63,9 +63,19 @@
 .alert-red,
 .alert-error,
 .alert-alert { background: $color-red; }
 .alert-teal { background: $color-teal; }
 .alert-yellow { background: $color-yellow; }
+.alert-white {
+  background: $color-white;
+  border-color: $color-haze;
+  color: $color-gray;
+}
+.alert-white > a {
+  border-bottom-color: $color-gray;
+  color: $color-gray;
+}
+.alert-white .alert-close { color: $color-gray !important; }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
   .alert.alert-app { width: calc(100% - 250px); }
\ No newline at end of file