ul.mod-breadcrumbs
  li: a href='#' Sed sit amet
  li: a href='#' Praesent finibus
  li: a href='#' Aliquam bibendum
  li: span In lobortis

ul.mod-breadcrumbs.mini
  li: a href='#' Ut ullamcorper
  li: a href='#' Mauris in dui
  li: a href='#' Interdum et
  li: span Sed laoreet

ul.mod-breadcrumbs.backdrop
  li: a href='#' Maecenas
  li: a href='#' Mauris in dui
  li: a href='#' Nullam tincidunt
  li: span Ut ullamcorper

ul.mod-breadcrumbs.blocks style="margin-bottom: 1rem"
  li.caption Praesent nec
  li: span Curae
  li: span Vivamus
  li: span.active Aenean
  li: span.inactive Donec

ul.mod-breadcrumbs.blocks style="margin-bottom: 1rem"
  li.caption Lorem ipsum
  li: a href='#' Interdum
  li: a href='#' Proin
  li: a href='#' Aenean sed
  li: a.active href='#' Purchase

ul.mod-breadcrumbs.blocks.tall style="margin-bottom: 1rem"
  li.caption Nulla facilisi
  li: span Curabitur
  li: span Sed laoreet
  li: span.active Maecenas
  li: span.inactive Vestibulum
  li: span.inactive Vivamus

ul.mod-breadcrumbs.blocks.tall style="margin-bottom: 1rem"
  li.caption Donec eget
  li: a href='#' Quisque
  li: a href='#' Odio
  li: a href='#' Eleifend
  li: a.active href='#' Scelerisque