Pagination



Variable name Default value Description
--b-pagination purple Background color for the pagination component.
--c-pagination #fff Text color for the pagination component.
--c-arrow purple Background color for the arrow in the pagination component.
--c-text #000 Text color for the text in the pagination component.


CSS Class Description
pagination Base class for the pagination component. Sets alignment, color, display, gap, and justify-content.
pagination > .p-left, pagination > .p-right Classes for the left and right buttons in the pagination component. Sets border-radius, cursor, height, overflow, position, width, and hover effect.
pagination > .p-left::before, pagination > .p-right::before Before pseudo-element for the left and right buttons in the pagination component. Sets content, display, border properties, height, position, top, width, and transform.
pagination > select Style for the select element in the pagination component. Sets background, border, color, cursor, border-radius, font-size, font-weight, height, outline, padding, text-align.
pagination > .p-text Style for the text in the pagination component. Sets font-size.