feat(breadcrumb): Add breadcrumb last item (#232)

rahulrkr08 · hellobrian · commit ee81ddb9c205 · 2017-08-09T11:20:27.000-05:00
* feat(breadcrumb): Add breadcrumb last item

* feat(breadcrumb): updated breadcrumb last item class name

* feat(breadcrumb): Updated class name with bx--breadcrumb--no-trailing-slash
diff --git a/src/components/breadcrumb/_breadcrumb.scss b/src/components/breadcrumb/_breadcrumb.scss
@@ -29,6 +29,10 @@
     color: $text-03;
   }
 
+  .bx--breadcrumb--no-trailing-slash .bx--breadcrumb-item:last-child::after {
+    content: '';
+  }
+  
   .bx--breadcrumb-item:last-child {
     margin-right: 0;
 
diff --git a/src/components/breadcrumb/breadcrumb.html b/src/components/breadcrumb/breadcrumb.html
@@ -1,4 +1,4 @@
-<div class="bx--breadcrumb">
+<div class="bx--breadcrumb bx--breadcrumb--no-trailing-slash">
   <div class="bx--breadcrumb-item">
     <a href="#" class="bx--link">Breadcrumb 1</a>
   </div>
@@ -8,5 +8,8 @@
   <div class="bx--breadcrumb-item">
     <a href="#" class="bx--link">Breadcrumb 3</a>
   </div>
+  <div class="bx--breadcrumb-item">
+    <span>Breadcrumb 4</span>
+  </div>
 </div>
 

Original file line number	Diff line number	Diff line change
`@@ -29,6 +29,10 @@`
`29`	`29`	`color: $text-03;`
`30`	`30`	`}`
`31`	`31`
	`32`	`+ .bx--breadcrumb--no-trailing-slash .bx--breadcrumb-item:last-child::after {`
	`33`	`+ content: '';`
	`34`	`+ }`
	`35`	`+`
`32`	`36`	`.bx--breadcrumb-item:last-child {`
`33`	`37`	`margin-right: 0;`
`34`	`38`