scss/modules/_nav.sm.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38

.nav__breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  list-style: none;

  li {
    display: inline;
    min-width: max-content;

    + li::before {
      content: '/';
      margin-inline: var(--spacing-inline-md);
    }
  }
}

.nav__nav-links li {
  &:nth-child(1) {
    grid-column: 1 / 3;
  }

  &:nth-child(2) {
    grid-column: 3 / 6;
  }

  &:nth-child(3) {
    grid-column: 6 / 9;
  }

  &:nth-child(4) {
    grid-column: 1 / 3;
  }

  &:nth-child(5) {
    grid-column: 3 / 5;
  }
}