bootstrap-css
Version:
A css module compatible version of bootstrap
74 lines (61 loc) • 1.83 kB
CSS
/*!
* Bootstrap v4.0.0-alpha.6 (http://getbootstrap.com)
* Copyright (c) 2011-2017 Twitter, Inc.
* Copyright (c) 2011-2017 The Bootstrap Authors
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
.pagination {
display: flex;
padding-left: 0;
list-style: none;
border-radius: 0.25rem; }
.page-item:first-child .page-link {
margin-left: 0;
border-bottom-left-radius: 0.25rem;
border-top-left-radius: 0.25rem; }
.page-item:last-child .page-link {
border-bottom-right-radius: 0.25rem;
border-top-right-radius: 0.25rem; }
.page-item.active .page-link {
z-index: 2;
color: #fff;
background-color: #0275d8;
border-color: #0275d8; }
.page-item.disabled .page-link {
color: #636c72;
pointer-events: none;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd; }
.page-link {
position: relative;
display: block;
padding: 0.5rem 0.75rem;
margin-left: -1px;
line-height: 1.25;
color: #0275d8;
background-color: #fff;
border: 1px solid #ddd; }
.page-link:focus, .page-link:hover {
color: #014c8c;
text-decoration: none;
background-color: #eceeef;
border-color: #ddd; }
.pagination-lg .page-link {
padding: 0.75rem 1.5rem;
font-size: 1.25rem; }
.pagination-lg .page-item:first-child .page-link {
border-bottom-left-radius: 0.3rem;
border-top-left-radius: 0.3rem; }
.pagination-lg .page-item:last-child .page-link {
border-bottom-right-radius: 0.3rem;
border-top-right-radius: 0.3rem; }
.pagination-sm .page-link {
padding: 0.25rem 0.5rem;
font-size: 0.875rem; }
.pagination-sm .page-item:first-child .page-link {
border-bottom-left-radius: 0.2rem;
border-top-left-radius: 0.2rem; }
.pagination-sm .page-item:last-child .page-link {
border-bottom-right-radius: 0.2rem;
border-top-right-radius: 0.2rem; }