crumbs.css (605B)
1 nav.breadcrumb ol { 2 padding-left: 0; 3 } 4 5 nav.breadcrumb li { 6 /* Prefer inline-block to inline, to prevent wrapping inside 7 * individual crumbs. 8 */ 9 display: inline-block; 10 } 11 12 /* Prefer 13 * li:not(:last-child)::after 14 * to 15 * li + li::before 16 * as I want crumbs and slashes to wrap like this: 17 * foo / bar / 18 * baz 19 * rather than like that: 20 * foo / bar 21 * / baz 22 */ 23 nav.breadcrumb li:not(:last-child)::after { 24 margin-left: 0.25em; 25 height: 0.8em; 26 font-weight: bold; 27 content: '/'; 28 } 29 30 nav.breadcrumb li[aria-current="page"] { 31 font-weight: bold; 32 }