devextreme/less/sources/widgets/material/toast.material.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/material/toast.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) "./overlay.material.less";

.dx-size-default() {
    @MATERIAL_TOAST_CONTENT_PADDING: 0 16px;
    @MATERIAL_TOAST_HEIGHT: 48px;
    @MATERIAL_TOAST_SHADOW_COLOR: 0.25;
}
.dx-size-compact() {
    @MATERIAL_TOAST_CONTENT_PADDING: 0 12px;
    @MATERIAL_TOAST_HEIGHT: 36px;
    @MATERIAL_TOAST_SHADOW_COLOR: 0.15;
}

.dx-toast-content {
    color: @toast-color;
    font-size: @MATERIAL_BASE_FONT_SIZE;
    font-weight: 400;
    padding: @MATERIAL_TOAST_CONTENT_PADDING;
    border-radius: @toast-border-radius;
    box-shadow: 0 2px 3px rgba(0, 0, 0, @MATERIAL_TOAST_SHADOW_COLOR);
    min-height: @MATERIAL_TOAST_HEIGHT;
    display: flex;
    align-items: center;
}

.dx-toast-icon {
    display: none;
}

.dx-toast-message {
    padding: 0;
}

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

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

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

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