at the end of the day, it was inevitable

2022-12-09 08:36:26 -06:00
commit 1218570914
1768 changed files with 887087 additions and 0 deletions
@@ -0,0 +1,80 @@
+// Pagination
+
+.pagination {
+  .page-number {
+    @extend .page-item;
+  }
+
+  li {
+    a {
+      position: relative;
+      display: block;
+      padding: $pagination-padding-y $pagination-padding-x;
+      margin-inline-start: -$pagination-border-width;
+      line-height: $pagination-line-height;
+      color: $pagination-color;
+      background-color: $pagination-bg;
+      border: $pagination-border-width solid $pagination-border-color;
+
+      &:hover {
+        z-index: 2;
+        color: $pagination-hover-color;
+        text-decoration: none;
+        background-color: $pagination-hover-bg;
+        border-color: $pagination-hover-border-color;
+      }
+
+      &:focus {
+        z-index: 2;
+        outline: $pagination-focus-outline;
+        box-shadow: $pagination-focus-box-shadow;
+      }
+
+      // Opinionated: add "hand" cursor to non-disabled .page-link elements
+      &:not(:disabled):not(.disabled) {
+        cursor: pointer;
+      }
+    }
+
+    &:first-child {
+      a {
+        margin-inline-start: 0;
+        @include border-left-radius($border-radius);
+      }
+    }
+    &:last-child {
+      a {
+        @include border-right-radius($border-radius);
+      }
+    }
+
+    &.active a {
+      z-index: 1;
+      color: $pagination-active-color;
+      background-color: $pagination-active-bg;
+      border-color: $pagination-active-border-color;
+
+      &:hover {
+        color: $pagination-active-color;
+      }
+    }
+
+    &.disabled a {
+      color: $pagination-disabled-color;
+      pointer-events: none;
+      // Opinionated: remove the "hand" cursor set previously for .page-link
+      cursor: auto;
+      background-color: $pagination-disabled-bg;
+      border-color: $pagination-disabled-border-color;
+    }
+  }
+}
+
+// Pagination Rounded
+
+.pagination-rounded {
+  li a {
+    @include border-radius(50px !important);
+    margin: 0 ($layout-spacer-x / 5);
+  }
+}