mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-20 08:45:06 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: breadcrumb

Browse source
This commit is contained in:
Lucas Larroche 2023-12-28 12:09:06 +07:00
parent 7d4ee7c725
commit 441d9301ed
10 changed files with 30 additions and 11 deletions
Download patch file Download diff file Expand all files Collapse all files

6
css/pico.classless.css
View file

@ -2187,10 +2187,14 @@ nav[aria-label=breadcrumb] {
nav[aria-label=breadcrumb] ul li:not(:first-child) {
margin-inline-start: var(--pico-nav-link-spacing-horizontal);
}
nav[aria-label=breadcrumb] ul li a {
margin: calc(var(--pico-nav-link-spacing-vertical) * -1) 0;
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1);
}
nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
position: absolute;
width: calc(var(--pico-nav-link-spacing-horizontal) * 2);
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) / 2);
padding: 0 calc(var(--pico-nav-link-spacing-horizontal) / 2);
content: var(--pico-nav-breadcrumb-divider);
color: var(--pico-muted-color);
text-align: center;

2
css/pico.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
css/pico.css
View file

@ -2558,10 +2558,14 @@ nav[aria-label=breadcrumb] {
nav[aria-label=breadcrumb] ul li:not(:first-child) {
margin-inline-start: var(--pico-nav-link-spacing-horizontal);
}
nav[aria-label=breadcrumb] ul li a {
margin: calc(var(--pico-nav-link-spacing-vertical) * -1) 0;
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1);
}
nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
position: absolute;
width: calc(var(--pico-nav-link-spacing-horizontal) * 2);
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) / 2);
padding: 0 calc(var(--pico-nav-link-spacing-horizontal) / 2);
content: var(--pico-nav-breadcrumb-divider);
color: var(--pico-muted-color);
text-align: center;

2
css/pico.css.map
View file

File diff suppressed because one or more lines are too long

6
css/pico.fluid.classless.css
View file

@ -2150,10 +2150,14 @@ nav[aria-label=breadcrumb] {
nav[aria-label=breadcrumb] ul li:not(:first-child) {
margin-inline-start: var(--pico-nav-link-spacing-horizontal);
}
nav[aria-label=breadcrumb] ul li a {
margin: calc(var(--pico-nav-link-spacing-vertical) * -1) 0;
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1);
}
nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
position: absolute;
width: calc(var(--pico-nav-link-spacing-horizontal) * 2);
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) / 2);
padding: 0 calc(var(--pico-nav-link-spacing-horizontal) / 2);
content: var(--pico-nav-breadcrumb-divider);
color: var(--pico-muted-color);
text-align: center;

2
css/pico.fluid.classless.css.map
View file

File diff suppressed because one or more lines are too long

2
css/pico.fluid.classless.min.css vendored
View file

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored
View file

File diff suppressed because one or more lines are too long

11
scss/components/_nav.scss
View file

@ -82,15 +82,22 @@
margin-inline-start: var(#{$✨}nav-link-spacing-horizontal);
}
a {
margin: calc(var(#{$✨}nav-link-spacing-vertical) * -1) 0;
margin-inline-start: calc(var(#{$✨}nav-link-spacing-horizontal) * -1);
}
&:not(:last-child) {
&::after {
position: absolute;
width: calc(var(#{$✨}nav-link-spacing-horizontal) * 2);
margin-inline-start: calc(var(#{$✨}nav-link-spacing-horizontal) / 2);
width: calc(var(#{$✨}nav-link-spacing-horizontal) * 4);
margin: 0 calc(var(#{$✨}nav-link-spacing-horizontal) * -1);
content: var(#{$✨}nav-breadcrumb-divider);
color: var(#{$✨}muted-color);
text-align: center;
text-decoration: none;
display: inline-block;
white-space: nowrap;
}
}
}