/sass/bootstrap/_pagination.scss

https://bitbucket.org/decore/my-svadba.ru · Sass · 53 lines · 48 code · 2 blank · 3 comment · 0 complexity · ede45b035c90d75ab54e6cfa91601377 MD5 · raw file

  1. // PAGINATION
  2. // ----------
  3. .pagination {
  4. height: $baseLineHeight * 2;
  5. margin: $baseLineHeight 0;
  6. }
  7. .pagination ul {
  8. display: inline-block;
  9. @include ie7-inline-block();
  10. margin-left: 0;
  11. margin-bottom: 0;
  12. @include border-radius(3px);
  13. @include box-shadow(0 1px 2px rgba(0,0,0,.05));
  14. }
  15. .pagination li {
  16. display: inline;
  17. }
  18. .pagination a {
  19. float: left;
  20. padding: 0 14px;
  21. line-height: ($baseLineHeight * 2) - 2;
  22. text-decoration: none;
  23. border: 1px solid #ddd;
  24. border-left-width: 0;
  25. }
  26. .pagination a:hover, .pagination .active a {
  27. background-color: #f5f5f5;
  28. }
  29. .pagination .active a {
  30. color: $grayLight;
  31. cursor: default;
  32. }
  33. .pagination .disabled span, .pagination .disabled a, .pagination .disabled a:hover {
  34. color: $grayLight;
  35. background-color: transparent;
  36. cursor: default;
  37. }
  38. .pagination li:first-child a {
  39. border-left-width: 1px;
  40. @include border-radius(3px 0 0 3px);
  41. }
  42. .pagination li:last-child a {
  43. @include border-radius(0 3px 3px 0);
  44. }
  45. // Centered
  46. .pagination-centered {
  47. text-align: center;
  48. }
  49. .pagination-right {
  50. text-align: right;
  51. }