X-Git-Url: https://git.danix.xyz/?a=blobdiff_plain;f=assets%2Fsass%2Fcomponents%2F_pagination.scss;h=1a7ef05a77af997f83ebab229a39202de7789b2b;hb=84032966f14fb3c9269b570b1d4fc16452c601c4;hp=00597959f8a9f9e9321ac05bbff9e91e64c50504;hpb=748286b530a4b000cac6b88bbcebb258056a9e77;p=theme-danix.xyz.git

diff --git a/assets/sass/components/_pagination.scss b/assets/sass/components/_pagination.scss
index 0059795..1a7ef05 100644
--- a/assets/sass/components/_pagination.scss
+++ b/assets/sass/components/_pagination.scss
@@ -33,16 +33,27 @@
 				text-align: center;
 
 				&.active {
-					background-color: _palette(fg-bold);
-					color: _palette(bg);
+					background-color: _palette_light(fg-bold);
+					color: _palette_light(bg);
+					@media screen and (prefers-color-scheme: dark) {
+						background-color: _palette_dark(fg-bold);
+						color: _palette_dark(bg);
+					}
 
 					&:hover {
-						background-color: _palette(highlight);
-						color: _palette(bg) !important;
+						background-color: _palette_light(highlight);
+						color: _palette_light(bg) !important;
+						@media screen and (prefers-color-scheme: dark) {
+							background-color: _palette_dark(highlight);
+							color: _palette_dark(bg) !important;
+						}
 					}
 
 					&:active {
-						background-color: desaturate(darken(_palette(highlight), 15), 5);
+						background-color: desaturate(darken(_palette_light(highlight), 15), 5);
+						@media screen and (prefers-color-scheme: dark) {
+							background-color: desaturate(darken(_palette_dark(highlight), 15), 5);
+						}
 					}
 				}
 			}
@@ -67,4 +78,37 @@
 				}
 			}
 		}
-	}
\ No newline at end of file
+	}
+
+
+	ul.prev-next {
+		cursor: default;
+		list-style: none;
+		padding-left: 0;
+
+		li {
+			display: inline-block;
+			padding-left: 0;
+			vertical-align: middle;
+
+			&:first-child {
+				padding-right: 0.75em;
+			}
+
+			&:last-child {
+				padding-left: 0.75em;
+			}
+		}
+
+		@include breakpoint('<=xsmall') {
+			li {
+				&:nth-child(n+2):nth-last-child(n+2) {
+					display: none;
+				}
+
+				&:first-child {
+					padding-right: 0;
+				}
+			}
+		}
+	}