@cw-devops/bk-magic-vue/lib/ui/pagination.min.css.map

基于蓝鲸 Magicbox 和 Vue 的前端组件库

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