pager.css 957 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. /**
  2. * @file
  3. * Styles for Mediteran's Pagination.
  4. */
  5. nav.pager {
  6. margin-top: 40px;
  7. padding-top: 20px;
  8. border-top: 1px solid #e6e4df;
  9. }
  10. .pager__items {
  11. margin: 20px 0 0 0;
  12. padding: 0;
  13. text-align: center;
  14. }
  15. .pager__item {
  16. display: inline-flex;
  17. font-size: 12px;
  18. margin: 0 10px 10px 0;
  19. padding: 0;
  20. text-transform: uppercase;
  21. }
  22. .pager__item a,
  23. .pager__item.is-active {
  24. line-height: 14px;
  25. padding: 5px 10px;
  26. font-weight: 700;
  27. text-decoration: none;
  28. -webkit-font-smoothing: antialiased;
  29. background-color: #f5f5f5;
  30. border: 1px solid #b8b8b8;
  31. color: #333;
  32. transition: all 0.2s;
  33. }
  34. .pager__item.is-active a,
  35. .pager__item.is-active {
  36. background-color: white;
  37. }
  38. .pager__item.is-active a {
  39. padding: 0;
  40. border: 0;
  41. }
  42. .pager__item a:hover,
  43. .pager__item a:focus {
  44. border-color: #0678be;
  45. color: #0678be;
  46. background-color: white;
  47. }
  48. @media screen and (min-width: 768px) {
  49. .pager__items {
  50. text-align: left;
  51. }
  52. }