_trunk.scss in active_frontend-7.0.0

- old
+ new

@@ -3,11 +3,11 @@
 # Trunk */
 
 /* # Trunk
 ================================================== */
 .trunk {
-  background: rgba(35,41,55,1);
+  background: $color-black;
   border-bottom: 2px solid rgba(0,0,0,0.2);
   left: 0;
   position: fixed;
   right: 0;
   top: 50px;
@@ -43,11 +43,11 @@
 }
 .trunk-nav > li > a,
 .trunk-user > li > a {
   -webkit-appearance: none;
   appearance: none;
-  color: rgba(136,153,166,1);
+  color: $color-gray;
   cursor: pointer;
   display: block;
   -webkit-font-smoothing: antialiased;
   font-weight: 500;
   font-size: 11px;
@@ -70,21 +70,21 @@
 .trunk-user > li > a { padding: 9px 0 7px 0; }
 .trunk-nav > li > a:hover,
 .trunk-nav > li > a:active,
 .trunk-nav > li > a.active,
 .trunk-nav > li > a:focus {
-  border-color: rgba(255,255,255,1);
-  color: rgba(255,255,255,1);
+  border-color: $color-white;
+  color: $color-white;
 }
 .trunk-user > li > a:hover,
 .trunk-user > li > a:active,
 .trunk-user > li > a.active,
-.trunk-user > li > a:focus { color: rgba(255,255,255,1); }
+.trunk-user > li > a:focus { color: $color-white; }
 .trunk-user > li.trunk-user-placeholder,
 .trunk-user > li.trunk-user-placeholder > img, {
-  background: rgba(136,153,166,1);
+  background: $color-gray;
   border-radius: 500px;
-  color: rgba(255,255,255,1);
+  color: $color-white;
   display: inline-block;
   height: 40px;
   margin: 0;
   text-align: center;
   width: 40px;
\ No newline at end of file