53 lines
1.4 KiB
CSS
53 lines
1.4 KiB
CSS
.breadcrumbs_navigation {
|
|
@apply pt-10 container mx-auto px-0 pl-1;
|
|
transform: translateX(-0.5rem);
|
|
ol {
|
|
@apply list-none flex flex-wrap lg:flex-nowrap items-start text-sm font-bold gap-x-2 !my-0;
|
|
li {
|
|
@apply flex items-center;
|
|
/* min-width: 40px; */
|
|
a {
|
|
@apply text-neutral-900 font-semibold underline;
|
|
margin-top: -6px;
|
|
@apply px-2 py-1;
|
|
&:hover {
|
|
@apply rounded-md;
|
|
background: rgba(239, 239, 239);
|
|
}
|
|
/* text-decoration: none; */
|
|
}
|
|
a[aria-current='location'] {
|
|
@apply no-underline font-bold;
|
|
}
|
|
}
|
|
li:nth-child(1) {
|
|
@apply shrink-0;
|
|
min-width: 0;
|
|
a {
|
|
margin-top: -4px;
|
|
}
|
|
}
|
|
|
|
li + li {
|
|
&:before {
|
|
@apply mr-2 shrink-0;
|
|
@apply inline-block;
|
|
content: '';
|
|
/* transform: rotate(-45deg); */
|
|
/* content: ''; */
|
|
/* border-right: 2.5px solid #000;
|
|
border-bottom: 2.5px solid #000;
|
|
border-radius: 2px; */
|
|
background-repeat: no-repeat;
|
|
background-image: url('../resources/img/graphic-assets/chevron_right.svg');
|
|
/* background-color: red; */
|
|
background-size: contain;
|
|
background-position: center;
|
|
height: 10px;
|
|
width: 10px;
|
|
transform: translateY(-2px);
|
|
}
|
|
}
|
|
}
|
|
}
|