hackertours-theme/assets/css/components/_pager.css
Fredrik Jonsson 16c47eea9d
Using color-scheme and light-dark() to implement dark mode (#154)
* Lint fixes.

* Implement light-dark().

* Lint css with biome, remove stylelint.

* Biome lint fixes.

* Dark mode adjustments.

* Style bug fixes.

* Colour adjustments.

* Move header and footer styles to base.

* Site header adjustments.

* Removing jQuery and umbrella libs. They where great but not needed anymore.

* Add colorScheme to optionally lock light/dark.

* Update README.

* Biome adjustments.
2026-05-28 08:18:04 +02:00

53 lines
921 B
CSS

/* Pager
Paged navigation is a list of page numbers when more than 1 page of content
is available. */
.pagination,
.pager {
--flex-inline-gap: 0.5rem;
display: flex;
flex-wrap: wrap;
gap: var(--flex-inline-gap);
padding: 0;
text-align: start;
/* Add vertical rhythm margins. */
margin-block: var(--spacing-m);
justify-content: center;
a {
text-decoration: none;
&:hover,
&:focus {
text-decoration: underline;
}
}
.pager__item,
.page-link {
padding-inline: 2px;
}
.active {
font-weight: var(--fw-bold);
}
.disabled {
.page-link {
/* Re-set default cursor for disabled elements. */
cursor: default;
color: var(--color-disabled);
&:hover,
&:focus,
&:active {
/* Override any link underlines and color changes. */
color: var(--color-disabled);
text-decoration: none;
}
}
}
}