_aside.scss in active_frontend-7.0.0

- old
+ new

@@ -5,11 +5,11 @@
 
 /* # Aside
 ================================================== */
 .aside {
   background-clip: padding-box;
-  background: rgba(255,255,255,1);
+  background: $color-white;
   box-shadow: 0 0 3px rgba(0,0,0,0.3);
   display: none;
   height: 100%;
   left: initial;
   margin-left: 0;
@@ -43,23 +43,23 @@
 .aside-left.fade.in {
   left: 0;
   right: initial;
 }
 .aside-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;
   margin: 0;
   padding: 21px 0px 19px 0px;
   position: absolute;
   text-transform: uppercase;
   text-align: center;
   top: 0;
   width: 100%;
   z-index: 1051;
 }
 .aside-header > h3 {
-  color: rgba(35,41,55,1);
+  color: $color-black;
   font-size: 14px;
   letter-spacing: 1px;
   line-height: 14px;
   margin: 0;
   text-transform: uppercase;
@@ -74,12 +74,12 @@
   top: 0;
   z-index: 1051;
 }
 .aside-body > p:last-child { margin-bottom: 0; }
 .aside-footer {
-  background: rgba(255,255,255,1);
-  border-top: 1px solid rgba(230,237,242,1);
+  background: $color-white;
+  border-top: 1px solid $color-haze;
   bottom: 0;
   margin-bottom: 0;
   padding: 0;
   position: absolute;
   width: 100%;
@@ -88,15 +88,15 @@
 .aside-footer-btn,
 button.aside-footer-btn,
 input.aside-footer-btn {
   -webkit-appearance: none;
   appearance: none;
-  background: rgba(255,255,255,1);
+  background: $color-white;
   border-radius: 0;
   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-weight: bold;
   font-size: 11px;
@@ -111,16 +111,16 @@
   width: 100%;
 }
 .aside-footer-btn[disabled],
 button.aside-footer-btn[disabled],
 input.aside-footer-btn[disabled] {
-  color: rgba(136,153,166,1) !important;
+  color: $color-gray !important;
   cursor: not-allowed;
 }
 .aside-footer-btn-group > .aside-footer-btn,
 .aside-footer-btn-group > button.aside-footer-btn
 .aside-footer-btn-group > input.aside-footer-btn {
-  border-right: 1px solid rgba(230,237,242,1);
+  border-right: 1px solid $color-haze;
   width: 50%;
 }
 .aside-footer-btn-group > .aside-footer-btn:last-child,
 .aside-footer-btn-group > button.aside-footer-btn:last-child,
 .aside-footer-btn-group > input.aside-footer-btn:last-child { border-right: none; }
\ No newline at end of file