devextreme/less/sources/widgets/generic/slideOut.generic.less

HTML5 JavaScript Component Suite for Responsive Web Development

/**
* DevExtreme (widgets/generic/slideOut.generic.less)
* Version: 20.1.7
* Build date: Tue Aug 25 2020
*
* Copyright (c) 2012 - 2020 Developer Express Inc. ALL RIGHTS RESERVED
* Read about DevExtreme licensing here: https://js.devexpress.com/Licensing/
*/
@import (once) "./slideOutView.generic.less";
@import (once) "./list.generic.less";

.dx-size-default() {
    @GENERIC_SLIDEOUT_MENU_ICON_OVERSIZE: 8px;
}
.dx-size-compact() {
    @GENERIC_SLIDEOUT_MENU_ICON_OVERSIZE: 4px;
}

@GENERIC_SLIDEOUT_MENU_ICON_SIZE: @GENERIC_BASE_ICON_SIZE + @GENERIC_SLIDEOUT_MENU_ICON_OVERSIZE;

.dx-slideout-menu .dx-list-item .dx-icon {
    .dx-icon-sizing(@GENERIC_SLIDEOUT_MENU_ICON_SIZE);
    .dx-icon-margin(@GENERIC_SLIDEOUT_MENU_ICON_SIZE/2);

    margin-top: -@GENERIC_SLIDEOUT_MENU_ICON_OVERSIZE/2;
    margin-bottom: -@GENERIC_SLIDEOUT_MENU_ICON_OVERSIZE/2;
}