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

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

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