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

33
scss/components/_nav.scss
View file

@ -66,22 +66,30 @@ nav {
// Breadcrumb
&[aria-label="breadcrumb"] {
align-items: center;
justify-content: left;
justify-content: start;
& ul li {
padding-inline-start: 0;
&:not(:first-child) {
margin-inline-start: var(--nav-link-spacing-horizontal);
}
&:not(:last-child) {
a::after {
padding-inline-start: 0.5rem;
::after {
position: absolute;
width: 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;
}
}
}
& a[aria-current="page"] {
& a[aria-current] {
background-color: transparent;
color: inherit;
text-decoration: none;
pointer-events: none;
}
}
@ -116,3 +124,18 @@ aside {
}
}
}
// Breadcrumb RTL
[dir="rtl"] {
nav {
&[aria-label="breadcrumb"] {
& ul li {
&:not(:last-child) {
::after {
content: "\\";
}
}
}
}
}
}