@aws-amplify/ui
Version:
`@aws-amplify/ui` contains low-level logic & styles for stand-alone usage or re-use in framework-specific implementations.
41 lines • 2.11 kB
CSS
.amplify-pagination {
list-style-type: none;
}
.amplify-pagination__item {
height: var(--amplify-components-pagination-item-shared-height);
min-width: var(--amplify-components-pagination-item-shared-min-width);
border-radius: var(--amplify-components-pagination-item-shared-border-radius);
display: flex;
align-items: center;
justify-content: center;
font-weight: initial;
color: var(--amplify-components-pagination-button-color);
margin-inline-start: var(--amplify-components-pagination-item-container-margin-left);
margin-inline-end: var(--amplify-components-pagination-item-container-margin-right);
padding-inline-start: var(--amplify-components-pagination-button-padding-inline-start);
padding-inline-end: var(--amplify-components-pagination-button-padding-inline-end);
transition-property: var(--amplify-components-pagination-button-transition-property);
transition-duration: var(--amplify-components-pagination-button-transition-duration);
}
.amplify-pagination__item:hover {
text-decoration: none;
color: var(--amplify-components-pagination-button-hover-color);
background-color: var(--amplify-components-pagination-button-hover-background-color);
}
.amplify-pagination__item--disabled {
color: var(--amplify-components-pagination-button-disabled-color);
pointer-events: none;
}
.amplify-pagination__item--current {
align-items: var(--amplify-components-pagination-current-align-items);
justify-content: var(--amplify-components-pagination-current-justify-content);
color: var(--amplify-components-pagination-current-color);
font-size: var(--amplify-components-pagination-current-font-size);
background-color: var(--amplify-components-pagination-current-background-color);
}
.amplify-pagination__item--ellipsis {
align-items: var(--amplify-components-pagination-ellipsis-align-items);
justify-content: var(--amplify-components-pagination-ellipsis-justify-content);
padding-inline-start: var(--amplify-components-pagination-ellipsis-padding-inline-start);
padding-inline-end: var(--amplify-components-pagination-ellipsis-padding-inline-end);
}