devextreme
Version:
HTML5 JavaScript Component Suite for Responsive Web Development
52 lines (42 loc) • 1.57 kB
text/less
/**
* DevExtreme (widgets/generic/contextMenu.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) "./overlay.generic.less";
@import (once) "./menuBase.generic.less";
@GENERIC_MENU_POPUP_BORDER: 1px solid @menu-popup-border-color;
.dx-context-menu {
color: @menu-color;
.dx-submenu {
background-color: @menu-popup-bg;
border: @GENERIC_MENU_POPUP_BORDER;
box-shadow: 0 2px 2px @menu-container-shadow-color;
}
.dx-menu-item-popout {
.dx-icon(spinright);
.dx-icon-font-centered-sizing(@GENERIC_BASE_ICON_SIZE);
}
.dx-menu-separator {
background-color: @menu-separator-bg;
}
.dx-menu-no-icons > .dx-menu-item-wrapper > .dx-menu-item > .dx-menu-item-content .dx-menu-item-text {
padding-left: @GENERIC_MENU_ITEM_PADDING_BASE;
.dx-rtl&,
.dx-rtl & {
padding-right: @GENERIC_MENU_ITEM_PADDING_BASE;
padding-left: @GENERIC_MENU_PADDING_BIG;
}
}
&.dx-rtl {
.dx-menu-item-content {
padding: @GENERIC_MENU_ITEM_PADDING_BASE @GENERIC_MENU_ITEM_PADDING_REDUCED @GENERIC_MENU_ITEM_PADDING_BASE @GENERIC_MENU_ITEM_PADDING_BASE;
.dx-menu-item-text {
padding: 0 @GENERIC_MENU_ITEM_PADDING_BASE + @GENERIC_BASE_ICON_SIZE @GENERIC_MENU_ITEM_PADDING_BASE @GENERIC_MENU_PADDING_BIG;
}
}
}
}