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 {
@apply py-6 container mx-auto px-0;
@apply py-6 container mx-auto px-0 pl-1;
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 {
&:before {
@apply ml-1 mr-2;
@apply mr-2 shrink-0;
@apply inline-block;
transform: rotate(-45deg);
content: '';
border-right: 2.5px solid #000;
border-bottom: 2.5px solid #000;
border-radius: 2px;
height: 8px;
width: 8px;
transform: rotate(-45deg);
}
}
}