bk-vue-cec/lib/ui/pagination.min.css.map

一个为运维业务场景而生，好看易用的Vue2原创组件库，由T-inside Design进行托管社区化运作

{"version":3,"sources":["pagination.css","mixins/scroller.css"],"names":[],"mappings":"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","file":"pagination.min.css","sourcesContent":["@import './variable.css';\r\n@import './mixins/scroller';\r\n\r\n$hoverBackground: #eaf3ff;\r\n\r\n.bk-page {\r\n    overflow: hidden;\r\n    .icon-angle-right, .icon-angle-left {\r\n        line-height: 36px;\r\n        font-size: $iconNormalSize;\r\n    }\r\n    a {\r\n        text-decoration: none;\r\n    }\r\n    .bk-page-count {\r\n        font-size: 12px;\r\n        margin-top: 2px;\r\n        &-left {\r\n            float: left;\r\n        }\r\n        &-right {\r\n            float: right;\r\n            margin-left: 12px;\r\n        }\r\n        &-small {\r\n            line-height: 34px;\r\n            height: 34px;\r\n        }\r\n        > span {\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n        }\r\n        .bk-select {\r\n            min-width: 60px;\r\n            display: inline-block;\r\n            vertical-align: middle;\r\n            text-align: left;\r\n            margin: 0 4px;\r\n            .bk-selected {\r\n                padding: 0 22px 0 10px;\r\n            }\r\n        }\r\n        .bk-total-page {\r\n            display: inline-block;\r\n            margin-right: 20px;\r\n        }\r\n        .page-select-small {\r\n            border: 1px solid #f0f1f5;\r\n            background: #f0f1f5;\r\n            border-radius: 2px;\r\n            box-shadow: none;\r\n            &:hover {\r\n                background: #E6F0FF;\r\n            }\r\n        }\r\n    }\r\n    .bk-page-total-count {\r\n        font-size: 12px;\r\n        line-height: 36px;\r\n        color: #989dab;\r\n        &-right {\r\n            float: right;\r\n            margin-left: 12px;\r\n        }\r\n        &-left {\r\n            float: left;\r\n            margin-right: 12px;\r\n        }\r\n        .stress {\r\n            padding: 0 2px;\r\n            color: #3f4046;\r\n        }\r\n    }\r\n    .bk-page-total-small {\r\n        line-height: 26px;\r\n        margin-top: 2px;\r\n    }\r\n    .bk-page-selection-count {\r\n        font-size: 12px;\r\n        line-height: 36px;\r\n        &-right {\r\n            float: right;\r\n        }\r\n        &-left {\r\n            float: left;\r\n            margin-left: 12px;\r\n        }\r\n        .count {\r\n            padding: 0 2px;\r\n            font-weight: bold;\r\n        }\r\n    }\r\n    &.bk-page-align {\r\n        &-left {\r\n            text-align: left;\r\n        }\r\n        &-center {\r\n            text-align: center;\r\n        }\r\n        &-right {\r\n            text-align: right;\r\n        }\r\n    }\r\n    &.bk-page-small {\r\n        .bk-page-count {\r\n            margin-top: 0;\r\n        }\r\n        .page-item {\r\n            .page-button {\r\n                min-width: 32px;\r\n                height: 32px;\r\n                line-height: 30px;\r\n            }\r\n        }\r\n        .bk-page-total-count,\r\n        .bk-page-selection-count {\r\n            line-height: 32px;\r\n        }\r\n        .icon-angle-right, .icon-angle-left {\r\n            line-height: 30px;\r\n            font-size: $iconSmallSize;\r\n        }\r\n    }\r\n    &.bk-page-compact {\r\n        .page-item {\r\n            margin-right: -1px;\r\n            border-radius: 0;\r\n            &:hover {\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n            &.disabled {\r\n                &:hover {\r\n                    z-index: 0;\r\n                }\r\n            }\r\n            &:first-child {\r\n                border-radius: 2px 0 0 2px;\r\n            }\r\n            &:last-child {\r\n                border-radius: 0 2px 2px 0;\r\n            }\r\n            &.cur-page {\r\n                position: relative;\r\n                z-index: 1;\r\n            }\r\n        }\r\n    }\r\n    .bk-page-list {\r\n        margin: 0;\r\n        padding: 0;\r\n        overflow: hidden;\r\n        font-size: 0;\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n    }\r\n    .page-item {\r\n        text-align: center;\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        font-size: 12px;\r\n        margin-right: 4px;\r\n        box-sizing: border-box;\r\n        border-radius: 2px;\r\n        overflow: hidden;\r\n        &.page-omit {\r\n            border: none;\r\n            min-width: auto;\r\n            > span {\r\n                display: inline-block;\r\n            }\r\n        }\r\n        .page-button {\r\n            display: block;\r\n            min-width: 36px;\r\n            height: 36px;\r\n            padding: 0 4px;\r\n            line-height: 34px;\r\n            border: 1px solid $newGreyColor;\r\n            color: $fnMainColor;\r\n            background: #fff;\r\n            cursor: pointer;\r\n            &:hover {\r\n                color: $newMainColor;\r\n                border-color: $newMainColor;\r\n            }\r\n        }\r\n\r\n        &.cur-page {\r\n            .page-button {\r\n                border-color: $newMainColor;\r\n                color: $newMainColor;\r\n            }\r\n        }\r\n        &.disabled {\r\n            .page-button {\r\n                border-color: $newGreyColor1;\r\n                cursor: not-allowed;\r\n                color: $newGreyColor;\r\n                background-color: $newGreyColor3;\r\n                &:hover {\r\n                    color: $newGreyColor;\r\n                }\r\n            }\r\n        }\r\n        &:last-child {\r\n            margin-right: 0;\r\n        }\r\n    }\r\n    .bk-page-small-jump {\r\n        line-height: 34px;\r\n        display: inline-flex;\r\n        align-items: center;\r\n        color: #63656E;\r\n        .btn-pre,\r\n        .btn-next{\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            width: 24px;\r\n            height: 24px;\r\n            font-size: 14px;\r\n            cursor: pointer;\r\n            transition: all .15s;\r\n            color: $newBlackColor3;\r\n            &:hover{\r\n                color: #006DFF;\r\n            }\r\n            &.disable{\r\n                color: #DCDEE5;\r\n                cursor: not-allowed;\r\n            }\r\n            .bk-icon{\r\n                line-height: 1;\r\n            }\r\n        }\r\n        .jump-input-wrapper {\r\n            display: flex;\r\n            align-items: center;\r\n            background-color: #f0f1f5;\r\n            padding: 0 8px;\r\n            border-radius: 2px;\r\n            cursor: pointer;\r\n            border: 1px solid #f0f1f5;\r\n            height: 24px;\r\n            &:hover {\r\n                background-color: #E6F0FF;\r\n            }\r\n            &.focus {\r\n                background-color: $defaultColor;\r\n                border: 1px solid $newMainColor;\r\n                box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);\r\n            }\r\n        }\r\n        .jump-input{\r\n            min-width: 22px;\r\n            height: 16px;\r\n            font-size: 14px;\r\n            line-height: 16px;\r\n            text-align: center;\r\n            border: 0;\r\n            border-radius: 2px;\r\n            background-color: transparent;\r\n            transition: all .15s;\r\n            &:hover,\r\n            &:focus{\r\n                border-color: #006DFF;\r\n            }\r\n        }\r\n        .page-total{\r\n            min-width: 28px;\r\n            font-size: 14px;\r\n            vertical-align: top;\r\n            text-align: center;\r\n            line-height: 16px;\r\n            margin-left: 2px;\r\n            &.focus {\r\n                color: $newGreyColor;\r\n            }\r\n        }\r\n    }\r\n}\r\n\r\n.small-jump-options {\r\n  padding: 0;\r\n  margin: 0;\r\n  overflow-y: auto;\r\n  list-style: none;\r\n  padding: 6px 0;\r\n  max-height: 204px;\r\n  min-width: 68px;\r\n  @mixin scroller;\r\n\r\n  .small-jump-option {\r\n      padding: 0 16px;\r\n      line-height: 32px;\r\n      cursor: pointer;\r\n      &:hover {\r\n          background-color: $hoverBackground;\r\n          color: $newMainColor;\r\n      }\r\n      &.is-selected {\r\n          background-color: $hoverBackground;\r\n          color: $newMainColor;\r\n      }\r\n  }\r\n}\r\n","/**\r\n * @file scroller mixin\r\n *\r\n * usage:\r\n *      @mixin scroller;\r\n *      @mixin scroller red;\r\n *      @mixin scroller green, 2px;\r\n */\r\n\r\n@define-mixin scroller $backgroundColor: #dcdee5, $width: 6px {\r\n    &::-webkit-scrollbar {\r\n        width: 6px;\r\n        height: 6px;\r\n    }\r\n    &::-webkit-scrollbar-thumb {\r\n        min-height: 24px;\r\n        border-radius: 3px;\r\n        background-color: $backgroundColor;\r\n    }\r\n}\r\n"]}