CAMEL-15202: fix blog post pagination design
This reintroduces the design we had before rebasing on the latest Antora
Default UI (#383). Now the changes are affecting only the blog section
and further rebases should not interfere with the pagination design.
diff --git a/antora-ui-camel/src/css/blog.css b/antora-ui-camel/src/css/blog.css
index 72aedf7..1466973 100644
--- a/antora-ui-camel/src/css/blog.css
+++ b/antora-ui-camel/src/css/blog.css
@@ -185,3 +185,41 @@
.blog li ol {
padding-bottom: 0;
}
+
+.blog .pagination {
+ margin: var(--static-margin);
+ max-width: var(--static-max-width);
+ list-style: none;
+ padding: 1rem;
+}
+
+@media screen and (min-width: 1024px) {
+ .blog .pagination {
+ max-width: var(--static-max-width--desktop);
+ }
+}
+
+.blog .page-item {
+ display: inline;
+ padding: 0;
+ margin: 0;
+}
+
+.blog .page-item a {
+ color: var(--color-gray-30);
+ font-weight: bold;
+ padding: 0.5rem;
+}
+
+.blog .page-item.disabled a {
+ color: var(--color-gray-30);
+}
+
+.blog .page-item.active {
+ border-radius: 3px;
+ background: var(--color-asf-moderate-blue);
+}
+
+.blog .page-item.active a {
+ color: var(--color-white);
+}