zui/src/less/components/pager.types.less

一个基于 Bootstrap 深度定制开源前端实践方案，帮助你快速构建现代跨屏应用。

/// ========================================================================
/// ZUI: pager.types.less
/// http://openzui.com
/// ========================================================================
/// Copyright 2014-2020 cnezsoft.com; Licensed MIT
/// ========================================================================


// Pills

.pager-pills {
  > li:first-child {
    > a,
    > span { border-radius: @pager-border-radius 0 0 @pager-border-radius; }
  }

  > li:last-child {
    > a,
    > span { border-radius: 0 @pager-border-radius @pager-border-radius 0; }
  }


  &.pager-justify > li {
      > a,
      > span { border-radius: @pager-border-radius; }
  }
}


// Loose

.pager-loose {
  display: block;
  margin: @line-height-computed 0;

  &:extend(.clearfix all);

  &.pager-pills > li {
      > a,
      > span { border-radius: @pager-border-radius; }
  }

  > li {
    > a,
    > span {
      border-radius: @border-radius-base;
      margin-left: 5px;
    }
  }
  > li:first-child {
    > a,
    > span { margin-left: 0; }
  }
}