Antoine/carhop__carhop-theme__DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

FEATURE Add custom styles for catalogue menu item with hover effect

Browse Source
This commit is contained in:
Antoine M 2026-05-11 12:21:12 +02:00
parent fff24795cd
commit 759cc69b99
1 changed files with 16 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
resources/css/layout/nav/primary-menu.css
View File

@ -335,6 +335,22 @@ body:has(.primary-menu-container .sub-menu-open) {
} }
} }
.menu-item-object-custom.item-catalogue {
a {
@apply flex flex-col items-center justify-center gap-4;
}
a:before {
@apply content-[''] block bg-contain bg-center bg-no-repeat;
@apply w-7 h-7 object-contain object-center;
background-image: url('../resources/img/icons/icon-catalogue.svg');
transition: transform 0.3s ease-out;
}
&:hover {
a:before {
transform: scale(1.2);
}
}
}
li#menu-item-1836 { li#menu-item-1836 {
@apply border border-white relative; @apply border border-white relative;
width: 100%; width: 100%;