QS Pack

Pagination



Variable nameDefault valueDescription
--b-paginationpurpleBackground color for the pagination component.
--c-pagination#fffText color for the pagination component.
--c-arrowpurpleBackground color for the arrow in the pagination component.
--c-text#000Text color for the text in the pagination component.


CSS ClassDescription
paginationBase class for the pagination component. Sets alignment, color, display, gap, and justify-content.
pagination > .p-left, pagination > .p-rightClasses 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::beforeBefore pseudo-element for the left and right buttons in the pagination component. Sets content, display, border properties, height, position, top, width, and transform.
pagination > selectStyle 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-textStyle for the text in the pagination component. Sets font-size.