devextreme/less/sources/widgets/base/validation.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/base/validation.less)
* Version: 20.1.4
* Build date: Tue Jun 02 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
.dx-base-validation(@summary-color, @message-color, @message-bg-color) {
    .dx-validationsummary-item {
        color: @summary-color;
    }

    .dx-invalid-message > .dx-overlay-content {
        color: @message-color;
        background-color: @message-bg-color;
    }
}

.dx-validationsummary-item-content {
    border-bottom: 1px dashed;
    display: inline-block;
    line-height: normal;
}

@keyframes valid-badge-frames {
    from {
        opacity: 0;
        transform: scale(0.1);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.validation-badge-animation() {
    opacity: 0;
    transform: scale(0);
    animation: valid-badge-frames 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}