From b6a4011ff906136cfd301502fe15878671acd132 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Mon, 28 Jul 2014 14:47:56 -0400
Subject: [PATCH] Themes breadcrumbs

---
 src/definitions/collections/breadcrumb.less   | 53 ++++++++++++++-----
 .../_site/collections/breadcrumb.overrides    |  3 ++
 .../_site/collections/breadcrumb.variables    |  3 ++
 .../default/collections/breadcrumb.overrides  |  3 ++
 .../default/collections/breadcrumb.variables  | 39 ++++++++++++++
 5 files changed, 87 insertions(+), 14 deletions(-)
 create mode 100644 src/themes/_site/collections/breadcrumb.overrides
 create mode 100644 src/themes/_site/collections/breadcrumb.variables
 create mode 100644 src/themes/packages/default/collections/breadcrumb.overrides
 create mode 100644 src/themes/packages/default/collections/breadcrumb.variables

diff --git a/src/definitions/collections/breadcrumb.less b/src/definitions/collections/breadcrumb.less
index bb400c323..d58318081 100755
--- a/src/definitions/collections/breadcrumb.less
+++ b/src/definitions/collections/breadcrumb.less
@@ -9,14 +9,24 @@
  *
  */
 
+
+/*******************************
+            Theme
+*******************************/
+
+@type    : 'element';
+@element : 'breadcrum';
+
+@import '../../semantic.config';
+
 /*******************************
            Breadcrumb
 *******************************/
 
 .ui.breadcrumb {
-  margin: 1em 0em;
-  display: inline-block;
-  vertical-align: middle;
+  margin: @verticalMargin 0em;
+  display: @display;
+  vertical-align: @verticalAlign;
 }
 .ui.breadcrumb:first-child {
   margin-top: 0em;
@@ -31,11 +41,11 @@
 
 .ui.breadcrumb .divider {
   display: inline-block;
-  opacity: 0.5;
-  margin: 0em 0.15em 0em;
+  opacity: @dividerOpacity;
+  margin: 0em @dividerDistance 0em;
 
-  font-size: 1em;
-  color: rgba(0, 0, 0, 0.3);
+  font-size: @dividerSize;
+  color: @dividerColor;
 }
 
 .ui.breadcrumb a.section {
@@ -43,14 +53,14 @@
 }
 .ui.breadcrumb .section {
   display: inline-block;
-  margin: 0em;
-  padding: 0em;
+  margin: @sectionMargin;
+  padding: @sectionPadding;
 }
 
 /* Loose Coupling */
 .ui.breadcrumb.segment {
   display: inline-block;
-  padding: 0.5em 1em;
+  padding: @segmentPadding;
 }
 
 /*******************************
@@ -58,7 +68,7 @@
 *******************************/
 
 .ui.breadcrumb .active.section {
-  font-weight: bold;
+  font-weight: @activeFontWeight;
 }
 
 
@@ -66,12 +76,27 @@
            Variations
 *******************************/
 
+.ui.mini.breadcrumb {
+  font-size: @mini;
+}
+.ui.tiny.breadcrumb {
+  font-size: @tiny;
+}
 .ui.small.breadcrumb {
-  font-size: 0.75em;
+  font-size: @small;
+}
+.ui.breadcrumb {
+  font-size: @medium;
 }
 .ui.large.breadcrumb {
-  font-size: 1.1em;
+  font-size: @large;
+}
+.ui.big.breadcrumb {
+  font-size: @big;
 }
 .ui.huge.breadcrumb {
-  font-size: 1.3em;
+  font-size: @huge;
+}
+.ui.massive.breadcrumb {
+  font-size: @massive;
 }
\ No newline at end of file
diff --git a/src/themes/_site/collections/breadcrumb.overrides b/src/themes/_site/collections/breadcrumb.overrides
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/src/themes/_site/collections/breadcrumb.overrides
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/src/themes/_site/collections/breadcrumb.variables b/src/themes/_site/collections/breadcrumb.variables
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/src/themes/_site/collections/breadcrumb.variables
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/src/themes/packages/default/collections/breadcrumb.overrides b/src/themes/packages/default/collections/breadcrumb.overrides
new file mode 100644
index 000000000..c5c53367f
--- /dev/null
+++ b/src/themes/packages/default/collections/breadcrumb.overrides
@@ -0,0 +1,3 @@
+/*******************************
+           Overrides
+*******************************/
diff --git a/src/themes/packages/default/collections/breadcrumb.variables b/src/themes/packages/default/collections/breadcrumb.variables
new file mode 100644
index 000000000..63f5a900a
--- /dev/null
+++ b/src/themes/packages/default/collections/breadcrumb.variables
@@ -0,0 +1,39 @@
+
+/*-------------------
+    Globals Used
+--------------------*/
+
+/*-------------------
+     Breadcrumb
+--------------------*/
+
+@verticalMargin: 1em;
+@display: inline-block;
+@verticalAlign: middle;
+
+@dividerSpacing: 0.15em;
+@dividerOpacity: 0.5;
+@dividerSize: 1em;
+@dividerColor: @lightTextColor;
+
+@sectionMargin: 0em;
+@sectionPadding: 0em;
+
+/* Coupling */
+@segmentPadding: 0.5em 1em;
+
+/*-------------------
+       States
+--------------------*/
+
+@activeFontWeight: bold;
+
+/* Sizes */
+@mini: 0.65em;
+@tiny: 0.7em;
+@small: 0.75em;
+@medium: 1em;
+@big: 1.05em;
+@large: 1.1em;
+@huge: 1.3em;
+@massive: 1.5em;
\ No newline at end of file