added actions shortcode.

[theme-danix.xyz.git] / assets / sass / components / _pagination.scss

diff --git a/assets/sass/components/_pagination.scss b/assets/sass/components/_pagination.scss
index 0059795..1a7ef05 100644 (file)
--- 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;
+                               }
+                       }
+               }
+       }