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

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

{"version":3,"sources":["form.css"],"names":[],"mappings":"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","file":"form.min.css","sourcesContent":["@import './variable.css';\r\n\r\n.bk-form {\r\n    &.bk-inline-form {\r\n        display: inline-block;\r\n\r\n        .bk-form-item {\r\n            display: inline-block;\r\n            margin-bottom: 0;\r\n            margin-left: 8px;\r\n            vertical-align: middle;\r\n\r\n            &:first-child {\r\n                margin-left: 0;\r\n            }\r\n\r\n            +.bk-form-item {\r\n                margin-top: 0;\r\n            }\r\n\r\n            .bk-label {\r\n                width: auto !important;\r\n                float: left;\r\n            }\r\n\r\n            .bk-form-content {\r\n                margin-left: 0 !important;\r\n                float: left;\r\n            }\r\n        }\r\n\r\n        .bk-label {\r\n            width: auto;\r\n            line-height: 32px;\r\n            display: inline-block;\r\n            padding: 0 15px 0 0;\r\n        }\r\n\r\n        &.is-required {\r\n            >.bk-label {\r\n                &:after {\r\n                    right: 5px;\r\n                }\r\n            }\r\n        }\r\n\r\n        .bk-form-content {\r\n            display: inline-block;\r\n            margin-left: 0;\r\n        }\r\n\r\n    }\r\n\r\n    &.bk-form-vertical {\r\n        .bk-label {\r\n            width: auto;\r\n            text-align: left;\r\n        }\r\n\r\n        .bk-form-content {\r\n            clear: both;\r\n            margin-left: 0 !important;\r\n        }\r\n\r\n        .bk-form-item {\r\n            &+.bk-form-item {\r\n                margin-top: 8px;\r\n            }\r\n\r\n            &.bk-form-action {\r\n                margin-top: 20px;\r\n            }\r\n        }\r\n\r\n        .bk-form-tip {\r\n            padding: 0;\r\n            margin: 10px 0 0 0;\r\n            position: relative;\r\n            height: auto;\r\n            line-height: 1;\r\n            left: 0;\r\n\r\n            .bk-tip-text {\r\n                float: none;\r\n                vertical-align: middle;\r\n            }\r\n\r\n            .bk-badge {\r\n                margin-right: 5px;\r\n            }\r\n        }\r\n    }\r\n\r\n    .bk-label {\r\n        width: 150px;\r\n        min-height: 32px;\r\n        text-align: right;\r\n        vertical-align: middle;\r\n        line-height: 32px;\r\n        float: left;\r\n        font-size: 14px;\r\n        font-weight: normal;\r\n        color: #63656E;\r\n        box-sizing: border-box;\r\n        padding: 0 24px 0 0;\r\n\r\n        .bk-label-text {\r\n            display: inline-block;\r\n            line-height: 20px;\r\n\r\n            .bk-icon {\r\n                cursor: pointer;\r\n                color: #979BA5;\r\n                font-size: 16px;\r\n            }\r\n        }\r\n\r\n        &.has-desc > span {\r\n            border-bottom: 1px dashed #979BA5;\r\n            cursor: pointer;\r\n        }\r\n    }\r\n\r\n    .bk-form-content {\r\n        width: auto;\r\n        min-height: 32px;\r\n        margin-left: 150px;\r\n        position: relative;\r\n        outline: none;\r\n        line-height: 30px;\r\n\r\n        .form-error-tip {\r\n            font-size: 12px;\r\n            color: $newRedColor;\r\n            line-height: 18px;\r\n            margin: 2px 0 0 0;\r\n        }\r\n\r\n        .tooltips-icon {\r\n            position: absolute;\r\n            z-index: 10;\r\n            right: 8px;\r\n            top: 8px;\r\n            color: $newRedColor;\r\n            cursor: pointer;\r\n            font-size: 16px;\r\n        }\r\n\r\n        >.bk-tip-text {\r\n            font-size: 14px;\r\n            color: $fnMainColor;\r\n            margin: 10px 0 0 0;\r\n        }\r\n\r\n        >.bk-form-tip {\r\n            padding: 0;\r\n            margin: 10px 0 0 0;\r\n            position: relative;\r\n            height: auto;\r\n            line-height: 1;\r\n            left: 0;\r\n\r\n            .bk-tip-text {\r\n                float: none;\r\n                vertical-align: middle;\r\n            }\r\n\r\n            .bk-badge {\r\n                margin-right: 5px;\r\n            }\r\n        }\r\n    }\r\n\r\n    ::placeholder {\r\n        color: $fnMinorColor;\r\n    }\r\n\r\n    &::after,\r\n    .bk-form-item::before {\r\n        display: table;\r\n        content: \"\";\r\n        clear: both;\r\n        visibility: hidden;\r\n        font-size: 0;\r\n    }\r\n\r\n    input:-webkit-autofill,\r\n    textarea:-webkit-autofill,\r\n    select:-webkit-autofill {\r\n        background: #fff !important;\r\n    }\r\n}\r\n\r\n.bk-form-item {\r\n    position: relative;\r\n\r\n    label {\r\n        margin-bottom: 0;\r\n    }\r\n\r\n    +.bk-form-item {\r\n        margin-top: 20px;\r\n    }\r\n\r\n    &.is-required {\r\n        .bk-label {\r\n            position: relative;\r\n\r\n            &:after {\r\n                height: 8px;\r\n                line-height: 1;\r\n                content: '*';\r\n                color: #EA3636;\r\n                font-size: 12px;\r\n                position: absolute;\r\n                display: inline-block;\r\n                vertical-align: middle;\r\n                top: 50%;\r\n                transform: translate(3px, -50%);\r\n            }\r\n        }\r\n    }\r\n\r\n    &.is-readonly {\r\n\r\n        input[type=\"text\"],\r\n        input[type=\"password\"],\r\n        textarea,\r\n        select {\r\n            background-color: #fafafa;\r\n        }\r\n    }\r\n\r\n    &.is-disabled {\r\n\r\n        input[type=\"text\"],\r\n        input[type=\"password\"],\r\n        textarea,\r\n        select {\r\n            background-color: #fafafa;\r\n        }\r\n    }\r\n\r\n    &.is-checking {\r\n        .bk-form-content {\r\n            position: relative;\r\n            ::after {\r\n                content: '';\r\n                width: 100%;\r\n                height: 100%;\r\n                position: absolute;\r\n                z-index: 1000000;\r\n                cursor: not-allowed;\r\n                left: 0;\r\n                right: 0;\r\n                top: 0;\r\n                bottom: 0;\r\n                margin: auto;\r\n            }\r\n        }\r\n    }\r\n\r\n    &.is-danger,\r\n    &.is-error {\r\n\r\n        input[type=\"text\"],\r\n        input[type=\"password\"],\r\n        input[type=\"number\"],\r\n        input[type=\"url\"],\r\n        textarea,\r\n        select {\r\n            border-color: $dangerColor;\r\n            color: $dangerColor;\r\n\r\n            /*&::placeholder {\r\n                color: $dangerColor;\r\n            }*/\r\n        }\r\n\r\n        .bk-textarea-wrapper {\r\n            border-color: $dangerColor;\r\n        }\r\n\r\n        .bk-tag-selector .bk-tag-input {\r\n            border-color: $dangerColor;\r\n            /*.placeholder {\r\n                color: $dangerColor;\r\n            }*/\r\n        }\r\n\r\n        .bk-form-tip {\r\n            .bk-tip-text {\r\n                color: $dangerColor;\r\n            }\r\n        }\r\n\r\n        .bk-select {\r\n            border-color: $dangerColor;\r\n\r\n            /*&.is-default-trigger.is-unselected:before {\r\n                color: $dangerColor;\r\n            }*/\r\n        }\r\n    }\r\n\r\n    &.is-warning {\r\n\r\n        input[type=\"text\"],\r\n        input[type=\"password\"],\r\n        textarea,\r\n        select {\r\n            border-color: $warningColor;\r\n        }\r\n    }\r\n\r\n    &.is-success {\r\n\r\n        input[type=\"text\"],\r\n        input[type=\"password\"],\r\n        textarea,\r\n        select {\r\n            border-color: $successColor;\r\n        }\r\n    }\r\n\r\n    input.bk-success,\r\n    select.bk-success,\r\n    textarea.bk-success,\r\n    input.is-success,\r\n    select.is-success,\r\n    textarea.is-success {\r\n        +.bk-form-tip {\r\n            .bk-tip-text {\r\n                color: $successColor;\r\n            }\r\n        }\r\n    }\r\n\r\n    input.bk-error,\r\n    select.bk-error,\r\n    textarea.bk-error,\r\n    input.is-danger,\r\n    select.is-danger,\r\n    textarea.is-danger {\r\n        border-color: $dangerColor;\r\n        background-color: #fff4f4;\r\n        color: $dangerColor;\r\n\r\n        &::placeholder {\r\n            color: $dangerColor;\r\n        }\r\n\r\n        +.bk-form-tip {\r\n            .bk-tip-text {\r\n                color: $dangerColor;\r\n            }\r\n        }\r\n    }\r\n\r\n}\r\n\r\n.bk-form-tip {\r\n    height: 36px;\r\n    line-height: 36px;\r\n    padding: 0 10px 0 35px;\r\n    position: relative;\r\n\r\n    .bk-badge {\r\n        vertical-align: middle;\r\n    }\r\n\r\n    .bk-tip-text {\r\n        float: left;\r\n        font-size: 14px;\r\n        color: $fnMainColor;\r\n        display: inline-block;\r\n        padding: 0;\r\n        margin: 0;\r\n        white-space: nowrap;\r\n    }\r\n\r\n    position: absolute;\r\n    left: 100%;\r\n    top: 0;\r\n}\r\n"]}