143 lines
3.1 KiB
Plaintext
143 lines
3.1 KiB
Plaintext
// .pagination {
|
||
// :global {
|
||
// .ant-pagination-next {
|
||
// cursor: pointer !important
|
||
// }
|
||
// }
|
||
// }
|
||
.paginationNoMore {
|
||
:global {
|
||
.ant-pagination-next {
|
||
cursor: not-allowed !important
|
||
}
|
||
}
|
||
}
|
||
|
||
@pagination-prefix-cls: rc-pagination;
|
||
|
||
@primary-color: #1890ff;
|
||
@pagination-item-bg: #fff;
|
||
@pagination-item-size: 28px;
|
||
@pagination-item-size-sm: 24px;
|
||
@pagination-font-family: Arial;
|
||
@pagination-font-weight-active: 500;
|
||
@pagination-item-bg-active: #fff;
|
||
@pagination-item-link-bg: #fff;
|
||
@pagination-item-disabled-color-active: #fff;
|
||
@pagination-item-disabled-bg-active: darken(hsv(0, 0, 96%), 10%);
|
||
@pagination-item-input-bg: #fff;
|
||
|
||
.@{pagination-prefix-cls} {
|
||
width: 100%;
|
||
|
||
ul,
|
||
ol {
|
||
margin: 0;
|
||
padding: 0;
|
||
list-style: none !important;
|
||
flex: 1 !important;
|
||
}
|
||
|
||
&-total-text {
|
||
display: inline-block;
|
||
height: @pagination-item-size;
|
||
margin-right: 8px;
|
||
line-height: @pagination-item-size - 2px;
|
||
vertical-align: middle;
|
||
}
|
||
|
||
&-item {
|
||
border: none !important;
|
||
|
||
&:hover {
|
||
background-color: #eee;
|
||
border-radius: 4px;
|
||
transition: all 0.3s;
|
||
|
||
}
|
||
|
||
&-active {
|
||
border: 1px solid @primary-color !important;
|
||
border-radius: 4px !important;
|
||
}
|
||
}
|
||
|
||
&-prev {
|
||
margin-right: 8px;
|
||
}
|
||
|
||
&-prev,
|
||
&-next {
|
||
display: inline-block;
|
||
min-width: @pagination-item-size;
|
||
height: @pagination-item-size;
|
||
color: rgba(0, 0, 0, 0.85);
|
||
font-family: @pagination-font-family;
|
||
line-height: @pagination-item-size;
|
||
text-align: center;
|
||
vertical-align: middle;
|
||
list-style: none;
|
||
border-radius: 2px;
|
||
cursor: pointer;
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
&-prev,
|
||
&-next {
|
||
outline: 0;
|
||
|
||
button {
|
||
color: rgba(0, 0, 0, 0.85);
|
||
cursor: pointer;
|
||
user-select: none;
|
||
}
|
||
|
||
&:hover button {
|
||
border-color: #40a9ff;
|
||
}
|
||
|
||
.@{pagination-prefix-cls}-item-link {
|
||
display: block;
|
||
width: 100%;
|
||
height: 100%;
|
||
font-size: 12px;
|
||
text-align: center;
|
||
background-color: @pagination-item-link-bg;
|
||
border: 1px solid #d9d9d9;
|
||
border-radius: 2px;
|
||
outline: none;
|
||
transition: all 0.3s;
|
||
}
|
||
|
||
&:focus .@{pagination-prefix-cls}-item-link,
|
||
&:hover .@{pagination-prefix-cls}-item-link {
|
||
color: @primary-color;
|
||
border-color: @primary-color;
|
||
}
|
||
}
|
||
|
||
&-prev button:after {
|
||
content: '‹';
|
||
display: block;
|
||
}
|
||
|
||
&-next button:after {
|
||
content: '›';
|
||
display: block;
|
||
}
|
||
|
||
&-disabled {
|
||
|
||
&,
|
||
&:hover,
|
||
&:focus {
|
||
cursor: not-allowed;
|
||
|
||
.@{pagination-prefix-cls}-item-link {
|
||
color: fade(#000, 25%);
|
||
border-color: #d9d9d9;
|
||
cursor: not-allowed;
|
||
}
|
||
}
|
||
}
|
||
} |