devextreme/less/sources/widgets/generic/toast.generic.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/generic/toast.generic.less)
* Version: 19.2.6
* Build date: Thu Jan 30 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "./overlay.generic.less";

.dx-size-default() {
    @GENERIC_TOAST_LINE_HEIGHT: 32px;
    @GENERIC_TOAST_ICON_SIZE: 35px;
    @GENERIC_TOAST_CONTENT_PADDING: 10px;
}
.dx-size-compact() {
    @GENERIC_TOAST_LINE_HEIGHT: 25px;
    @GENERIC_TOAST_ICON_SIZE: 25px;
    @GENERIC_TOAST_CONTENT_PADDING: 5px;
}

@GENERIC_TOAST_SHADOW: 0 2px 3px 0 @toast-shadow-color;


.dx-toast-content {
    color: @toast-color;
    font-size: @GENERIC_BASE_FONT_SIZE;
    font-weight: 600;
    line-height: @GENERIC_TOAST_LINE_HEIGHT;
    padding: @GENERIC_TOAST_CONTENT_PADDING;
    box-shadow: @GENERIC_TOAST_SHADOW;
    border-radius: @toast-border-radius;
}

.dx-toast-icon {
    width: @GENERIC_TOAST_ICON_SIZE;
    height: @GENERIC_TOAST_ICON_SIZE;
}

.dx-toast-info {
    background-color: @toast-info-bg;

    .dx-toast-icon {
        background-image: @toast-info-icon-image-bg;
    }
}

.dx-toast-message {
    line-height: 16px;
}

.dx-toast-warning {
    background-color: @toast-warning-bg;

    .dx-toast-icon {
        background-image: @toast-warning-icon-image-bg;
    }
}

.dx-toast-error {
    background-color: @toast-error-bg;

    .dx-toast-icon {
        background-image: @toast-error-icon-image-bg;
    }
}

.dx-toast-success {
    background-color: @toast-success-bg;

    .dx-toast-icon {
        background-image: @toast-success-icon-image-bg;
    }
}