Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replacing breadcrumn chevron icon

Browse Source
This commit is contained in:
Antoine M 2024-01-09 09:32:36 +01:00
parent dd664de164
commit 26b19d879d
1 changed files with 20 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
resources/css/components/breadcrumb.css
View File

@ -1,13 +1,19 @@
.breadcrumbs_navigation { .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 { ol {
@apply list-none flex flex-wrap lg:flex-nowrap items-start text-sm font-bold gap-x-2 !my-0; @apply list-none flex flex-wrap lg:flex-nowrap items-start text-sm font-bold gap-x-2 !my-0;
li { li {
@apply flex items-start pt-4; @apply flex items-center;
/* min-width: 40px; */ /* min-width: 40px; */
a { a {
@apply text-neutral-900 font-semibold underline; @apply text-neutral-900 font-semibold underline;
margin-top: -6px; margin-top: -6px;
@apply px-2 py-1;
&:hover {
@apply rounded-md;
background: rgba(239, 239, 239);
}
/* text-decoration: none; */ /* text-decoration: none; */
} }
a[aria-current='location'] { a[aria-current='location'] {
@ -26,13 +32,20 @@
&:before { &:before {
@apply mr-2 shrink-0; @apply mr-2 shrink-0;
@apply inline-block; @apply inline-block;
transform: rotate(-45deg);
content: ''; content: '';
border-right: 2.5px solid #000; /* transform: rotate(-45deg); */
/* content: ''; */
/* border-right: 2.5px solid #000;
border-bottom: 2.5px solid #000; border-bottom: 2.5px solid #000;
border-radius: 2px; border-radius: 2px; */
height: 8px; background-repeat: no-repeat;
width: 8px; 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);
} }
} }
} }