Add max-width to breadcrumb component

cetinajero · May 16, 2018 · 021829a · 021829a
1 parent c316d28
commit 021829a
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 10 deletions.
diff --git a/_layouts/page.html b/_layouts/page.html
@@ -16,7 +16,7 @@
   {% endif %}
 {% endif %}
 
-<nav aria-label="breadcrumb">
+<nav class="breadcrumb-component" aria-label="breadcrumb">
   <ol id="breadcrumb" class="breadcrumb">
     {% for level in (-1..page.categories.size) %}
       {% if forloop.first %}

diff --git a/_sass/components/breadcrumbs/_bootstrap.scss b/_sass/components/breadcrumbs/_bootstrap.scss
@@ -1,13 +1,18 @@
-nav ol.breadcrumb{
-  background: #fff;
-  font-size: 1.1em;
-  margin-left: 20px;
-  margin-top: 3px;
-  padding-top: 20px;
+nav.breadcrumb-component {
+  max-width: 1300px;
+  margin: auto;
 
-  li{
-    a{
-      color: $font-color-menu;
+  ol.breadcrumb {
+    background: #fff;
+    font-size: 1.1em;
+    margin-left: 20px;
+    margin-top: 3px;
+    padding-top: 20px;
+
+    li{
+      a{
+        color: $font-color-menu;
+      }
     }
   }
 }