_alert.scss in active_frontend-7.0.0

- old
+ new

@@ -13,30 +13,30 @@
   right: 0;
   top: 0;
   z-index: 1040;
 }
 .alert {
-  background: rgba(85,94,113,1);
+  background: $color-gray;
   border-bottom: 2px solid rgba(0,0,0,0.1);
   box-sizing: border-box;
-  color: rgba(255,255,255,1);
+  color: $color-white;
   display: block;
   font-size: 16px;
   line-height: 20px;
   margin: 0;
   padding: 10px 20px 9px 20px;
   width: 100%;
 }
 .alert > a {
-  color: rgba(255,255,255,1);
-  border-bottom: 1px dotted rgba(255,255,255,1);
+  color: $color-white;
+  border-bottom: 1px dotted $color-white;
   font-style: italic;
 }
 .alert-lined { border: 2px solid rgba(0,0,0,0.1); }
 .alert-close {
   border: 0 !important;
-  color: rgba(255,255,255,1) !important;
+  color: $color-white !important;
   float: right;
   font-size: 18px;
   line-height: 24px;
 }
 
@@ -45,17 +45,17 @@
 .alert.alert-app { width: calc(100% - 280px); }
 
 /* # Colors
 ================================================== */
 .alert-green,
-.alert-success { background: rgba(0,200,0,1); }
+.alert-success { background: $color-green; }
 .alert-orange,
-.alert-warning { background: rgba(255,82,0,1); }
+.alert-warning { background: $color-orange; }
 .alert-red,
 .alert-error,
-.alert-alert { background: rgba(240,35,17,1); }
+.alert-alert { background: $color-red; }
 .alert-black,
-.alert-system { background: rgba(35,41,55,1); }
+.alert-system { background: $color-gray-dark; }
 
 /* # Media Queries
 ================================================== */
 @media only screen and (max-width: 1365px) {
   .alert.alert-app { width: calc(100% - 250px); }
\ No newline at end of file