mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-24 18:26:14 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: Breadcrumb

Browse source
This commit is contained in:
Lucas Larroche 2022-09-13 02:16:29 +07:00
parent 673d7cecc1
commit aaa1ffe05c
15 changed files with 103 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

26
css/pico.classless.css
View file

@ -1940,20 +1940,26 @@ nav :where(a, [role=link]):is([aria-current], :hover, :active, :focus) {
}
nav[aria-label=breadcrumb] {
align-items: center;
justify-content: left;
justify-content: start;
}
nav[aria-label=breadcrumb] ul li {
-webkit-padding-start: 0;
padding-inline-start: 0;
nav[aria-label=breadcrumb] ul li:not(:first-child) {
-webkit-margin-start: var(--nav-link-spacing-horizontal);
margin-inline-start: var(--nav-link-spacing-horizontal);
}
nav[aria-label=breadcrumb] ul li:not(:last-child) a::after {
-webkit-padding-start: 0.5rem;
padding-inline-start: 0.5rem;
nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {
position: absolute;
width: calc(var(--nav-link-spacing-horizontal) * 2);
-webkit-margin-start: calc(var(--nav-link-spacing-horizontal) / 2);
margin-inline-start: calc(var(--nav-link-spacing-horizontal) / 2);
content: "/";
color: var(--muted-color);
text-align: center;
}
nav[aria-label=breadcrumb] a[aria-current=page] {
nav[aria-label=breadcrumb] a[aria-current] {
background-color: transparent;
color: inherit;
text-decoration: none;
pointer-events: none;
}
nav [role=button] {
margin-right: inherit;
@ -1977,6 +1983,10 @@ aside li [role=button] {
margin: inherit;
}
[dir=rtl] nav[aria-label=breadcrumb] ul li:not(:last-child) ::after {
content: "\\";
}
/**
* Progress
*/