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

fixing breadcrumb responsiveness

Browse Source
This commit is contained in:
Antoine M 2023-10-27 14:24:56 +02:00
parent a5bebd99dd
commit 4663d6fb95
1 changed files with 18 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,19 +1,33 @@
.breadcrumbs_navigation { .breadcrumbs_navigation {
@apply py-6 container mx-auto px-0; @apply py-6 container mx-auto px-0 pl-1;
ol { ol {
@apply list-none flex items-center text-sm font-bold; @apply list-none flex flex-nowrap items-start text-sm font-bold gap-x-2;
li {
@apply flex items-start pt-4;
min-width: 50px;
a {
margin-top: -6px;
}
}
li:nth-child(1) {
@apply shrink-0;
min-width: 0;
a {
margin-top: -4px;
}
}
li + li { li + li {
&:before { &:before {
@apply ml-1 mr-2; @apply mr-2 shrink-0;
@apply inline-block; @apply inline-block;
transform: rotate(-45deg);
content: ''; content: '';
border-right: 2.5px solid #000; 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; height: 8px;
width: 8px; width: 8px;
transform: rotate(-45deg);
} }
} }
} }