less/patternfly/pager.less

   1 //
   2 // Pager
   3 // --------------------------------------------------
   4
   5 .pager {
   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       color: @gray-pf;
  11       font-weight: 600;
  12       line-height: 22px;
  13       padding: 2px 14px;
  14       > .i {
  15         font-size: 18px;
  16         vertical-align: top;
  17         margin: 2px 0;
  18       }
  19     }
  20     > a:hover
  21     > a:focus {
  22       color: @gray-pf;
  23     }
  24     a:active {
  25       background-image: none;
  26       .box-shadow(inset 0 3px 5px rgba(0,0,0,.125));
  27       outline: 0;
  28     }
  29   }
  30   .disabled {
  31     > a,
  32     > a:hover,
  33     > a:focus,
  34     > a:active,
  35     > span {
  36       background: @pagination-bg;
  37       .box-shadow(none);
  38       color: @pager-disabled-color;
  39       cursor: default;
  40     }
  41   }
  42   .next {
  43      > a,
  44      > span {
  45        > .i {
  46           margin-left: 5px;
  47        }
  48      }
  49   }
  50   .previous {
  51      > a,
  52      > span {
  53        > .i {
  54           margin-right: 5px;
  55        }
  56      }
  57   }
  58 }
  59
  60 .pager-sm {
  61   li {
  62     > a,
  63     > span {
  64       font-weight: 400;
  65       line-height: 16px;
  66       padding: 1px 10px;
  67       > .i {
  68         font-size: 12px;
  69       }
  70     }
  71   }
  72 }