1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/static/less/pagination.less Fri Dec 20 22:30:44 2013 +0100
1.3 @@ -0,0 +1,85 @@
1.4 +//
1.5 +// Pagination (multiple pages)
1.6 +// --------------------------------------------------
1.7 +.pagination {
1.8 + display: inline-block;
1.9 + padding-left: 0;
1.10 + margin: @line-height-computed 0;
1.11 + border-radius: @border-radius-base;
1.12 +
1.13 + > li {
1.14 + display: inline; // Remove list-style and block-level defaults
1.15 + > a,
1.16 + > span {
1.17 + position: relative;
1.18 + float: left; // Collapse white-space
1.19 + padding: @padding-base-vertical @padding-base-horizontal;
1.20 + line-height: @line-height-base;
1.21 + text-decoration: none;
1.22 + background-color: @pagination-bg;
1.23 + border: 1px solid @pagination-border;
1.24 + margin-left: -1px;
1.25 + }
1.26 + &:first-child {
1.27 + > a,
1.28 + > span {
1.29 + margin-left: 0;
1.30 + .border-left-radius(@border-radius-base);
1.31 + }
1.32 + }
1.33 + &:last-child {
1.34 + > a,
1.35 + > span {
1.36 + .border-right-radius(@border-radius-base);
1.37 + }
1.38 + }
1.39 + }
1.40 +
1.41 + > li > a,
1.42 + > li > span {
1.43 + &:hover,
1.44 + &:focus {
1.45 + background-color: @pagination-hover-bg;
1.46 + }
1.47 + }
1.48 +
1.49 + > .active > a,
1.50 + > .active > span {
1.51 + &,
1.52 + &:hover,
1.53 + &:focus {
1.54 + z-index: 2;
1.55 + color: @pagination-active-color;
1.56 + background-color: @pagination-active-bg;
1.57 + border-color: @pagination-active-bg;
1.58 + cursor: default;
1.59 + }
1.60 + }
1.61 +
1.62 + > .disabled {
1.63 + > span,
1.64 + > span:hover,
1.65 + > span:focus,
1.66 + > a,
1.67 + > a:hover,
1.68 + > a:focus {
1.69 + color: @pagination-disabled-color;
1.70 + background-color: @pagination-bg;
1.71 + border-color: @pagination-border;
1.72 + cursor: not-allowed;
1.73 + }
1.74 + }
1.75 +}
1.76 +
1.77 +// Sizing
1.78 +// --------------------------------------------------
1.79 +
1.80 +// Large
1.81 +.pagination-lg {
1.82 + .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large);
1.83 +}
1.84 +
1.85 +// Small
1.86 +.pagination-sm {
1.87 + .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small);
1.88 +}