Page indicator in navigation bar

This commit is contained in:
Nuno Coração
2023-01-14 23:50:34 +00:00
parent 3a81b0a741
commit a194975889
10 changed files with 88 additions and 35 deletions

View File

@@ -1177,15 +1177,20 @@ select {
.prose :where(a.active):not(:where([class~="not-prose"] *)) {
text-decoration-color: rgba(var(--color-primary-600), 1);
text-decoration-line: underline;
text-decoration-thickness: 3px;
text-underline-offset: 4px;
}
.prose :where(p.active):not(:where([class~="not-prose"] *)) {
text-decoration-color: rgba(var(--color-primary-600), 1);
}
.prose-invert :where(a.active):not(:where([class~="not-prose"] *)) {
text-decoration-color: rgba(var(--color-primary-400), 1);
}
.prose-invert :where(p.active):not(:where([class~="not-prose"] *)) {
text-decoration-color: rgba(var(--color-primary-400), 1);
}
.sr-only {
position: absolute;
width: 1px;
@@ -3091,6 +3096,12 @@ body:has(#menu-controller:checked) {
z-index: 1000;
}
.active {
text-decoration-line: underline;
text-decoration-thickness: 3px;
text-underline-offset: 4px;
}
.first\:mt-8:first-child {
margin-top: 2rem;
}
@@ -3437,6 +3448,10 @@ body:has(#menu-controller:checked) {
text-decoration-color: rgba(var(--color-primary-400), 1);
}
.dark .dark\:prose-invert :where(p.active):not(:where([class~="not-prose"] *)) {
text-decoration-color: rgba(var(--color-primary-400), 1);
}
.dark .dark\:text-neutral-500 {
--tw-text-opacity: 1;
color: rgba(var(--color-neutral-500), var(--tw-text-opacity));