// Breadcrumb
// ==========
//
// Hmm...

.c-breadcrumb {
}


// Breadcrumb: Link
// ----------------
//
// The breadcrumb link class is most often put on either the breadcrumb anchor
// tag itself, or the breadcrumb anchor's <li> tag.
//
// Notes:
//
// 1. Ensure that the breadcrumb links flow beside either other
// 2. Remove <a>'s default underline style
//
// To Do
//
// - [ ] Change pseudo element to be a CSS shape rather than icon font

.c-breadcrumb__item {
    display: inline-block; // 1

    a#{&} {
        text-decoration: none; // 2
    }

    &::after {
        content: icon-content(chevron-right);
    }
}

.c-breadcrumb__item.c--current {
}

// Breadcrumb
// ==========
//
// Breadcrumbs are a group of navigation links that helps users keep track of their
// location within the site.

.c-breadcrumb {
}


// Breadcrumb: Link
// ----------------
//
// The breadcrumb link class is most often put on either the breadcrumb anchor
// tag itself, or the breadcrumb anchor's <li> tag.
//
// Notes:
//
// 1. Ensure that the breadcrumb links flow beside either other
// 2. Remove <a>'s default underline style
//
// To Do
//
// - [ ] Change pseudo element to be a CSS shape rather than icon font

.c-breadcrumb__item {
    display: inline-block; // 1

    a#{&} {
        text-decoration: none; // 2
    }

    &::after {
        content: icon-content(chevron-right);
    }
}

.c-breadcrumb__item.c--current {
}

Add actual description for breadcrumbs
Add actual description for breadcrumbs
