integarting admin dashboard

2024-07-12 12:51:02 +05:45
parent 2510de390a
commit 1550ab5d30
1758 changed files with 313760 additions and 10 deletions
--- a/public/Dashboard/scss/common/dark/components/_pagination.scss
+++ b/public/Dashboard/scss/common/dark/components/_pagination.scss
@ -0,0 +1,110 @@
+/* Pagination */
+
+.pagination{
+  .page-item {
+    .page-link {
+      border-color: $border-color;
+      color: $white;
+      font-size: .875rem;
+      @include transition-duration(0.3s);
+      &:focus {
+        background: inherit;
+      }
+      i {
+        &:before {
+          font-size: inherit;
+          line-height: 1;
+          vertical-align: middle;
+        }
+      }
+    }
+    &.active,
+    &:hover,
+    &:focus,
+    &:active {
+      .page-link {
+        background: theme-color("primary");
+        border-color: theme-color("primary");
+        color: color(white);
+      }
+    }
+  }
+  &.pagination-flat {
+    .page-item {
+      margin: 0 .25rem;
+      .page-link {
+        border: none;
+        @include border-radius(2px);
+      }
+    }
+  }
+  &.pagination-separated {
+    .page-item {
+      margin-left: 2px;
+      margin-right: 2px;
+      &:first-child {
+        margin-left: 0;
+      }
+      &:last-child  {
+        margin-right: 0;
+      }
+      .page-link{
+        @include border-radius(2px);
+      }
+    }
+  }
+  &.pagination-rounded {
+    .page-item {
+      &:first-child {
+        .page-link {
+          @include border-radius(25px 0 0 25px);
+        }
+      }
+      &:last-child {
+        .page-link {
+          @include border-radius(0 25px 25px 0);
+        }
+      }
+    }
+  }
+  &.pagination-rounded-flat {
+    .page-item {
+      margin-right: 3px;
+      margin-left: 3px;
+      .page-link {
+        border: none;
+        @include border-radius(50px);
+
+      }
+    }
+  }
+  &.pagination-rounded-separated {
+    .page-item {
+      margin-left: 2px;
+      margin-right: 2px;
+      &:first-child {
+        margin-left: 0;
+        .page-link  {
+          @include border-radius(10px 0 0 10px);
+        }
+      }
+      &:last-child {
+        margin-right: 0;
+        .page-link {
+          @include border-radius(0 10px 10px 0);
+        }
+      }
+      .page-link {
+        @include border-radius(2px);
+      }
+    }
+  }
+}
+
+
+/* pagination variations */
+@each $color, $value in $theme-colors {
+  .pagination-#{$color} {
+    @include pagination-variants($value);
+  }
+}