_alerts.scss in furatto-0.0.2

- old
+ new

@@ -8,15 +8,14 @@
  */
 
 .alert {
   padding: 8px 35px 8px 14px;
   margin-bottom: $base-line-height;
-  background-color: $orange;
+  background-color: lighten($orange, 40%);
   @include border-radius($base-radius);
   color: $warning-alert-color;
   font-size: $base-font-size;
-  text-shadow: 0 1px 0 rgba(255,255,255,.3);
 
   .header, strong {
     color: $warning-header-color;
     font-weight: 600;
     font-size: $base-font-size;
@@ -29,22 +28,22 @@
   .close {
     position: relative;
     top: -2px;
     right: -21px;
     line-height: $base-line-height;
-    color: $dark-orange;
+    color: darken($dark-orange, 10%);
     float: right;
     border: none;
     background: none;
     font-size: 20px;
     cursor: pointer;
     font-weight: 600;
   }
 }
 
 .alert-success {
-  background-color: $green;
+  background-color: lighten($green, 40%);
   color: $success-alert-color;
 
   .header {
     color: $success-header-color;
   }
@@ -53,11 +52,11 @@
     color: $dark-green;
   }
 }
 
 .alert-info {
-  background-color: $blue;
+  background-color: lighten($blue, 35%);
   color: $info-alert-color;
 
   .header, strong {
     color: $info-header-color;
   }
@@ -66,10 +65,10 @@
     color: $dark-blue;
   }
 }
 
 .alert-danger {
-  background-color: $red;
+  background-color: lighten($red, 35%);
   color: $danger-alert-color;
 
   .header, strong {
     color: $danger-header-color;
   }