c2ea6701 |
1 | /// Inspired by: |
2 | /// Forty by HTML5 UP |
3 | /// html5up.net | @ajlkn |
4 | /// Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) |
5 | /// |
6 | |
7 | /* Breadcrumbs */ |
8 | div#breadcrumbs { |
9 | font-size: 1rem; |
10 | ol.crumbs { |
11 | cursor: default; |
12 | list-style: none; |
13 | padding-left: 0; |
14 | |
15 | li { |
16 | display: inline-block; |
17 | padding-left: 0; |
18 | vertical-align: middle; |
19 | |
20 | &:first-child { |
21 | padding-right: 0.75em; |
22 | } |
23 | |
24 | &:last-child { |
25 | padding-left: 0.75em; |
26 | } |
27 | } |
28 | |
29 | @include breakpoint('<=xsmall') { |
30 | li { |
31 | &:nth-child(n+2):nth-last-child(n+2) { |
32 | display: none; |
33 | } |
34 | |
35 | &:first-child { |
36 | padding-right: 0; |
37 | } |
38 | } |
39 | } |
40 | } |
41 | } |