devextreme/less/sources/widgets/material/validation.material.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/material/validation.material.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/
*/
@import (once) "../base/validation.less";
@import (once) "./overlay.material.less";

.dx-size-default() {
    @MATERIAL_VALIDATION_MESSAGE_PADDING: 6px;
    @MATERIAL_VALIDATIONSUMMARY_ITEM_MARGIN: 10px;
}

.dx-size-compact() {
    @MATERIAL_VALIDATION_MESSAGE_PADDING: 4px;
    @MATERIAL_VALIDATIONSUMMARY_ITEM_MARGIN: 6px;
}

.dx-base-validation(@VALIDATION_SUMMARY_COLOR, @VALIDATION_MESSAGE_COLOR, @VALIDATION_MESSAGE_BACKGROUND_COLOR);

.dx-invalid-message > .dx-overlay-content {
    background-color: transparent;
    color: @VALIDATION_MESSAGE_BACKGROUND_COLOR;
    padding: @MATERIAL_VALIDATION_MESSAGE_PADDING 0 0;
}

.dx-validationsummary > .dx-validationsummary-item:not(:last-child) {
    margin-bottom: @MATERIAL_VALIDATIONSUMMARY_ITEM_MARGIN;
}

.dx-form-validation-summary {
    margin-top: 20px;
}