_pager.scss 853 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. //
  2. // Pager pagination
  3. // --------------------------------------------------
  4. .pager {
  5. padding-left: 0;
  6. margin: $line-height-computed 0;
  7. list-style: none;
  8. text-align: center;
  9. @include clearfix();
  10. li {
  11. display: inline;
  12. > a,
  13. > span {
  14. display: inline-block;
  15. padding: 5px 14px;
  16. background-color: $pager-bg;
  17. border: 1px solid $pager-border;
  18. border-radius: $pager-border-radius;
  19. }
  20. > a:hover,
  21. > a:focus {
  22. text-decoration: none;
  23. background-color: $pager-hover-bg;
  24. }
  25. }
  26. .next {
  27. > a,
  28. > span {
  29. float: right;
  30. }
  31. }
  32. .previous {
  33. > a,
  34. > span {
  35. float: left;
  36. }
  37. }
  38. .disabled {
  39. > a,
  40. > a:hover,
  41. > a:focus,
  42. > span {
  43. color: $pager-disabled-color;
  44. background-color: $pager-bg;
  45. cursor: not-allowed;
  46. }
  47. }
  48. }