ASCII text
1
.breadcrumbs {
2
display: flex;
3
align-items: center;
4
justify-content: space-between;
5
background: var(--color-breadcrumbs);
6
min-height: var(--height-breadcrumbs);
7
box-shadow: var(--shadow-breadcrumbs);
8
border: var(--shadow-breadcrumbs);
9
padding: var(--padding-breadcrumbs);
10
border-radius: var(--radius-breadcrumbs);
11
color: var(--color-breadcrumbs-text);
12
}
13
.breadcrumbs ul, .breadcrumbs-list {
15
display: flex;
16
list-style: none;
17
gap: var(--gap-breadcrumbs);
18
padding: 0;
19
margin: 0;
20
}
21
.breadcrumbs {
23
width: 100%;
24
}
25
.breadcrumbs :is(:any-link, a:hover:visited) {
27
color: var(--color-breadcrumbs-link);
28
}
29
.breadcrumbs li:not(:last-child)::after, .breadcrumbs-list li:not(:last-child) > a::after {
31
content: var(--separator-breadcrumbs);
32
}