Clay CSS
(
2.15.1
)
Navigation
home
globals
grid
typography
icons
links
utilities
alert
label
badge
sticker
button
breadcrumb
card
card interactive
card type template
dropdown
autocomplete dropdown
input
input custom
input group
input validation
date picker
list group
loading animations
menubar
modal
nav
nav pills
nav tabs
nav underline
navbar
navbar application bar
navbar management bar
navbar navigation bar
pagination
panel
popover
progress bar
multi step nav
sheet
sidebar
table
tbar
subnav tbar
tooltip
timeline
toggle switch
Switch Themes
Add New Theme
Add
Options
Import
Export
Delete Current Theme
Delete Everything
Use Clay Base
Pagination
pagination-font-size
px/rem
To set a specific height on each pagination item, use `pagination-item-height`.
pagination-padding-y
px/rem
pagination-padding-x
px/rem
To set a specific height on each pagination item, use `pagination-item-height`.
pagination-line-height
pagination-margin-bottom
px/rem
pagination-border-width
px/rem
pagination-border-color
pagination-color
pagination-bg
pagination-margin-top-mobile
px/rem
pagination item
pagination-item-enabled
pagination-item-breakpoint-up
pagination-item-breakpoint-down
pagination-item-align-items
pagination-item-bg
pagination-item-bg-image
pagination-item-bg-position
px/rem
pagination-item-bg-size
pagination-item-border-color
pagination-item-border-radius
px/rem
pagination-item-border-style
pagination-item-border-width
px/rem
pagination-item-color
pagination-item-display
pagination-item-flex-basis
pagination-item-flex-direction
pagination-item-flex-grow
pagination-item-flex-shrink
pagination-item-flex-wrap
pagination-item-float
pagination-item-font-family
pagination-item-font-size
px/rem
pagination-item-font-weight
pagination-item-height
px/rem
pagination-item-justify-content
pagination-item-line-height
pagination-item-margin-bottom
px/rem
pagination-item-margin-left
px/rem
pagination-item-margin-right
px/rem
pagination-item-margin-top
px/rem
pagination-item-max-height
px/rem
pagination-item-max-width
px/rem
pagination-item-min-height
px/rem
pagination-item-min-width
px/rem
pagination-item-opacity
pagination-item-order
pagination-item-padding-bottom
px/rem
pagination-item-padding-left
px/rem
pagination-item-padding-right
px/rem
pagination-item-padding-top
px/rem
pagination-item-position
px/rem
pagination-item-text-align
pagination-item-text-decoration
pagination-item-text-transform
pagination-item-transition
pagination-item-vertical-align
pagination-item-width
px/rem
pagination-item-padding-bottom-mobile
px/rem
pagination-item-padding-left-mobile
px/rem
pagination-item-padding-right-mobile
px/rem
pagination-item-padding-top-mobile
px/rem
pagination link
pagination-link-align-items
pagination-link-bg
pagination-link-border-color
pagination-link-border-style
pagination-link-border-width
px/rem
pagination-link-border-radius
px/rem
pagination-link-box-shadow
pagination-link-color
pagination-link-cursor
pagination-link-display
pagination-link-font-family
pagination-link-font-size
px/rem
pagination-link-font-weight
pagination-link-height
px/rem
pagination-link-justify-content
pagination-link-line-height
pagination-link-margin-bottom
px/rem
pagination-link-margin-left
px/rem
pagination-link-margin-right
px/rem
pagination-link-margin-top
px/rem
pagination-link-max-width
px/rem
pagination-link-opacity
pagination-link-outline
pagination-link-padding-bottom
px/rem
pagination-link-padding-left
px/rem
pagination-link-padding-right
px/rem
pagination-link-padding-top
px/rem
pagination-link-pointer-events
pagination-link-text-align
pagination-link-text-decoration
pagination-link-text-transform
pagination-link-transition
pagination-link-vertical-align
pagination-link-width
px/rem
pagination-link-z-index
pagination-link-lexicon-icon-font-size
px/rem
pagination-link-lexicon-icon-margin-bottom
px/rem
pagination-link-lexicon-icon-margin-left
px/rem
pagination-link-lexicon-icon-margin-right
px/rem
pagination-link-lexicon-icon-margin-top
px/rem
Pagination Link First / Last
pagination-link-first-border-radius
px/rem
pagination-link-last-border-radius
px/rem
pagination link hover
pagination-link-hover-align-items
pagination-link-hover-bg
pagination-link-hover-border-color
pagination-link-hover-border-style
pagination-link-hover-border-width
px/rem
pagination-link-hover-border-radius
px/rem
pagination-link-hover-box-shadow
pagination-link-hover-color
pagination-link-hover-cursor
pagination-link-hover-display
pagination-link-hover-font-family
pagination-link-hover-font-size
px/rem
pagination-link-hover-font-weight
pagination-link-hover-height
px/rem
pagination-link-hover-justify-content
pagination-link-hover-line-height
pagination-link-hover-margin-bottom
px/rem
pagination-link-hover-margin-left
px/rem
pagination-link-hover-margin-right
px/rem
pagination-link-hover-margin-top
px/rem
pagination-link-hover-max-width
px/rem
pagination-link-hover-opacity
pagination-link-hover-outline
pagination-link-hover-padding-bottom
px/rem
pagination-link-hover-padding-left
px/rem
pagination-link-hover-padding-right
px/rem
pagination-link-hover-padding-top
px/rem
pagination-link-hover-pointer-events
pagination-link-hover-text-align
pagination-link-hover-text-decoration
pagination-link-hover-text-transform
pagination-link-hover-transition
pagination-link-hover-vertical-align
pagination-link-hover-width
px/rem
pagination-link-hover-z-index
pagination-link-hover-lexicon-icon-font-size
px/rem
pagination-link-hover-lexicon-icon-margin-bottom
px/rem
pagination-link-hover-lexicon-icon-margin-left
px/rem
pagination-link-hover-lexicon-icon-margin-right
px/rem
pagination-link-hover-lexicon-icon-margin-top
px/rem
Pagination Focus
pagination-focus-box-shadow
pagination-focus-outline
pagination link focus
pagination-link-focus-align-items
pagination-link-focus-bg
pagination-link-focus-border-color
pagination-link-focus-border-style
pagination-link-focus-border-width
px/rem
pagination-link-focus-border-radius
px/rem
pagination-link-focus-box-shadow
pagination-link-focus-color
pagination-link-focus-cursor
pagination-link-focus-display
pagination-link-focus-font-family
pagination-link-focus-font-size
px/rem
pagination-link-focus-font-weight
pagination-link-focus-height
px/rem
pagination-link-focus-justify-content
pagination-link-focus-line-height
pagination-link-focus-margin-bottom
px/rem
pagination-link-focus-margin-left
px/rem
pagination-link-focus-margin-right
px/rem
pagination-link-focus-margin-top
px/rem
pagination-link-focus-max-width
px/rem
pagination-link-focus-opacity
pagination-link-focus-outline
pagination-link-focus-padding-bottom
px/rem
pagination-link-focus-padding-left
px/rem
pagination-link-focus-padding-right
px/rem
pagination-link-focus-padding-top
px/rem
pagination-link-focus-pointer-events
pagination-link-focus-text-align
pagination-link-focus-text-decoration
pagination-link-focus-text-transform
pagination-link-focus-transition
pagination-link-focus-vertical-align
pagination-link-focus-width
px/rem
pagination-link-focus-z-index
pagination-link-focus-lexicon-icon-font-size
px/rem
pagination-link-focus-lexicon-icon-margin-bottom
px/rem
pagination-link-focus-lexicon-icon-margin-left
px/rem
pagination-link-focus-lexicon-icon-margin-right
px/rem
pagination-link-focus-lexicon-icon-margin-top
px/rem
pagination link active
pagination-link-active-align-items
pagination-link-active-bg
pagination-link-active-border-color
pagination-link-active-border-style
pagination-link-active-border-width
px/rem
pagination-link-active-border-radius
px/rem
pagination-link-active-box-shadow
pagination-link-active-color
pagination-link-active-cursor
pagination-link-active-display
pagination-link-active-font-family
pagination-link-active-font-size
px/rem
pagination-link-active-font-weight
pagination-link-active-height
px/rem
pagination-link-active-justify-content
pagination-link-active-line-height
pagination-link-active-margin-bottom
px/rem
pagination-link-active-margin-left
px/rem
pagination-link-active-margin-right
px/rem
pagination-link-active-margin-top
px/rem
pagination-link-active-max-width
px/rem
pagination-link-active-opacity
pagination-link-active-outline
pagination-link-active-padding-bottom
px/rem
pagination-link-active-padding-left
px/rem
pagination-link-active-padding-right
px/rem
pagination-link-active-padding-top
px/rem
pagination-link-active-pointer-events
pagination-link-active-text-align
pagination-link-active-text-decoration
pagination-link-active-text-transform
pagination-link-active-transition
pagination-link-active-vertical-align
pagination-link-active-width
px/rem
pagination-link-active-z-index
pagination-link-active-lexicon-icon-font-size
px/rem
pagination-link-active-lexicon-icon-margin-bottom
px/rem
pagination-link-active-lexicon-icon-margin-left
px/rem
pagination-link-active-lexicon-icon-margin-right
px/rem
pagination-link-active-lexicon-icon-margin-top
px/rem
pagination link disabled
pagination-link-disabled-align-items
pagination-link-disabled-bg
pagination-link-disabled-border-color
pagination-link-disabled-border-style
pagination-link-disabled-border-width
px/rem
pagination-link-disabled-border-radius
px/rem
pagination-link-disabled-box-shadow
pagination-link-disabled-color
pagination-link-disabled-cursor
pagination-link-disabled-display
pagination-link-disabled-font-family
pagination-link-disabled-font-size
px/rem
pagination-link-disabled-font-weight
pagination-link-disabled-height
px/rem
pagination-link-disabled-justify-content
pagination-link-disabled-line-height
pagination-link-disabled-margin-bottom
px/rem
pagination-link-disabled-margin-left
px/rem
pagination-link-disabled-margin-right
px/rem
pagination-link-disabled-margin-top
px/rem
pagination-link-disabled-max-width
px/rem
pagination-link-disabled-opacity
pagination-link-disabled-outline
pagination-link-disabled-padding-bottom
px/rem
pagination-link-disabled-padding-left
px/rem
pagination-link-disabled-padding-right
px/rem
pagination-link-disabled-padding-top
px/rem
pagination-link-disabled-pointer-events
pagination-link-disabled-text-align
pagination-link-disabled-text-decoration
pagination-link-disabled-text-transform
pagination-link-disabled-transition
pagination-link-disabled-vertical-align
pagination-link-disabled-width
px/rem
pagination-link-disabled-z-index
pagination-link-disabled-lexicon-icon-font-size
px/rem
pagination-link-disabled-lexicon-icon-margin-bottom
px/rem
pagination-link-disabled-lexicon-icon-margin-left
px/rem
pagination-link-disabled-lexicon-icon-margin-right
px/rem
pagination-link-disabled-lexicon-icon-margin-top
px/rem
Pagination Dropdown Menu
pagination-dropdown-menu-spacer-y
px/rem
Pagination Results
pagination-results-color
pagination items per page link
pagination-items-per-page-link-align-items
pagination-items-per-page-link-bg
pagination-items-per-page-link-border-color
pagination-items-per-page-link-border-style
pagination-items-per-page-link-border-width
px/rem
pagination-items-per-page-link-border-radius
px/rem
pagination-items-per-page-link-box-shadow
pagination-items-per-page-link-color
pagination-items-per-page-link-cursor
pagination-items-per-page-link-display
pagination-items-per-page-link-font-family
pagination-items-per-page-link-font-size
px/rem
pagination-items-per-page-link-font-weight
pagination-items-per-page-link-height
px/rem
pagination-items-per-page-link-justify-content
pagination-items-per-page-link-line-height
pagination-items-per-page-link-margin-bottom
px/rem
pagination-items-per-page-link-margin-left
px/rem
pagination-items-per-page-link-margin-right
px/rem
pagination-items-per-page-link-margin-top
px/rem
pagination-items-per-page-link-max-width
px/rem
pagination-items-per-page-link-opacity
pagination-items-per-page-link-outline
pagination-items-per-page-link-padding-bottom
px/rem
pagination-items-per-page-link-padding-left
px/rem
pagination-items-per-page-link-padding-right
px/rem
pagination-items-per-page-link-padding-top
px/rem
pagination-items-per-page-link-pointer-events
pagination-items-per-page-link-text-align
pagination-items-per-page-link-text-decoration
pagination-items-per-page-link-text-transform
pagination-items-per-page-link-transition
pagination-items-per-page-link-vertical-align
pagination-items-per-page-link-width
px/rem
pagination-items-per-page-link-z-index
pagination-items-per-page-link-lexicon-icon-font-size
px/rem
pagination-items-per-page-link-lexicon-icon-margin-bottom
px/rem
pagination-items-per-page-link-lexicon-icon-margin-left
px/rem
pagination-items-per-page-link-lexicon-icon-margin-right
px/rem
pagination-items-per-page-link-lexicon-icon-margin-top
px/rem
pagination items per page link hover
pagination-items-per-page-link-hover-align-items
pagination-items-per-page-link-hover-bg
pagination-items-per-page-link-hover-border-color
pagination-items-per-page-link-hover-border-style
pagination-items-per-page-link-hover-border-width
px/rem
pagination-items-per-page-link-hover-border-radius
px/rem
pagination-items-per-page-link-hover-box-shadow
pagination-items-per-page-link-hover-color
pagination-items-per-page-link-hover-cursor
pagination-items-per-page-link-hover-display
pagination-items-per-page-link-hover-font-family
pagination-items-per-page-link-hover-font-size
px/rem
pagination-items-per-page-link-hover-font-weight
pagination-items-per-page-link-hover-height
px/rem
pagination-items-per-page-link-hover-justify-content
pagination-items-per-page-link-hover-line-height
pagination-items-per-page-link-hover-margin-bottom
px/rem
pagination-items-per-page-link-hover-margin-left
px/rem
pagination-items-per-page-link-hover-margin-right
px/rem
pagination-items-per-page-link-hover-margin-top
px/rem
pagination-items-per-page-link-hover-max-width
px/rem
pagination-items-per-page-link-hover-opacity
pagination-items-per-page-link-hover-outline
pagination-items-per-page-link-hover-padding-bottom
px/rem
pagination-items-per-page-link-hover-padding-left
px/rem
pagination-items-per-page-link-hover-padding-right
px/rem
pagination-items-per-page-link-hover-padding-top
px/rem
pagination-items-per-page-link-hover-pointer-events
pagination-items-per-page-link-hover-text-align
pagination-items-per-page-link-hover-text-decoration
pagination-items-per-page-link-hover-text-transform
pagination-items-per-page-link-hover-transition
pagination-items-per-page-link-hover-vertical-align
pagination-items-per-page-link-hover-width
px/rem
pagination-items-per-page-link-hover-z-index
pagination-items-per-page-link-hover-lexicon-icon-font-size
px/rem
pagination-items-per-page-link-hover-lexicon-icon-margin-bottom
px/rem
pagination-items-per-page-link-hover-lexicon-icon-margin-left
px/rem
pagination-items-per-page-link-hover-lexicon-icon-margin-right
px/rem
pagination-items-per-page-link-hover-lexicon-icon-margin-top
px/rem
Pagination Items Per Page Focus
pagination-items-per-page-focus-box-shadow
pagination-items-per-page-focus-outline
pagination items per page link focus
pagination-items-per-page-link-focus-align-items
pagination-items-per-page-link-focus-bg
pagination-items-per-page-link-focus-border-color
pagination-items-per-page-link-focus-border-style
pagination-items-per-page-link-focus-border-width
px/rem
pagination-items-per-page-link-focus-border-radius
px/rem
pagination-items-per-page-link-focus-box-shadow
pagination-items-per-page-link-focus-color
pagination-items-per-page-link-focus-cursor
pagination-items-per-page-link-focus-display
pagination-items-per-page-link-focus-font-family
pagination-items-per-page-link-focus-font-size
px/rem
pagination-items-per-page-link-focus-font-weight
pagination-items-per-page-link-focus-height
px/rem
pagination-items-per-page-link-focus-justify-content
pagination-items-per-page-link-focus-line-height
pagination-items-per-page-link-focus-margin-bottom
px/rem
pagination-items-per-page-link-focus-margin-left
px/rem
pagination-items-per-page-link-focus-margin-right
px/rem
pagination-items-per-page-link-focus-margin-top
px/rem
pagination-items-per-page-link-focus-max-width
px/rem
pagination-items-per-page-link-focus-opacity
pagination-items-per-page-link-focus-outline
pagination-items-per-page-link-focus-padding-bottom
px/rem
pagination-items-per-page-link-focus-padding-left
px/rem
pagination-items-per-page-link-focus-padding-right
px/rem
pagination-items-per-page-link-focus-padding-top
px/rem
pagination-items-per-page-link-focus-pointer-events
pagination-items-per-page-link-focus-text-align
pagination-items-per-page-link-focus-text-decoration
pagination-items-per-page-link-focus-text-transform
pagination-items-per-page-link-focus-transition
pagination-items-per-page-link-focus-vertical-align
pagination-items-per-page-link-focus-width
px/rem
pagination-items-per-page-link-focus-z-index
pagination-items-per-page-link-focus-lexicon-icon-font-size
px/rem
pagination-items-per-page-link-focus-lexicon-icon-margin-bottom
px/rem
pagination-items-per-page-link-focus-lexicon-icon-margin-left
px/rem
pagination-items-per-page-link-focus-lexicon-icon-margin-right
px/rem
pagination-items-per-page-link-focus-lexicon-icon-margin-top
px/rem
pagination items per page link active
pagination-items-per-page-link-active-align-items
pagination-items-per-page-link-active-bg
pagination-items-per-page-link-active-border-color
pagination-items-per-page-link-active-border-style
pagination-items-per-page-link-active-border-width
px/rem
pagination-items-per-page-link-active-border-radius
px/rem
pagination-items-per-page-link-active-box-shadow
pagination-items-per-page-link-active-color
pagination-items-per-page-link-active-cursor
pagination-items-per-page-link-active-display
pagination-items-per-page-link-active-font-family
pagination-items-per-page-link-active-font-size
px/rem
pagination-items-per-page-link-active-font-weight
pagination-items-per-page-link-active-height
px/rem
pagination-items-per-page-link-active-justify-content
pagination-items-per-page-link-active-line-height
pagination-items-per-page-link-active-margin-bottom
px/rem
pagination-items-per-page-link-active-margin-left
px/rem
pagination-items-per-page-link-active-margin-right
px/rem
pagination-items-per-page-link-active-margin-top
px/rem
pagination-items-per-page-link-active-max-width
px/rem
pagination-items-per-page-link-active-opacity
pagination-items-per-page-link-active-outline
pagination-items-per-page-link-active-padding-bottom
px/rem
pagination-items-per-page-link-active-padding-left
px/rem
pagination-items-per-page-link-active-padding-right
px/rem
pagination-items-per-page-link-active-padding-top
px/rem
pagination-items-per-page-link-active-pointer-events
pagination-items-per-page-link-active-text-align
pagination-items-per-page-link-active-text-decoration
pagination-items-per-page-link-active-text-transform
pagination-items-per-page-link-active-transition
pagination-items-per-page-link-active-vertical-align
pagination-items-per-page-link-active-width
px/rem
pagination-items-per-page-link-active-z-index
pagination-items-per-page-link-active-lexicon-icon-font-size
px/rem
pagination-items-per-page-link-active-lexicon-icon-margin-bottom
px/rem
pagination-items-per-page-link-active-lexicon-icon-margin-left
px/rem
pagination-items-per-page-link-active-lexicon-icon-margin-right
px/rem
pagination-items-per-page-link-active-lexicon-icon-margin-top
px/rem
pagination items per page link disabled
pagination-items-per-page-link-disabled-align-items
pagination-items-per-page-link-disabled-bg
pagination-items-per-page-link-disabled-border-color
pagination-items-per-page-link-disabled-border-style
pagination-items-per-page-link-disabled-border-width
px/rem
pagination-items-per-page-link-disabled-border-radius
px/rem
pagination-items-per-page-link-disabled-box-shadow
pagination-items-per-page-link-disabled-color
pagination-items-per-page-link-disabled-cursor
pagination-items-per-page-link-disabled-display
pagination-items-per-page-link-disabled-font-family
pagination-items-per-page-link-disabled-font-size
px/rem
pagination-items-per-page-link-disabled-font-weight
pagination-items-per-page-link-disabled-height
px/rem
pagination-items-per-page-link-disabled-justify-content
pagination-items-per-page-link-disabled-line-height
pagination-items-per-page-link-disabled-margin-bottom
px/rem
pagination-items-per-page-link-disabled-margin-left
px/rem
pagination-items-per-page-link-disabled-margin-right
px/rem
pagination-items-per-page-link-disabled-margin-top
px/rem
pagination-items-per-page-link-disabled-max-width
px/rem
pagination-items-per-page-link-disabled-opacity
pagination-items-per-page-link-disabled-outline
pagination-items-per-page-link-disabled-padding-bottom
px/rem
pagination-items-per-page-link-disabled-padding-left
px/rem
pagination-items-per-page-link-disabled-padding-right
px/rem
pagination-items-per-page-link-disabled-padding-top
px/rem
pagination-items-per-page-link-disabled-pointer-events
pagination-items-per-page-link-disabled-text-align
pagination-items-per-page-link-disabled-text-decoration
pagination-items-per-page-link-disabled-text-transform
pagination-items-per-page-link-disabled-transition
pagination-items-per-page-link-disabled-vertical-align
pagination-items-per-page-link-disabled-width
px/rem
pagination-items-per-page-link-disabled-z-index
pagination-items-per-page-link-disabled-lexicon-icon-font-size
px/rem
pagination-items-per-page-link-disabled-lexicon-icon-margin-bottom
px/rem
pagination-items-per-page-link-disabled-lexicon-icon-margin-left
px/rem
pagination-items-per-page-link-disabled-lexicon-icon-margin-right
px/rem
pagination-items-per-page-link-disabled-lexicon-icon-margin-top
px/rem
Pagination Sm
pagination-font-size-sm
px/rem
pagination-padding-y-sm
px/rem
pagination-padding-x-sm
px/rem
pagination-line-height-sm
pagination-item-height-sm
px/rem
pagination-link-border-radius-sm
px/rem
pagination-items-per-page-lexicon-icon-margin-top-sm
px/rem
pagination-items-per-page-lexicon-icon-margin-left-sm
px/rem
Pagination Lg
pagination-font-size-lg
px/rem
pagination-padding-y-lg
px/rem
pagination-padding-x-lg
px/rem
pagination-line-height-lg
pagination-item-height-lg
px/rem
pagination-link-border-radius-lg
px/rem
pagination-items-per-page-lexicon-icon-margin-top-lg
px/rem
pagination-items-per-page-lexicon-icon-margin-left-lg
px/rem
navbar navigation bar
panel
Pagination
Previous
1
2
3
4
5
6
7
8
9
10
...
11
12
13
14
15
16
Next
Pagination Bar
10 entries
5
10
20
30
50
Showing 1 to 20 of 203 entries.
Previous
1
2
...
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Next
Pagination Sm
10 entries
5
10
20
30
50
Showing 1 to 20 of 203 entries.
Previous
1
2
...
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Next
Pagination Lg
10 entries
5
10
20
30
50
Showing 1 to 20 of 203 entries.
Previous
1
2
...
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Next
navbar navigation bar
panel