pagination.scss in BetterDocs – AI Documentation, Knowledge Base, MCP Server, Docs, Wikis, FAQ & Chatbot 4.9.5, at react-src/scss/template-parts/pagination.scss
| 1 | .betterdocs-pagination { |
| 2 | margin-top: 20px; |
| 3 | ul { |
| 4 | display: flex; |
| 5 | gap: 10px; |
| 6 | padding-left: 0; |
| 7 | list-style: none; |
| 8 | border-radius: 4px; |
| 9 | margin: 0; |
| 10 | li { |
| 11 | display: inline; |
| 12 | a { |
| 13 | color: #737A85; |
| 14 | background-color: #fff; |
| 15 | float: left; |
| 16 | height: 40px; |
| 17 | width: 40px; |
| 18 | text-decoration: none; |
| 19 | transition: border 0.3s; |
| 20 | border-radius: 4px; |
| 21 | font-size: 14px; |
| 22 | line-height: 1.4em; |
| 23 | display: flex; |
| 24 | align-items: center; |
| 25 | justify-content: center; |
| 26 | &:hover { |
| 27 | color: #00B884; |
| 28 | border: 1px solid #00B884; |
| 29 | } |
| 30 | &:focus { |
| 31 | outline: none; |
| 32 | } |
| 33 | } |
| 34 | &.active a { |
| 35 | color: #00B884; |
| 36 | border: 1px solid #00B884; |
| 37 | } |
| 38 | &.disabled a { |
| 39 | color: #ddd; // Disabled color |
| 40 | pointer-events: none; |
| 41 | } |
| 42 | } |
| 43 | } |
| 44 | &.next { |
| 45 | a { |
| 46 | color: #949DA8; |
| 47 | } |
| 48 | } |
| 49 | } |
| 50 | .doc-category-layout-7 { |
| 51 | .betterdocs-pagination { |
| 52 | display: flex; |
| 53 | align-items: center; |
| 54 | justify-content: center; |
| 55 | margin-top: 60px; |
| 56 | ul { |
| 57 | li { |
| 58 | a { |
| 59 | background-color: #F6F7F8; |
| 60 | } |
| 61 | } |
| 62 | } |
| 63 | } |
| 64 | } |
| 65 |