devextreme/less/sources/widgets/material/icons.material.less

HTML5 JavaScript Component Suite for Responsive Web Development

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

.dx-font-icons("dxiconsmaterial", "DevExtreme Material Icons", "devextreme_material_icons");

.dx-icon {
    font-size: 24px;
    line-height: 1;
    white-space: nowrap;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'liga';
}

.dx-tab {
    .dx-icon,
    &.dx-tab-selected .dx-icon {
        background-size: 100% 100%;
        background-position: 50% 50%;
    }
}

.dx-scrollview-pulldown {
    background-image: @SCROLLVIEW_PULLDOWN_PATH;
    background-position: 0 0;
    background-repeat: no-repeat;
}

.dx-loadindicator-image {
    background-image: @LOADINDICATOR_IMAGE_PATH;
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-loadindicator-image-small {
    background-image: @LOADINDICATOR_IMAGE_SMALL_PATH;
    background-position: center center;
    background-repeat: no-repeat;
}

.dx-loadindicator-image-large {
    background-image: @LOADINDICATOR_IMAGE_LARGE_PATH;
    background-position: center center;
    background-repeat: no-repeat;
}