mirror of
https://github.com/picocss/pico.git
synced 2025-04-26 19:26:14 -04:00
fix: updated breadcrumb according to feedback and kept to aria specification
This commit is contained in:
parent
885d413673
commit
8fffc986c6
3 changed files with 37 additions and 22 deletions
|
@ -52,22 +52,25 @@ nav {
|
|||
}
|
||||
}
|
||||
|
||||
&[role="breadcrumb"] {
|
||||
&[aria-label="Breadcrumb"] {
|
||||
align-items: center;
|
||||
justify-content: left;
|
||||
|
||||
font-size: calc(var(--font-size) * 1.1);
|
||||
|
||||
& a {
|
||||
padding-right: 1rem;
|
||||
text-decoration: none;
|
||||
|
||||
&::after {
|
||||
content: " / ";
|
||||
color: var(--color);
|
||||
font-size: calc(var(--font-size) * 1.4);
|
||||
|
||||
& ul li {
|
||||
padding-left:0;
|
||||
|
||||
&:not(:last-child) {
|
||||
a::after {
|
||||
padding-left: 0.5rem;
|
||||
content: "/";
|
||||
color: var(--muted-color) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
& a[aria-current="page"] {
|
||||
color: inherit !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue