fix: breadcrumb

This commit is contained in:
Lucas Larroche 2023-12-28 12:23:23 +07:00
parent 6337166676
commit bd5cbeee6c
10 changed files with 19 additions and 13 deletions

View file

@ -2192,13 +2192,15 @@ nav[aria-label=breadcrumb] ul li a {
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1); margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1);
} }
nav[aria-label=breadcrumb] ul li:not(:last-child)::after { nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
display: inline-block;
position: absolute; position: absolute;
width: calc(var(--pico-nav-link-spacing-horizontal) * 2); width: calc(var(--pico-nav-link-spacing-horizontal) * 4);
padding: 0 calc(var(--pico-nav-link-spacing-horizontal) / 2); margin: 0 calc(var(--pico-nav-link-spacing-horizontal) * -1);
content: var(--pico-nav-breadcrumb-divider); content: var(--pico-nav-breadcrumb-divider);
color: var(--pico-muted-color); color: var(--pico-muted-color);
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
white-space: nowrap;
} }
nav[aria-label=breadcrumb] a[aria-current] { nav[aria-label=breadcrumb] a[aria-current] {
background-color: transparent; background-color: transparent;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -2563,13 +2563,15 @@ nav[aria-label=breadcrumb] ul li a {
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1); margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1);
} }
nav[aria-label=breadcrumb] ul li:not(:last-child)::after { nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
display: inline-block;
position: absolute; position: absolute;
width: calc(var(--pico-nav-link-spacing-horizontal) * 2); width: calc(var(--pico-nav-link-spacing-horizontal) * 4);
padding: 0 calc(var(--pico-nav-link-spacing-horizontal) / 2); margin: 0 calc(var(--pico-nav-link-spacing-horizontal) * -1);
content: var(--pico-nav-breadcrumb-divider); content: var(--pico-nav-breadcrumb-divider);
color: var(--pico-muted-color); color: var(--pico-muted-color);
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
white-space: nowrap;
} }
nav[aria-label=breadcrumb] a[aria-current] { nav[aria-label=breadcrumb] a[aria-current] {
background-color: transparent; background-color: transparent;

File diff suppressed because one or more lines are too long

View file

@ -2155,13 +2155,15 @@ nav[aria-label=breadcrumb] ul li a {
margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1); margin-inline-start: calc(var(--pico-nav-link-spacing-horizontal) * -1);
} }
nav[aria-label=breadcrumb] ul li:not(:last-child)::after { nav[aria-label=breadcrumb] ul li:not(:last-child)::after {
display: inline-block;
position: absolute; position: absolute;
width: calc(var(--pico-nav-link-spacing-horizontal) * 2); width: calc(var(--pico-nav-link-spacing-horizontal) * 4);
padding: 0 calc(var(--pico-nav-link-spacing-horizontal) / 2); margin: 0 calc(var(--pico-nav-link-spacing-horizontal) * -1);
content: var(--pico-nav-breadcrumb-divider); content: var(--pico-nav-breadcrumb-divider);
color: var(--pico-muted-color); color: var(--pico-muted-color);
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
white-space: nowrap;
} }
nav[aria-label=breadcrumb] a[aria-current] { nav[aria-label=breadcrumb] a[aria-current] {
background-color: transparent; background-color: transparent;

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

2
css/pico.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -89,6 +89,7 @@
&:not(:last-child) { &:not(:last-child) {
&::after { &::after {
display: inline-block;
position: absolute; position: absolute;
width: calc(var(#{$}nav-link-spacing-horizontal) * 4); width: calc(var(#{$}nav-link-spacing-horizontal) * 4);
margin: 0 calc(var(#{$}nav-link-spacing-horizontal) * -1); margin: 0 calc(var(#{$}nav-link-spacing-horizontal) * -1);
@ -96,7 +97,6 @@
color: var(#{$}muted-color); color: var(#{$}muted-color);
text-align: center; text-align: center;
text-decoration: none; text-decoration: none;
display: inline-block;
white-space: nowrap; white-space: nowrap;
} }
} }