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);
+ }
}
}
}
}
}
}
- }
\ 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;
+ }
+ }
+ }
+ }