_trunk.scss in active_frontend-10.3.0

- old
+ new

@@ -27,12 +27,12 @@
   padding-top: 10px;
   text-align: center;
 }
 .trunk-nav > li,
 .trunk-user > li {
-  font-weight: 500;
   font-size: 11px;
+  font-weight: 500;
   line-height: 11px;
   margin: 5px;
 }
 .trunk-nav > li {
   float: left;
@@ -48,11 +48,11 @@
   overflow: hidden;
   width: calc(100% - 10px);
 }
 .trunk-nav > li.title {
   border-bottom: 1px solid $color-haze;
-  color: $color-gray-dark;
+  color: $color-primary;
   font-size: 12px;
   letter-spacing: 1px;
   line-height: 12px;
   padding: 8px 10px 5px 10px;
   text-transform: uppercase;
@@ -64,27 +64,29 @@
   width: calc(45% - 30px);
 }
 .trunk-nav > li > a,
 .trunk-user > li > a {
   -webkit-appearance: none;
-  appearance: none;
+      -ms-appearance: none;
+          appearance: none;
   border-radius: 2px;
-  color: $color-gray-dark;
+  color: $color-dark-gray;
   cursor: pointer;
   display: block;
   -webkit-font-smoothing: antialiased;
-  font-weight: 500;
   font-size: 11px;
+  font-weight: 500;
   letter-spacing: 1px;
   line-height: 11px;
   padding: 11px 0 9px 0;
   text-align: center;
   text-decoration: none;
   text-rendering: geometricPrecision;
   text-transform: uppercase;
   -webkit-transition: all 0.3s linear;
-  transition: all 0.3s linear;
+      -ms-transition: all 0.3s linear;
+          transition: all 0.3s linear;
   vertical-align: middle;
   white-space: nowrap;
 }
 .trunk-nav > li > a {
   border: 1px solid $color-haze;
@@ -121,16 +123,12 @@
 
 /* # Colors
 ================================================== */
 .trunk-dark {
   background: $color-black;
-  border-color: $color-black-dark;
+  border-color: $color-dark-black;
 }
-.trunk-light {
-  background: $color-haze-light;
-  border-color: $color-haze-dark;
-}
 .trunk-dark .trunk-nav > li.title,
 .trunk-dark .trunk-nav > li > a,
 .trunk-dark .trunk-user > li > a { color: $color-gray; }
 .trunk-dark .trunk-nav > li.title,
 .trunk-dark .trunk-nav > li.divider,
@@ -144,12 +142,16 @@
 .trunk-dark .trunk-user > li > a.active,
 .trunk-dark .trunk-user > li > a:focus {
   border-color: $color-primary;
   color: $color-primary;
 }
+.trunk-light {
+  background: $color-light-haze;
+  border-color: $color-dark-haze;
+}
 .trunk-light .trunk-nav > li.title,
 .trunk-light .trunk-nav > li.divider,
-.trunk-light .trunk-nav > li > a { border-color: $color-haze-dark; }
+.trunk-light .trunk-nav > li > a { border-color: $color-dark-haze; }
 .trunk-light .trunk-nav > li > a:hover,
 .trunk-light .trunk-nav > li > a:active,
 .trunk-light .trunk-nav > li > a.active,
 .trunk-light .trunk-nav > li > a:focus,
 .trunk-light .trunk-user > li > a:hover,
\ No newline at end of file