skeleton.css - Menü und Brotkrumen
Das Menü
Das Menü hat keine Besonderheiten und ist dem Menu auf der Demo-Seite von Skeleton nachempfunden.
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;
}
Die Brotkrumen
Die Umsetzung der Brotkrumen ist auch relativ "lehrbuchhaft".
ul.breadcrumb {
list-style: none;
margin-bottom: 0;
}
.breadcrumb li {
display: inline-block;
margin-bottom: 0;
white-space: nowrap
}
.breadcrumb li+li:before {
content: "» ";
}