_pagination.scss 1.8 KB

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