diff --git a/Resources/public/modules/breadcrumb/index.js b/Resources/public/modules/breadcrumb/index.js
new file mode 100644
index 000000000..40173696d
--- /dev/null
+++ b/Resources/public/modules/breadcrumb/index.js
@@ -0,0 +1,3 @@
+require("./layout.scss");
+
+
diff --git a/Resources/public/modules/breadcrumb/layout.scss b/Resources/public/modules/breadcrumb/layout.scss
new file mode 100644
index 000000000..0a611da67
--- /dev/null
+++ b/Resources/public/modules/breadcrumb/layout.scss
@@ -0,0 +1,21 @@
+nav.chill-breadcrumb {
+    ul.list.on-left  {
+        li {
+            border-right: 10px solid var(--chill-red);
+        }
+        li.active {
+            border-right: 10px solid var(--chill-green);
+        }
+        li.past {
+            border-right: 10px solid var(--chill-blue);
+        }
+        li.no-jump{
+            border-right: 10px solid var(--chill-light-gray);
+            background-color: var(--chill-yellow);
+            padding: 0.3em 0.3em 0.3em 0.6em;
+            color: var(--chill-dark-gray);
+        }
+    }
+    
+    
+}
diff --git a/chill.webpack.config.js b/chill.webpack.config.js
index 8481e4011..ae87294e0 100644
--- a/chill.webpack.config.js
+++ b/chill.webpack.config.js
@@ -22,6 +22,7 @@ require('./Resources/public/sass/scratch.scss');
 require('./Resources/public/css/chillmain.css');
 require('./Resources/public/css/pikaday.css');
 require('./Resources/public/js/collection/collections.js');
+require('./Resources/public/modules/breadcrumb/index.js');
 //require('./Resources/public/css/scratch.css');
 //require('./Resources/public/css/select2/select2.css');
 require('select2/dist/css/select2.css');