You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

74 lines
1.7 KiB

  1. .pagination {
  2. display: inline-block;
  3. padding-left: 0;
  4. margin-top: $spacer-y;
  5. margin-bottom: $spacer-y;
  6. @include border-radius();
  7. }
  8. .page-item {
  9. display: inline; // Remove list-style and block-level defaults
  10. &:first-child {
  11. .page-link {
  12. margin-left: 0;
  13. @include border-left-radius($border-radius);
  14. }
  15. }
  16. &:last-child {
  17. .page-link {
  18. @include border-right-radius($border-radius);
  19. }
  20. }
  21. &.active .page-link {
  22. @include plain-hover-focus {
  23. z-index: 2;
  24. color: $pagination-active-color;
  25. cursor: default;
  26. background-color: $pagination-active-bg;
  27. border-color: $pagination-active-border;
  28. }
  29. }
  30. &.disabled .page-link {
  31. @include plain-hover-focus {
  32. color: $pagination-disabled-color;
  33. cursor: $cursor-disabled;
  34. background-color: $pagination-disabled-bg;
  35. border-color: $pagination-disabled-border;
  36. }
  37. }
  38. }
  39. .page-link {
  40. position: relative;
  41. float: left; // Collapse white-space
  42. padding: $pagination-padding-y $pagination-padding-x;
  43. margin-left: -1px;
  44. line-height: $line-height;
  45. color: $pagination-color;
  46. text-decoration: none;
  47. background-color: $pagination-bg;
  48. border: $pagination-border-width solid $pagination-border-color;
  49. @include hover-focus {
  50. color: $pagination-hover-color;
  51. background-color: $pagination-hover-bg;
  52. border-color: $pagination-hover-border;
  53. }
  54. }
  55. //
  56. // Sizing
  57. //
  58. .pagination-lg {
  59. @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
  60. }
  61. .pagination-sm {
  62. @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
  63. }