@gravityforms/components
Version:
UI components for use in Gravity Forms development. Both React and vanilla js flavors.
92 lines (78 loc) • 3.44 kB
CSS
.gform-admin .gform-pagination {
box-sizing: border-box;
display: flex;
flex-direction: row;
gap: 6px;
list-style-type: none;
margin: 0;
padding: 0;
}
.gform-admin .gform-pagination__link--previous, .gform-admin .gform-pagination__link, .gform-admin .gform-pagination__link--next {
align-items: center;
background: #fdfdff;
border: 1px solid #d5d7e9;
border-radius: 3px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
box-sizing: border-box;
color: #242748;
cursor: pointer;
display: flex;
font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
font-size: 0.875rem;
font-weight: 500;
line-height: 20px;
padding: 7px 12px;
}
.gform-admin .gform-pagination__link--previous:hover, .gform-admin .gform-pagination__link--previous:active, .gform-admin .gform-pagination__link:hover, .gform-admin .gform-pagination__link:active, .gform-admin .gform-pagination__link--next:hover, .gform-admin .gform-pagination__link--next:active {
box-shadow: 0 3px 8px rgba(18, 25, 97, 0.15), 0 1px 1px rgba(18, 25, 97, 0.16), 0 2px 1px rgba(18, 25, 97, 0.04);
}
.gform-admin .gform-pagination__link--previous.focus-visible, .gform-admin .gform-pagination__link.focus-visible, .gform-admin .gform-pagination__link--next.focus-visible {
border-color: #c3c5db;
outline: 0.125rem solid #ecedf8;
}
.gform-admin .gform-pagination__link--previous.focus-visible, .gform-admin .gform-pagination__link.focus-visible, .gform-admin .gform-pagination__link--next.focus-visible {
border-color: #c3c5db;
outline: 0.125rem solid #ecedf8;
}
.gform-admin .gform-pagination__link--previous:focus-visible, .gform-admin .gform-pagination__link:focus-visible, .gform-admin .gform-pagination__link--next:focus-visible {
border-color: #c3c5db;
outline: 0.125rem solid #ecedf8;
}
.gform-admin .gform-pagination__link--previous:disabled, .gform-admin .gform-pagination__link--previous.gform-pagination__link--disabled, .gform-admin .gform-pagination__link:disabled, .gform-admin .gform-pagination__link.gform-pagination__link--disabled, .gform-admin .gform-pagination__link--next:disabled, .gform-admin .gform-pagination__link--next.gform-pagination__link--disabled {
border-color: #d5d7e9;
opacity: 0.5;
}
.gform-admin .gform-pagination__link--selected {
background: #0f3d6c;
border-color: #0f3d6c;
color: #fff;
cursor: default;
}
.gform-admin .gform-pagination__link--selected:hover, .gform-admin .gform-pagination__link--selected:active {
background: #0f3d6c;
border-color: #0f3d6c;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
color: #fff;
}
.gform-admin .gform-pagination__link--selected.focus-visible {
border-color: #f6f9fc;
outline: 0.125rem solid #bed8ed;
}
.gform-admin .gform-pagination__link--selected.focus-visible {
border-color: #f6f9fc;
outline: 0.125rem solid #bed8ed;
}
.gform-admin .gform-pagination__link--selected:focus-visible {
border-color: #f6f9fc;
outline: 0.125rem solid #bed8ed;
}
.gform-admin .gform-pagination__link--break {
align-items: center;
cursor: pointer;
display: flex;
font-family: inter, -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen-sans, ubuntu, cantarell, "Helvetica Neue", sans-serif;
font-size: 0.875rem;
font-weight: 500;
padding: 7px 4px;
}
/*# sourceMappingURL=pagination.css.map */