[FEATURE] Add new breadcrumb-design.

t3kit · Jun 9, 2016 · 45162a5 · 45162a5
1 parent 0a502e2
commit 45162a5
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/dev/styles/customVariables.less b/dev/styles/customVariables.less
@@ -55,9 +55,10 @@
 
 // Breadcrumbs
 @breadcrumbs-background:        @main-body-bg;
-@breadcrumbs-link-color:        darken(@main-text-color, 20%);
-@breadcrumbs-link-active-color: @main-color;
-@breadcrumbs-link-hover-color:  lighten(@main-text-color, 15%);
+@breadcrumbs-link-color:        @main-link-color; //darken(@main-text-color, 20%);
+@breadcrumbs-link-active-color: darken(@main-text-color, 20%);
+@breadcrumbs-link-hover-color:  @main-link-hover-color; //lighten(@main-text-color, 15%);
+@breadcrumbs-border-color:      tint(@main-link-color, 70%);
 
 
 // Sub navigation

diff --git a/dev/styles/main/nav/breadcrumbs.less b/dev/styles/main/nav/breadcrumbs.less
@@ -2,21 +2,22 @@
 // === Breadcrumbs =========================================
 // =========================================================
 .breadcrumbs {
-    border-bottom: 1px solid @border-color;
+    border-bottom: 1px solid @breadcrumbs-border-color;
     margin-bottom: 30px;
     background: @breadcrumbs-background;
 }
 
 .breadcrumbs__list {
     padding: 12px 15px;
-    padding-left: 0;
+    padding-left: 4px;
     margin-bottom: 0;
 }
 
 .breadcrumbs__list-item {
-    font-size: 13px;
+    font-size: 16px;
     display: inline-block;
     color: @breadcrumbs-link-color;
+    text-transform: uppercase;
 }
 
 .breadcrumbs__list-link{
@@ -33,12 +34,13 @@
 
 .breadcrumbs__list-item:before {
     content: "/";
-    color: lighten(@breadcrumbs-link-color, 35%);
-    padding: 0 2px;
+    color: @breadcrumbs-link-active-color;
+    padding: 0 8px 0 4px;
 }
 
 .breadcrumbs__list-item:first-child:before {
     content: "";
+    padding: 0;
 }
 // =========================================================
 // =========================================================