hy-checkbox/lib/Pagination/pagination.less

checkbox & radio ui components for react

/*
 * @Author: SiMeiyu 
 * @Date: 2017-07-04 10:05:28 
 */ 

@import "../../app/variables.less";
.rc-pagination{ padding: @base-space 0 0 0; text-align: right;}

.rc-pagination-item,
.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-options-quick-jumper input {
  border-color: @border;
  border-radius:@border-radius;
}
.rc-pagination-item a,
.rc-pagination-prev,
.rc-pagination-next,
.rc-pagination-jump-prev,
.rc-pagination-jump-next {
  color: @text-body;
}
.rc-pagination-item:hover,
.rc-pagination-options-quick-jumper input:hover {
  border-color: @primary;
}
.rc-pagination-item:hover a,
.rc-pagination-jump-prev:hover:after,
.rc-pagination-jump-next:hover:after {
  color: @primary;
}

.rc-pagination-item-active a {
  color: #fff;
}
.rc-pagination-item-active:hover a {
  color: #fff;
}
.rc-pagination-item-active {
  background-color: @primary;
  border-color: @primary;
}
.rc-pagination-disabled a {
  color: @text-disable;
}
.rc-pagination {
  .rc-pagination-options-size-changer{ width: 90px;}
.rc-select .rc-select-selection{ height: 28px; line-height: 28px;
   &__rendered{ line-height: 26px; height: 26px;}
    .rc-select-arrow{ height: 26px; line-height: 26px;}
}
}