_modal.scss in active_frontend-7.0.0

- old
+ new

@@ -24,11 +24,11 @@
   filter: alpha(opacity=100);
   opacity: 1;
 }
 .modal {
   background-clip: padding-box;
-  background: rgba(255,255,255,1);
+  background: $color-white;
   border-radius: 3px;
   box-shadow: 0 0 3px rgba(0,0,0,0.3);
   display: none;
   left: 50%;
   margin-left: -280px;
@@ -43,27 +43,27 @@
   transition: opacity 0.3s linear, top 0.3s ease-out;
   top: -100%;
 }
 .modal.fade.in { top: 15%; }
 .modal-header {
-  background: rgba(255,255,255,1);
-  border-bottom: 1px solid rgba(230,237,242,1);
+  background: $color-white;
+  border-bottom: 1px solid $color-haze;
   border-top-right-radius: 3px;
   border-top-left-radius: 3px;
   padding: 22px 15px 20px 15px;
 }
 .modal-header > h3 {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   font-size: 14px;
   letter-spacing: 1px;
   line-height: 14px;
   margin: 0;
   text-align: center;
   text-transform: uppercase;
 }
 .modal-body {
-  border-bottom: 1px solid rgba(230,237,242,1);
+  border-bottom: 1px solid $color-haze;
   max-height: 300px;
   overflow-y: scroll;
   padding: 15px 18px;
   position: relative;
 }
@@ -78,14 +78,14 @@
 .modal-footer-btn,
 button.modal-footer-btn,
 input.modal-footer-btn {
   -webkit-appearance: none;
   appearance: none;
-  background: rgba(255,255,255,1);
+  background: $color-white;
   border: 0;
   box-sizing: border-box;
-  color: rgba(35,41,55,1) !important;
+  color: $color-black !important;
   cursor: pointer;
   float: left;
   -webkit-font-smoothing: antialiased;
   font-size: 11px;
   font-weight: bold;
@@ -106,16 +106,16 @@
 button.modal-footer-btn:last-child,
 input.modal-footer-btn:last-child { border-bottom-right-radius: 3px; }
 .modal-footer-btn[disabled],
 button.modal-footer-btn[disabled],
 input.modal-footer-btn[disabled] {
-  color: rgba(136,153,166,1) !important;
+  color: $color-gray !important;
   cursor: not-allowed;
 }
 .modal-footer-btn-group > .modal-footer-btn,
 .modal-footer-btn-group > button.modal-footer-btn,
 .modal-footer-btn-group > input.modal-footer-btn {
-  border-right: 1px solid rgba(230,237,242,1);
+  border-right: 1px solid $color-haze;
   width: 50%;
 }
 .modal-footer-btn-group > .modal-footer-btn:last-child,
 .modal-footer-btn-group > button.modal-footer-btn:last-child,
 .modal-footer-btn-group > input.modal-footer-btn:last-child { border-right: none; }
\ No newline at end of file