git.roojs.org Git - bootswatch/blob - bower_components/bootstrap/less/pagination.less

   1 //
   2 // Pagination (multiple pages)
   3 // --------------------------------------------------
   4 .pagination {
   5   display: inline-block;
   6   padding-left: 0;
   7   margin: @line-height-computed 0;
   8   border-radius: @border-radius-base;
   9
  10   > li {
  11     display: inline; // Remove list-style and block-level defaults
  12     > a,
  13     > span {
  14       float: left; // Collapse white-space
  15       padding: 4px 12px;
  16       line-height: @line-height-base;
  17       text-decoration: none;
  18       background-color: @pagination-bg;
  19       border: 1px solid @pagination-border;
  20       border-left-width: 0;
  21     }
  22     &:first-child {
  23       > a,
  24       > span {
  25         border-left-width: 1px;
  26         .border-left-radius(@border-radius-base);
  27       }
  28     }
  29     &:last-child {
  30       > a,
  31       > span {
  32         .border-right-radius(@border-radius-base);
  33       }
  34     }
  35   }
  36
  37   > li > a:hover,
  38   > li > a:focus,
  39   > .active > a,
  40   > .active > span {
  41     background-color: @pagination-active-bg;
  42   }
  43   > .active > a,
  44   > .active > span {
  45     color: @pagination-active-color;
  46     cursor: default;
  47   }
  48
  49   > .disabled {
  50     > span,
  51     > a,
  52     > a:hover,
  53     > a:focus {
  54       color: @pagination-disabled-color;
  55       background-color: @pagination-bg;
  56       cursor: not-allowed;
  57     }
  58   }
  59 }
  60
  61 // Sizing
  62 // --------------------------------------------------
  63
  64 // Large
  65 .pagination-large {
  66   > li {
  67     > a,
  68     > span {
  69       padding: @padding-large-vertical @padding-large-horizontal;
  70       font-size: @font-size-large;
  71     }
  72     &:first-child {
  73       > a,
  74       > span {
  75         .border-left-radius(@border-radius-large);
  76       }
  77     }
  78     &:last-child {
  79       > a,
  80       > span {
  81         .border-right-radius(@border-radius-large);
  82       }
  83     }
  84   }
  85 }
  86
  87 // Small
  88 .pagination-small {
  89   > li {
  90     > a,
  91     > span {
  92       padding: @padding-small-vertical @padding-small-horizontal;
  93       font-size: @font-size-small;
  94     }
  95     &:first-child {
  96       > a,
  97       > span {
  98         .border-left-radius(@border-radius-small);
  99       }
 100     }
 101     &:last-child {
 102       > a,
 103       > span {
 104         .border-right-radius(@border-radius-small);
 105       }
 106     }
 107   }
 108 }