| // |
| // Pagination |
| // -------------------------------------------------- |
| |
| .pagination { |
| > li { |
| > a, |
| > span { |
| .button-variant(@btn-default-color; @btn-default-bg; @btn-default-bg-img-start; @btn-default-bg-img-stop; @btn-default-border); |
| cursor: default; |
| font-weight: 600; |
| padding: @padding-base-vertical @padding-large-horizontal; |
| > .i { |
| font-size: 15px; |
| vertical-align: top; |
| margin: 2px 0; |
| } |
| } |
| } |
| > li > a, |
| > li > span { |
| &:active { |
| .box-shadow(inset 0 2px 8px fade(@color-pf-black, 20%)); |
| } |
| } |
| > .active > a, |
| > .active > span { |
| &, |
| &:hover, |
| &:focus { |
| background-color: @btn-default-bg; |
| border-color: @pagination-border; |
| .box-shadow(inset 0 2px 8px fade(@color-pf-black, 20%)); |
| color: @btn-default-color; |
| #gradient > .vertical(@btn-default-bg-img-start; @btn-default-bg-img-stop); |
| } |
| } |
| > .disabled { |
| > span, |
| > span:hover, |
| > span:focus, |
| > a, |
| > a:hover, |
| > a:focus { |
| .box-shadow(none); |
| cursor: default; |
| #gradient > .vertical(@btn-default-bg-img-start; @btn-default-bg-img-stop); |
| } |
| } |
| } |
| |
| .pagination-sm { |
| .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small); |
| > li { |
| > a, |
| > span { |
| font-weight: 400; |
| > .i { |
| font-size: 12px; |
| margin-top: 2px; |
| } |
| } |
| } |
| } |
| |
| .content-view-pf-pagination { |
| background-color: @table-bg-accent; |
| border: 1px solid @table-border-color; |
| border-top: none; |
| display: flex; |
| flex-wrap: wrap; |
| justify-content: space-between; |
| .form-group { |
| align-items: baseline; |
| display: flex; |
| flex-grow: 1; |
| float: left; //IE9 fallback |
| @supports (display: flex) { |
| float: none; |
| } |
| margin: 5px; |
| &:last-child { |
| justify-content: flex-end; // if pagination controls wrap, pagination buttons stay on the right |
| float: right; //IE9 fallback |
| @supports (display: flex) { |
| float: none; |
| } |
| } |
| .pagination-pf-pagesize.bootstrap-select.btn-group { |
| display: flex; |
| margin-right: 5px; |
| width: auto; |
| } |
| } |
| .pagination-pf-page { |
| margin-left: 10px; |
| margin-right: 5px; |
| padding: 0 2px 2px; |
| text-align: right; |
| width: 2.5em; |
| } |
| .pagination { |
| display: flex; |
| margin: 0 0 0 10px; |
| a { |
| float: none; |
| @supports (display: flex) { |
| display: block; |
| } |
| } |
| } |
| } |