mirrors/picocss
1
0
Fork 0
mirror of https://github.com/picocss/pico.git synced 2025-04-22 01:26:13 -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 f2a67f7b20
10 changed files with 27 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

7
css/pico.classless.css
View file

@ -2187,10 +2187,13 @@ 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

7
css/pico.css
View file

@ -2558,10 +2558,13 @@ 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

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

@ -2150,10 +2150,13 @@ 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

8
scss/components/_nav.scss
View file

@ -82,11 +82,15 @@
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);
padding: 0 calc(var(#{$✨}nav-link-spacing-horizontal) / 2);
content: var(#{$✨}nav-breadcrumb-divider);
color: var(#{$✨}muted-color);
text-align: center;