Custom styling of the breadcrumb template - removed dependency on Bootstrap

This commit is contained in:
Michael Abashian 2015-12-21 15:21:42 -05:00 committed by Jared Tabor
parent ae145affe6
commit 8365eaaae9
2 changed files with 24 additions and 1 deletions

View File

@ -39,6 +39,29 @@
flex: initial;
}
.BreadCrumb > ol {
padding: 0px 15px;
list-style: none;
background-color: #FFFFFF;
border-radius: 4px;
line-height: 40px;
}
.BreadCrumb > ol > li {
display: inline-block;
// content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space
padding: 0 5px;
color: #b7b7b7;
}
.BreadCrumb > ol > li:before {
}
.BreadCrumb > ol > li > .active {
color: #123123;
}
@breadcrumb-breakpoint: 900px;
@media screen and (max-width: @breadcrumb-breakpoint) {

View File

@ -1,4 +1,4 @@
<ol class="breadcrumb">
<ol>
<li ng-repeat="step in steps | limitTo:(steps.length-1)">
<a href="{{step.ncyBreadcrumbLink}}" ng-bind-html="step.ncyBreadcrumbLabel"></a>
</li>