UNPKG

vue-antd-ui

Version:

An enterprise-class UI design language and Vue-based implementation

397 lines (396 loc) 10.3 kB
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors */ .ant-pagination { font-family: "Monospaced Number", "Chinese Quote", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.65); -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; list-style: none; } .ant-pagination ul, .ant-pagination ol { margin: 0; padding: 0; list-style: none; } .ant-pagination:after { content: " "; display: block; height: 0; clear: both; overflow: hidden; visibility: hidden; } .ant-pagination-total-text { display: inline-block; vertical-align: middle; height: 32px; line-height: 30px; margin-right: 8px; } .ant-pagination-item { cursor: pointer; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; min-width: 32px; height: 32px; line-height: 30px; text-align: center; list-style: none; display: inline-block; vertical-align: middle; border: 1px solid #d9d9d9; background-color: #fff; margin-right: 8px; font-family: Arial; outline: 0; } .ant-pagination-item a { text-decoration: none; color: rgba(0, 0, 0, 0.65); -webkit-transition: none; transition: none; margin: 0 6px; } .ant-pagination-item:focus, .ant-pagination-item:hover { -webkit-transition: all .3s; transition: all .3s; border-color: #1890ff; } .ant-pagination-item:focus a, .ant-pagination-item:hover a { color: #1890ff; } .ant-pagination-item-active { border-color: #1890ff; font-weight: 500; } .ant-pagination-item-active a { color: #1890ff; } .ant-pagination-item-active:focus, .ant-pagination-item-active:hover { border-color: #40a9ff; } .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a { color: #40a9ff; } .ant-pagination-jump-prev, .ant-pagination-jump-next { outline: 0; } .ant-pagination-jump-prev:after, .ant-pagination-jump-next:after { content: "•••"; display: block; letter-spacing: 2px; color: rgba(0, 0, 0, 0.25); text-align: center; } .ant-pagination-jump-prev:focus:after, .ant-pagination-jump-next:focus:after, .ant-pagination-jump-prev:hover:after, .ant-pagination-jump-next:hover:after { color: #1890ff; display: inline-block; font-size: 12px; font-size: 8px \9; -webkit-transform: scale(0.66666667) rotate(0deg); -ms-transform: scale(0.66666667) rotate(0deg); transform: scale(0.66666667) rotate(0deg); letter-spacing: -1px; font-family: "anticon"; } :root .ant-pagination-jump-prev:focus:after, :root .ant-pagination-jump-next:focus:after, :root .ant-pagination-jump-prev:hover:after, :root .ant-pagination-jump-next:hover:after { font-size: 12px; } .ant-pagination-jump-prev:focus:after, .ant-pagination-jump-prev:hover:after { content: "\e620\e620"; } .ant-pagination-jump-next:focus:after, .ant-pagination-jump-next:hover:after { content: "\e61f\e61f"; } .ant-pagination-prev, .ant-pagination-jump-prev, .ant-pagination-jump-next { margin-right: 8px; } .ant-pagination-prev, .ant-pagination-next, .ant-pagination-jump-prev, .ant-pagination-jump-next { font-family: Arial; cursor: pointer; color: rgba(0, 0, 0, 0.65); border-radius: 4px; list-style: none; min-width: 32px; height: 32px; line-height: 32px; text-align: center; -webkit-transition: all .3s; transition: all .3s; display: inline-block; vertical-align: middle; } .ant-pagination-prev, .ant-pagination-next { outline: 0; } .ant-pagination-prev a, .ant-pagination-next a { color: rgba(0, 0, 0, 0.65); -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .ant-pagination-prev:hover a, .ant-pagination-next:hover a { border-color: #40a9ff; } .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-next .ant-pagination-item-link { border: 1px solid #d9d9d9; background-color: #fff; border-radius: 4px; outline: none; display: block; -webkit-transition: all .3s; transition: all .3s; } .ant-pagination-prev .ant-pagination-item-link:after, .ant-pagination-next .ant-pagination-item-link:after { font-size: 12px; display: block; height: 30px; font-family: "anticon"; text-align: center; font-weight: 500; } .ant-pagination-prev:focus .ant-pagination-item-link, .ant-pagination-next:focus .ant-pagination-item-link, .ant-pagination-prev:hover .ant-pagination-item-link, .ant-pagination-next:hover .ant-pagination-item-link { border-color: #1890ff; color: #1890ff; } .ant-pagination-prev .ant-pagination-item-link:after { content: "\e620"; display: block; } .ant-pagination-next .ant-pagination-item-link:after { content: "\e61f"; display: block; } .ant-pagination-disabled, .ant-pagination-disabled:hover, .ant-pagination-disabled:focus { cursor: not-allowed; } .ant-pagination-disabled a, .ant-pagination-disabled:hover a, .ant-pagination-disabled:focus a, .ant-pagination-disabled .ant-pagination-item-link, .ant-pagination-disabled:hover .ant-pagination-item-link, .ant-pagination-disabled:focus .ant-pagination-item-link { border-color: #d9d9d9; color: rgba(0, 0, 0, 0.25); cursor: not-allowed; } .ant-pagination-slash { margin: 0 10px 0 5px; } .ant-pagination-options { display: inline-block; vertical-align: middle; margin-left: 16px; } .ant-pagination-options-size-changer.ant-select { display: inline-block; margin-right: 8px; } .ant-pagination-options-quick-jumper { display: inline-block; vertical-align: top; height: 32px; line-height: 32px; } .ant-pagination-options-quick-jumper input { position: relative; display: inline-block; padding: 4px 11px; width: 100%; height: 32px; font-size: 14px; line-height: 1.5; color: rgba(0, 0, 0, 0.65); background-color: #fff; background-image: none; border: 1px solid #d9d9d9; border-radius: 4px; -webkit-transition: all .3s; transition: all .3s; margin: 0 8px; width: 50px; } .ant-pagination-options-quick-jumper input::-moz-placeholder { color: #bfbfbf; opacity: 1; } .ant-pagination-options-quick-jumper input:-ms-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input::-webkit-input-placeholder { color: #bfbfbf; } .ant-pagination-options-quick-jumper input:hover { border-color: #40a9ff; } .ant-pagination-options-quick-jumper input:focus { border-color: #40a9ff; outline: 0; -webkit-box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); box-shadow: 0 0 0 2px rgba(24, 144, 255, 0.2); } .ant-pagination-options-quick-jumper input-disabled { background-color: #f5f5f5; opacity: 1; cursor: not-allowed; color: rgba(0, 0, 0, 0.25); } .ant-pagination-options-quick-jumper input-disabled:hover { border-color: #e6d8d8; } textarea.ant-pagination-options-quick-jumper input { max-width: 100%; height: auto; vertical-align: bottom; -webkit-transition: all .3s, height 0s; transition: all .3s, height 0s; min-height: 32px; } .ant-pagination-options-quick-jumper input-lg { padding: 6px 11px; height: 40px; font-size: 16px; } .ant-pagination-options-quick-jumper input-sm { padding: 1px 7px; height: 24px; } .ant-pagination-simple .ant-pagination-prev, .ant-pagination-simple .ant-pagination-next { height: 24px; line-height: 24px; vertical-align: top; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link { border: 0; height: 24px; } .ant-pagination-simple .ant-pagination-prev .ant-pagination-item-link:after, .ant-pagination-simple .ant-pagination-next .ant-pagination-item-link:after { height: 24px; line-height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager { display: inline-block; margin-right: 8px; height: 24px; } .ant-pagination-simple .ant-pagination-simple-pager input { margin-right: 8px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border-radius: 4px; border: 1px solid #d9d9d9; outline: none; padding: 0 6px; height: 100%; text-align: center; -webkit-transition: border-color 0.3s; transition: border-color 0.3s; } .ant-pagination-simple .ant-pagination-simple-pager input:hover { border-color: #1890ff; } .ant-pagination.mini .ant-pagination-total-text, .ant-pagination.mini .ant-pagination-simple-pager { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-item { margin: 0; min-width: 24px; height: 24px; line-height: 22px; } .ant-pagination.mini .ant-pagination-item:not(.ant-pagination-item-active) { background: transparent; border-color: transparent; } .ant-pagination.mini .ant-pagination-prev, .ant-pagination.mini .ant-pagination-next { margin: 0; min-width: 24px; height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link { border-color: transparent; background: transparent; } .ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link:after, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link:after { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-jump-prev, .ant-pagination.mini .ant-pagination-jump-next { height: 24px; line-height: 24px; margin-right: 0; } .ant-pagination.mini .ant-pagination-options { margin-left: 2px; } .ant-pagination.mini .ant-pagination-options-quick-jumper { height: 24px; line-height: 24px; } .ant-pagination.mini .ant-pagination-options-quick-jumper input { padding: 1px 7px; height: 24px; width: 44px; } @media only screen and (max-width: 992px) { .ant-pagination-item-after-jump-prev, .ant-pagination-item-before-jump-next { display: none; } } @media only screen and (max-width: 576px) { .ant-pagination-options { display: none; } }