ASCII text
1
.breadcrumbs {
2
display: flex;
3
align-items: center;
4
justify-content: space-between;
5
background: var(--color-breadcrumbs);
6
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 {
15
display: flex;
16
list-style: none;
17
gap: var(--gap-breadcrumbs);
18
}
19
.breadcrumbs {
21
width: 100%;
22
}
23
.breadcrumbs :is(:any-link, a:hover:visited) {
25
color: var(--color-breadcrumbs-link);
26
}
27
.breadcrumbs li:not(:last-child)::after {
29
content: var(--separator-breadcrumbs);
30
}