less/patternfly/pagination.less

   1 //
   2 // Pagination
   3 // --------------------------------------------------
   4
   5 .pagination {
   6   > li {
   7     > a,
   8     > span {
   9       .button-variant(@btn-default-color; @btn-default-bg; @btn-default-bg-img-start; @btn-default-bg-img-stop; @btn-default-border);
  10       cursor: default;
  11       font-weight: 600;
  12       padding: @padding-base-vertical @padding-large-horizontal;
  13       > .i {
  14         font-size: 15px;
  15         vertical-align: top;
  16         margin: 2px 0;
  17       }
  18     }
  19   }
  20   > li > a,
  21   > li > span {
  22     &:active {
  23       .box-shadow(inset 0 2px 8px rgba(0,0,0,.2));
  24     }
  25   }
  26   > .active > a,
  27   > .active > span {
  28     &,
  29     &:hover,
  30     &:focus {
  31       background-color: @btn-default-bg;
  32       border-color: @pagination-border;
  33       .box-shadow(inset 0 2px 8px rgba(0,0,0,.2));
  34       color: @btn-default-color;
  35       #gradient > .vertical(@btn-default-bg-img-start; @btn-default-bg-img-stop);
  36     }
  37   }
  38   > .disabled {
  39     > span,
  40     > span:hover,
  41     > span:focus,
  42     > a,
  43     > a:hover,
  44     > a:focus {
  45       .box-shadow(none);
  46       cursor: default;
  47       #gradient > .vertical(@btn-default-bg-img-start; @btn-default-bg-img-stop);
  48     }
  49   }
  50 }
  51
  52 .pagination-sm {
  53   .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
  54   > li {
  55     > a,
  56     > span {
  57       font-weight: 400;
  58       > .i {
  59         font-size: 12px;
  60         margin-top: 2px;
  61       }
  62     }
  63   }
  64 }