replacing breadcrumn chevron icon
This commit is contained in:
parent
dd664de164
commit
26b19d879d
|
|
@ -1,13 +1,19 @@
|
|||
.breadcrumbs_navigation {
|
||||
@apply pt-6 container mx-auto px-0 pl-1;
|
||||
@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-start pt-4;
|
||||
@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'] {
|
||||
|
|
@ -26,13 +32,20 @@
|
|||
&:before {
|
||||
@apply mr-2 shrink-0;
|
||||
@apply inline-block;
|
||||
transform: rotate(-45deg);
|
||||
content: '';
|
||||
border-right: 2.5px solid #000;
|
||||
/* transform: rotate(-45deg); */
|
||||
/* content: ''; */
|
||||
/* border-right: 2.5px solid #000;
|
||||
border-bottom: 2.5px solid #000;
|
||||
border-radius: 2px;
|
||||
height: 8px;
|
||||
width: 8px;
|
||||
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);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user