skeleton.css - Menu and Bread Crumbs
The Menu
The menu is very standard is adapted from the demo pages of Skeleton.
nav {
border-top-width: 0;
display: block;
width: 100%;
/* height: 6.5rem;*/
z-index: 99;
}
nav>div {
width: 100%;
}
nav ul {
list-style: none;
margin-bottom: 0;
}
nav ul li {
display: inline-block;
margin-bottom: 0;
white-space: nowrap
}
nav ul li a {
text-transform: uppercase;
margin-right: 35px;
}
nav ul li.u-pull-right a {
text-transform: uppercase;
margin-right: 0px;
}
The Bread Crumbs
The implementation of bread crumbs is rather "by the book".
ul.breadcrumb {
list-style: none;
margin-bottom: 0;
}
.breadcrumb li {
display: inline-block;
margin-bottom: 0;
white-space: nowrap
}
.breadcrumb li+li:before {
content: "ยป ";
}