Button-styled breadcrumbs with gradient background, border, and no separating symbol

Set values for the following variables to:

hide separating symbol:

  @_breadcrumbs-separator-symbol: ''

set up links gradient background for default and hover state:

  @_breadcrumbs-link-gradient: true,
  @_breadcrumbs-link-gradient-direction: vertical,
  @_breadcrumbs-link-gradient-color-start: #f4f4f4,
  @_breadcrumbs-link-gradient-color-end: #ccc,
  @_breadcrumbs-link-gradient-color-start-hover: #ccc,
  @_breadcrumbs-link-gradient-color-end-hover: #f4f4f4

set up current page gradient background:

  @_breadcrumbs-current-gradient: true,
  @_breadcrumbs-current-gradient-color-start: #f7b32e,
  @_breadcrumbs-current-gradient-color-end: #ff5501
.example-breadcrumbs-2 {
    .lib-breadcrumbs(
        @_breadcrumbs-separator-symbol: '',
        @_breadcrumbs-display: inline-block,
        @_breadcrumbs-padding: 3px 5px,
        @_breadcrumbs-link-border: 1px solid #ccc,
        @_breadcrumbs-link-gradient: true,
        @_breadcrumbs-link-gradient-direction: vertical,
        @_breadcrumbs-link-gradient-color-start: #f4f4f4,
        @_breadcrumbs-link-gradient-color-end: #ccc,
        @_breadcrumbs-link-gradient-color-start-hover: #ccc,
        @_breadcrumbs-link-gradient-color-end-hover: #f4f4f4,
        @_breadcrumbs-link-text-decoration-hover: none,
        @_breadcrumbs-current-color: #1979c3,
        @_breadcrumbs-current-gradient: true,
        @_breadcrumbs-current-gradient-color-start: #f7b32e,
        @_breadcrumbs-current-gradient-color-end: #ff5501,
        @_breadcrumbs-current-border: 1px solid #d04b0a
    );
}
"+a.textContent):g=m,f.setAttribute("src",g);var i=function(){f.contentDocument.body.innerHTML=this.value,h(f,"getHeight")};a.addEventListener("keypress",i),a.addEventListener("keyup",i),a.parentNode.insertBefore(d,a)},p=function(a){var b=document.createElement("div");b.className="preview-code",b.style.position="absolute",b.style.left="-9999px",j.appendChild(b);var c=parseInt(window.getComputedStyle(a).getPropertyValue("max-height"),10),d=function(a){b.textContent=this.value+"\n";var d=b.offsetHeight+2;d>=c?this.style.overflow="auto":this.style.overflow="hidden",this.style.height=b.offsetHeight+2+"px"};a.addEventListener("keypress",d),a.addEventListener("keyup",d),d.call(a)},q=function(){var b=j.getElementsByClassName("settings")[0],c=j.getElementsByClassName("resizeable"),d=30,e=function(b){document.cookie="preview-width="+b,a(c,function(a){b==="auto"&&(b=a.parentNode.offsetWidth),a.style.width=b+"px",h(a.getElementsByTagName("iframe")[0],"getHeight")})},i=f(document.cookie)["preview-width"];if(i){e(i),g(b.getElementsByClassName("is-active"),"is-active");var k=b.querySelector('button[data-width="'+i+'"]');k&&k.classList.add("is-active")}window.addEventListener("message",function(a){if(a.data==null||!a.source)return;var b=a.data,c=document.getElementsByName(a.source.name)[0];b.height!=null&&c&&(c.parentNode.style.height=b.height+d+"px")},!1),b&&c.length>0&&(b.hidden=!1,b.addEventListener("click",function(a){var c=a.target.tagName.toLowerCase(),d;if(c==="button")d=a.target;else{if(c!=="svg")return;d=a.target.parentNode}a.preventDefault(),g(b.getElementsByClassName("is-active"),"is-active"),d.classList.add("is-active");var f=d.dataset.width;e(f)}))}}()})()