devextreme/less/sources/widgets/common/toast.less

HTML5 JavaScript Component Suite for Responsive Web Development

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

.dx-toast-content {
    display: inline-block;
    padding: 10px;
    vertical-align: middle;
}

.dx-toast-icon {
    display: table-cell;
    background-size: contain;
    width: 35px;
    height: 35px;
    margin-right: 10px;
    vertical-align: middle;
    background-position: left center;
    background-repeat: no-repeat;
}

.dx-toast-message {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
}

.dx-toast-info {
    background-color: #80b9e4;
}

.dx-toast-warning {
    background-color: #ffb277;
}

.dx-toast-error {
    background-color: #f77;
}

.dx-toast-success {
    background-color: #6ec881;
}

.dx-rtl {
    .dx-toast-message {
        padding-left: 0;
        padding-right: 10px;
    }
}