vue-moo/src/component/vue/instance/paging/theme.css

moo

@import 'planes/base.css';
@import 'planes/unit.css';

.moo-paging {
  @mixin clear-select;
  overflow: hidden;
}

.moo-paging .paging-tips {
  height: 42pxr;
  line-height: 42pxr;
  font-size: 14pxr;
  text-align: center;
  color: #666;
}

.moo-paging ul {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.moo-paging ul li {
  float: left;
  list-style-type: none;

  .moo-btn .btn-touch {
    padding: 0;
    height: 42pxr;
    line-height: 42pxr;
    background: transparent;
    text-shadow: none;
    border: none;
    border-radius: 0;
    font-size: 28pxr;
    color: #0d462c;
  }

  .moo-btn-disabled .btn-touch {
    color: #333;
  }
}

.moo-paging ul li.page-no {
  .moo-btn .btn-touch {
    padding: 0 10pxr;
  }
}

.moo-paging ul li.page-no-selected {
  .moo-btn .btn-touch {
    font-weight: bold;
    color: #d10432;
  }
}

.moo-paging ul li.paging-operate {
  .moo-btn .btn-touch {
    padding: 0 10pxr;
    width: auto;
    height: 42pxr;
    line-height: 42pxr;
    background: transparent;
    text-shadow: none;
    border: none;
    font-size: 18pxr;
    color: #00a41f;
  }
}